/*!********************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***! \********************************************************************************************************************************************************************************************************************************************************/ .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[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css ***! \*************************************************************************************************************************************************************************************************************************************************************************/ .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}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.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}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:none}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px} /*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/style.scss?ngGlobalStyle ***! \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ @charset "UTF-8"; /* * Document : style.css * Author : RedStar Template * Description: This is a main style scss file for import all scss files. * * Structure (with shortcodes): [1. Common ] [2. Fonts ] [3. Components ] [4. Apps] [5. Pages ] [6. Pugins ] [7. UI ] [8. Browser ] /* [1. Common ] */ /* Importing Bootstrap SCSS file. */ /*! * Bootstrap v5.3.3 (https://getbootstrap.com/) * Copyright 2011-2024 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: #0d6efd; --bs-secondary: #6c757d; --bs-success: #198754; --bs-info: #0dcaf0; --bs-warning: #ffc107; --bs-danger: #dc3545; --bs-light: #f8f9fa; --bs-dark: #212529; --bs-primary-rgb: 13, 110, 253; --bs-secondary-rgb: 108, 117, 125; --bs-success-rgb: 25, 135, 84; --bs-info-rgb: 13, 202, 240; --bs-warning-rgb: 255, 193, 7; --bs-danger-rgb: 220, 53, 69; --bs-light-rgb: 248, 249, 250; --bs-dark-rgb: 33, 37, 41; --bs-primary-text-emphasis: #052c65; --bs-secondary-text-emphasis: #2b2f32; --bs-success-text-emphasis: #0a3622; --bs-info-text-emphasis: #055160; --bs-warning-text-emphasis: #664d03; --bs-danger-text-emphasis: #58151c; --bs-light-text-emphasis: #495057; --bs-dark-text-emphasis: #495057; --bs-primary-bg-subtle: #cfe2ff; --bs-secondary-bg-subtle: #e2e3e5; --bs-success-bg-subtle: #d1e7dd; --bs-info-bg-subtle: #cff4fc; --bs-warning-bg-subtle: #fff3cd; --bs-danger-bg-subtle: #f8d7da; --bs-light-bg-subtle: #fcfcfd; --bs-dark-bg-subtle: #ced4da; --bs-primary-border-subtle: #9ec5fe; --bs-secondary-border-subtle: #c4c8cb; --bs-success-border-subtle: #a3cfbb; --bs-info-border-subtle: #9eeaf9; --bs-warning-border-subtle: #ffe69c; --bs-danger-border-subtle: #f1aeb5; --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: #0d6efd; --bs-link-color-rgb: 13, 110, 253; --bs-link-decoration: underline; --bs-link-hover-color: #0a58ca; --bs-link-hover-color-rgb: 10, 88, 202; --bs-code-color: #d63384; --bs-highlight-color: #212529; --bs-highlight-bg: #fff3cd; --bs-border-width: 1px; --bs-border-style: solid; --bs-border-color: #dee2e6; --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(13, 110, 253, 0.25); --bs-form-valid-color: #198754; --bs-form-valid-border-color: #198754; --bs-form-invalid-color: #dc3545; --bs-form-invalid-border-color: #dc3545; } [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: #6ea8fe; --bs-secondary-text-emphasis: #a7acb1; --bs-success-text-emphasis: #75b798; --bs-info-text-emphasis: #6edff6; --bs-warning-text-emphasis: #ffda6a; --bs-danger-text-emphasis: #ea868f; --bs-light-text-emphasis: #f8f9fa; --bs-dark-text-emphasis: #dee2e6; --bs-primary-bg-subtle: #031633; --bs-secondary-bg-subtle: #161719; --bs-success-bg-subtle: #051b11; --bs-info-bg-subtle: #032830; --bs-warning-bg-subtle: #332701; --bs-danger-bg-subtle: #2c0b0e; --bs-light-bg-subtle: #343a40; --bs-dark-bg-subtle: #1a1d20; --bs-primary-border-subtle: #084298; --bs-secondary-border-subtle: #41464b; --bs-success-border-subtle: #0f5132; --bs-info-border-subtle: #087990; --bs-warning-border-subtle: #997404; --bs-danger-border-subtle: #842029; --bs-light-border-subtle: #495057; --bs-dark-border-subtle: #343a40; --bs-heading-color: inherit; --bs-link-color: #6ea8fe; --bs-link-hover-color: #8bb9fe; --bs-link-color-rgb: 110, 168, 254; --bs-link-hover-color-rgb: 139, 185, 254; --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; font-size: calc(1.275rem + 0.3vw); line-height: inherit; } @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; } /* 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-size: calc(1.625rem + 4.5vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-1 { font-size: 5rem; } } .display-2 { font-size: calc(1.575rem + 3.9vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-2 { font-size: 4.5rem; } } .display-3 { font-size: calc(1.525rem + 3.3vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-3 { font-size: 4rem; } } .display-4 { font-size: calc(1.475rem + 2.7vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-4 { font-size: 3.5rem; } } .display-5 { font-size: calc(1.425rem + 2.1vw); font-weight: 300; line-height: 1.2; } @media (min-width: 1200px) { .display-5 { font-size: 3rem; } } .display-6 { font-size: calc(1.375rem + 1.5vw); font-weight: 300; line-height: 1.2; } @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: #cfe2ff; --bs-table-border-color: #a6b5cc; --bs-table-striped-bg: #c5d7f2; --bs-table-striped-color: #000; --bs-table-active-bg: #bacbe6; --bs-table-active-color: #000; --bs-table-hover-bg: #bfd1ec; --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: #e2e3e5; --bs-table-border-color: #b5b6b7; --bs-table-striped-bg: #d7d8da; --bs-table-striped-color: #000; --bs-table-active-bg: #cbccce; --bs-table-active-color: #000; --bs-table-hover-bg: #d1d2d4; --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: #d1e7dd; --bs-table-border-color: #a7b9b1; --bs-table-striped-bg: #c7dbd2; --bs-table-striped-color: #000; --bs-table-active-bg: #bcd0c7; --bs-table-active-color: #000; --bs-table-hover-bg: #c1d6cc; --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: #cff4fc; --bs-table-border-color: #a6c3ca; --bs-table-striped-bg: #c5e8ef; --bs-table-striped-color: #000; --bs-table-active-bg: #badce3; --bs-table-active-color: #000; --bs-table-hover-bg: #bfe2e9; --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: #fff3cd; --bs-table-border-color: #ccc2a4; --bs-table-striped-bg: #f2e7c3; --bs-table-striped-color: #000; --bs-table-active-bg: #e6dbb9; --bs-table-active-color: #000; --bs-table-hover-bg: #ece1be; --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: #f8d7da; --bs-table-border-color: #c6acae; --bs-table-striped-bg: #eccccf; --bs-table-striped-color: #000; --bs-table-active-bg: #dfc2c4; --bs-table-active-color: #000; --bs-table-hover-bg: #e5c7ca; --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: #f8f9fa; --bs-table-border-color: #c6c7c8; --bs-table-striped-bg: #ecedee; --bs-table-striped-color: #000; --bs-table-active-bg: #dfe0e1; --bs-table-active-color: #000; --bs-table-hover-bg: #e5e6e7; --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: #212529; --bs-table-border-color: #4d5154; --bs-table-striped-bg: #2c3034; --bs-table-striped-color: #fff; --bs-table-active-bg: #373b3e; --bs-table-active-color: #fff; --bs-table-hover-bg: #323539; --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: var(--bs-border-radius); transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } @media (prefers-reduced-motion: reduce) { .form-control { transition: none; } } .form-control[type=file] { overflow: hidden; } .form-control[type=file]:not(:disabled):not([readonly]) { cursor: pointer; } .form-control:focus { color: var(--bs-body-color); background-color: var(--bs-body-bg); border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); } 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: calc(1.5em + 0.75rem + calc(var(--bs-border-width) * 2)); padding: 0.375rem; } .form-control-color:not(:disabled):not([readonly]) { cursor: pointer; } .form-control-color::-moz-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .form-control-color::-webkit-color-swatch { border: 0 !important; border-radius: var(--bs-border-radius); } .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: var(--bs-border-radius); 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: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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); -webkit-print-color-adjust: exact; print-color-adjust: exact; } .form-check-input[type=checkbox] { border-radius: 0.25em; } .form-check-input[type=radio] { border-radius: 50%; } .form-check-input:active { filter: brightness(90%); } .form-check-input:focus { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .form-check-input:checked { background-color: #0d6efd; border-color: #0d6efd; } .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: #0d6efd; border-color: #0d6efd; --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='%2386b7fe'/%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(13, 110, 253, 0.25); } .form-range:focus::-moz-range-thumb { box-shadow: 0 0 0 1px #fff, 0 0 0 0.25rem rgba(13, 110, 253, 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: #0d6efd; 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: #b6d4fe; } .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: #0d6efd; 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: #b6d4fe; } .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; height: 100%; padding: 1rem 0.75rem; overflow: hidden; 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; } .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 { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-control-plaintext ~ label::after, .form-floating > .form-select ~ label::after { position: absolute; inset: 1rem 0.375rem; z-index: -1; height: 1.5em; content: ""; background-color: var(--bs-body-bg); border-radius: var(--bs-border-radius); } .form-floating > .form-control:-webkit-autofill ~ label { color: rgba(var(--bs-body-color-rgb), 0.65); transform: scale(0.85) translateY(-0.5rem) translateX(0.15rem); } .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; } .form-floating > :disabled ~ label::after, .form-floating > .form-control:disabled ~ label::after { background-color: var(--bs-secondary-bg); } .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: var(--bs-border-radius); } .input-group-lg > .form-control, .input-group-lg > .form-select, .input-group-lg > .input-group-text, .input-group-lg > .btn { padding: 0.5rem 1rem; font-size: 1.25rem; border-radius: var(--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(var(--bs-border-width) * -1); 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='%23198754' 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.1z'/%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='%23198754' 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.1z'/%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='%23dc3545'%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='%23dc3545' 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='%23dc3545'%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='%23dc3545' 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: #fff; --bs-btn-bg: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0b5ed7; --bs-btn-hover-border-color: #0a58ca; --bs-btn-focus-shadow-rgb: 49, 132, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0a58ca; --bs-btn-active-border-color: #0a53be; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #0d6efd; --bs-btn-disabled-border-color: #0d6efd; } .btn-secondary { --bs-btn-color: #fff; --bs-btn-bg: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #5c636a; --bs-btn-hover-border-color: #565e64; --bs-btn-focus-shadow-rgb: 130, 138, 145; --bs-btn-active-color: #fff; --bs-btn-active-bg: #565e64; --bs-btn-active-border-color: #51585e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #6c757d; --bs-btn-disabled-border-color: #6c757d; } .btn-success { --bs-btn-color: #fff; --bs-btn-bg: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #157347; --bs-btn-hover-border-color: #146c43; --bs-btn-focus-shadow-rgb: 60, 153, 110; --bs-btn-active-color: #fff; --bs-btn-active-bg: #146c43; --bs-btn-active-border-color: #13653f; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #198754; --bs-btn-disabled-border-color: #198754; } .btn-info { --bs-btn-color: #000; --bs-btn-bg: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #31d2f2; --bs-btn-hover-border-color: #25cff2; --bs-btn-focus-shadow-rgb: 11, 172, 204; --bs-btn-active-color: #000; --bs-btn-active-bg: #3dd5f3; --bs-btn-active-border-color: #25cff2; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #0dcaf0; --bs-btn-disabled-border-color: #0dcaf0; } .btn-warning { --bs-btn-color: #000; --bs-btn-bg: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffca2c; --bs-btn-hover-border-color: #ffc720; --bs-btn-focus-shadow-rgb: 217, 164, 6; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffcd39; --bs-btn-active-border-color: #ffc720; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #ffc107; --bs-btn-disabled-border-color: #ffc107; } .btn-danger { --bs-btn-color: #fff; --bs-btn-bg: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #bb2d3b; --bs-btn-hover-border-color: #b02a37; --bs-btn-focus-shadow-rgb: 225, 83, 97; --bs-btn-active-color: #fff; --bs-btn-active-bg: #b02a37; --bs-btn-active-border-color: #a52834; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #dc3545; --bs-btn-disabled-border-color: #dc3545; } .btn-light { --bs-btn-color: #000; --bs-btn-bg: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #d3d4d5; --bs-btn-hover-border-color: #c6c7c8; --bs-btn-focus-shadow-rgb: 211, 212, 213; --bs-btn-active-color: #000; --bs-btn-active-bg: #c6c7c8; --bs-btn-active-border-color: #babbbc; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #000; --bs-btn-disabled-bg: #f8f9fa; --bs-btn-disabled-border-color: #f8f9fa; } .btn-dark { --bs-btn-color: #fff; --bs-btn-bg: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #424649; --bs-btn-hover-border-color: #373b3e; --bs-btn-focus-shadow-rgb: 66, 70, 73; --bs-btn-active-color: #fff; --bs-btn-active-bg: #4d5154; --bs-btn-active-border-color: #373b3e; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #fff; --bs-btn-disabled-bg: #212529; --bs-btn-disabled-border-color: #212529; } .btn-outline-primary { --bs-btn-color: #0d6efd; --bs-btn-border-color: #0d6efd; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #0d6efd; --bs-btn-hover-border-color: #0d6efd; --bs-btn-focus-shadow-rgb: 13, 110, 253; --bs-btn-active-color: #fff; --bs-btn-active-bg: #0d6efd; --bs-btn-active-border-color: #0d6efd; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0d6efd; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0d6efd; --bs-gradient: none; } .btn-outline-secondary { --bs-btn-color: #6c757d; --bs-btn-border-color: #6c757d; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #6c757d; --bs-btn-hover-border-color: #6c757d; --bs-btn-focus-shadow-rgb: 108, 117, 125; --bs-btn-active-color: #fff; --bs-btn-active-bg: #6c757d; --bs-btn-active-border-color: #6c757d; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #6c757d; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #6c757d; --bs-gradient: none; } .btn-outline-success { --bs-btn-color: #198754; --bs-btn-border-color: #198754; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #198754; --bs-btn-hover-border-color: #198754; --bs-btn-focus-shadow-rgb: 25, 135, 84; --bs-btn-active-color: #fff; --bs-btn-active-bg: #198754; --bs-btn-active-border-color: #198754; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #198754; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #198754; --bs-gradient: none; } .btn-outline-info { --bs-btn-color: #0dcaf0; --bs-btn-border-color: #0dcaf0; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #0dcaf0; --bs-btn-hover-border-color: #0dcaf0; --bs-btn-focus-shadow-rgb: 13, 202, 240; --bs-btn-active-color: #000; --bs-btn-active-bg: #0dcaf0; --bs-btn-active-border-color: #0dcaf0; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #0dcaf0; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #0dcaf0; --bs-gradient: none; } .btn-outline-warning { --bs-btn-color: #ffc107; --bs-btn-border-color: #ffc107; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #ffc107; --bs-btn-hover-border-color: #ffc107; --bs-btn-focus-shadow-rgb: 255, 193, 7; --bs-btn-active-color: #000; --bs-btn-active-bg: #ffc107; --bs-btn-active-border-color: #ffc107; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #ffc107; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #ffc107; --bs-gradient: none; } .btn-outline-danger { --bs-btn-color: #dc3545; --bs-btn-border-color: #dc3545; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #dc3545; --bs-btn-hover-border-color: #dc3545; --bs-btn-focus-shadow-rgb: 220, 53, 69; --bs-btn-active-color: #fff; --bs-btn-active-bg: #dc3545; --bs-btn-active-border-color: #dc3545; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #dc3545; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #dc3545; --bs-gradient: none; } .btn-outline-light { --bs-btn-color: #f8f9fa; --bs-btn-border-color: #f8f9fa; --bs-btn-hover-color: #000; --bs-btn-hover-bg: #f8f9fa; --bs-btn-hover-border-color: #f8f9fa; --bs-btn-focus-shadow-rgb: 248, 249, 250; --bs-btn-active-color: #000; --bs-btn-active-bg: #f8f9fa; --bs-btn-active-border-color: #f8f9fa; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #f8f9fa; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #f8f9fa; --bs-gradient: none; } .btn-outline-dark { --bs-btn-color: #212529; --bs-btn-border-color: #212529; --bs-btn-hover-color: #fff; --bs-btn-hover-bg: #212529; --bs-btn-hover-border-color: #212529; --bs-btn-focus-shadow-rgb: 33, 37, 41; --bs-btn-active-color: #fff; --bs-btn-active-bg: #212529; --bs-btn-active-border-color: #212529; --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); --bs-btn-disabled-color: #212529; --bs-btn-disabled-bg: transparent; --bs-btn-disabled-border-color: #212529; --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: 49, 132, 253; 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: #0d6efd; --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: #0d6efd; --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(var(--bs-border-width) * -1); } .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(var(--bs-border-width) * -1); } .btn-group-vertical > .btn:not(:last-child):not(.dropdown-toggle), .btn-group-vertical > .btn-group:not(:last-child) > .btn { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .btn-group-vertical > .btn ~ .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(13, 110, 253, 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: #0d6efd; } .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-basis: 0; flex-grow: 1; text-align: center; } .nav-fill .nav-item .nav-link, .nav-justified .nav-item .nav-link { width: 100%; } .tab-content > .tab-pane { display: none; } .tab-content > .active { display: block; } .navbar { --bs-navbar-padding-x: 0; --bs-navbar-padding-y: 0.5rem; --bs-navbar-color: rgba(var(--bs-emphasis-color-rgb), 0.65); --bs-navbar-hover-color: rgba(var(--bs-emphasis-color-rgb), 0.8); --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-basis: 100%; flex-grow: 1; 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 5L8 11L14 5'/%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='%23052c65' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e"); --bs-accordion-btn-focus-box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 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-header .accordion-button, .accordion-flush > .accordion-item > .accordion-header .accordion-button.collapsed { border-radius: 0; } .accordion-flush > .accordion-item > .accordion-collapse { 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='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%236ea8fe'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); } .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(13, 110, 253, 0.25); --bs-pagination-active-color: #fff; --bs-pagination-active-bg: #0d6efd; --bs-pagination-active-border-color: #0d6efd; --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(var(--bs-border-width) * -1); } .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: 1rem; } } .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: #0d6efd; --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: #0d6efd; --bs-list-group-active-border-color: #0d6efd; 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-action { width: 100%; color: var(--bs-list-group-action-color); text-align: inherit; } .list-group-item-action:hover, .list-group-item-action: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:active { color: var(--bs-list-group-action-active-color); background-color: var(--bs-list-group-action-active-bg); } .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-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.414z'/%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(13, 110, 253, 0.25); --bs-btn-close-focus-opacity: 1; --bs-btn-close-disabled-opacity: 0.25; --bs-btn-close-white-filter: invert(1) grayscale(100%) brightness(200%); box-sizing: content-box; width: 1em; height: 1em; padding: 0.25em 0.25em; color: var(--bs-btn-close-color); background: transparent var(--bs-btn-close-bg) center/1em auto no-repeat; 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 { filter: var(--bs-btn-close-white-filter); } [data-bs-theme=dark] .btn-close { filter: var(--bs-btn-close-white-filter); } .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: ; --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 { transition: transform 0.3s ease-out; transform: translate(0, -50px); } @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: calc(-0.5 * var(--bs-modal-header-padding-y)) calc(-0.5 * var(--bs-modal-header-padding-x)) calc(-0.5 * var(--bs-modal-header-padding-y)) 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; 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 0z'/%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-.708z'/%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-.708z'/%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 0z'/%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: #fff; background-clip: padding-box; border: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; opacity: 0.5; transition: opacity 0.6s ease; } @media (prefers-reduced-motion: reduce) { .carousel-indicators [data-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: #fff; text-align: center; } .carousel-dark .carousel-control-prev-icon, .carousel-dark .carousel-control-next-icon { filter: invert(1) grayscale(100); } .carousel-dark .carousel-indicators [data-bs-target] { background-color: #000; } .carousel-dark .carousel-caption { color: #000; } [data-bs-theme=dark] .carousel .carousel-control-prev-icon, [data-bs-theme=dark] .carousel .carousel-control-next-icon, [data-bs-theme=dark].carousel .carousel-control-prev-icon, [data-bs-theme=dark].carousel .carousel-control-next-icon { filter: invert(1) grayscale(100); } [data-bs-theme=dark] .carousel .carousel-indicators [data-bs-target], [data-bs-theme=dark].carousel .carousel-indicators [data-bs-target] { background-color: #000; } [data-bs-theme=dark] .carousel .carousel-caption, [data-bs-theme=dark].carousel .carousel-caption { color: #000; } .spinner-grow, .spinner-border { display: inline-block; 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: calc(-0.5 * var(--bs-offcanvas-padding-y)) calc(-0.5 * var(--bs-offcanvas-padding-x)) calc(-0.5 * var(--bs-offcanvas-padding-y)) 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: #fff !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: #fff !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: #fff !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(10, 88, 202, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(10, 88, 202, 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(86, 94, 100, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(86, 94, 100, 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(20, 108, 67, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(20, 108, 67, 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(61, 213, 243, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(61, 213, 243, 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, 205, 57, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(255, 205, 57, 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(176, 42, 55, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(176, 42, 55, 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(249, 250, 251, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(249, 250, 251, 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(26, 30, 33, var(--bs-link-opacity, 1)) !important; text-decoration-color: RGBA(26, 30, 33, 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; } .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; } } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /* * Document : _customanimate.scss * Author : RedStar Template * Description: This scss file for mixure of custom animation classes */ @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /* * Document : _general.scss * Author : RedStar Template * Description: This scss file for all common style classes */ body, html { transition: all 0.5s; background-color: #ecf0f4; font-family: "noto sans", sans-serif; font-size: 12px !important; } .mat-radio-button { font-family: "noto sans", sans-serif; } button, input, select, a { outline: none !important; font-size: 12px !important; } button:hover, input:hover, select:hover, a:hover { text-decoration: none; } textarea { font-size: 12px !important; } .row { margin-bottom: 0px !important; } ol, ul, dl { padding-left: 0px; list-style-type: none; } .no-animate { transition-property: none !important; transform: none !important; animation: none !important; } section.content { margin: 75px 15px 0 276px; min-height: calc(100vh - 76px); transition: 0.5s; } section.content::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 200px; } .horizontal-layout section.content { margin: 170px 15px 0 15px; float: left; width: calc(100% - 30px); } .pull-left { float: left !important; } .pull-right { float: right !important; } .jqvmap-zoomin, .jqvmap-zoomout { width: 15px; height: 15px; } table .checkbox [type=checkbox] + label { margin: 0; height: 20px; padding-left: 20px; vertical-align: middle; } .loading-img-spin { position: absolute; top: 50%; left: 50%; width: 50px; height: 50px; margin: -60px 0 20px -20px; animation: spin 1.5s linear infinite; } .shadow-style { box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15); } .review-img { padding-left: 20px; padding-top: 5px; } .review-img img { border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } .horizontal-layout .sidebar, .horizontal-layout .nav-left-menu { display: none; } .bootstrap-notify-container { max-width: 320px; text-align: center; } .map iframe { width: 100%; } .jqvmap-label { position: absolute; display: none; border-radius: 30px; background: #eee; color: black; font-size: 12px !important; font-family: sans-serif, Verdana; padding: 10px; pointer-events: none; } .logo-white .navbar-toggle, .logo-white .bars:before, .logo-white .bars:after { color: #000 !important; } .logo-black .navbar-toggle, .logo-black .bars:before, .logo-black .bars:after { color: #fff !important; } .dark .sidemenu-collapse i { color: #fff; } .dark .nav > li > a { color: #fff; } .light .sidemenu-collapse i { color: #0d091d; } .light .nav > li > a { color: #0d091d; } .border-apply { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2) !important; } input::-webkit-input-placeholder { font-size: 12px !important; color: #adabab; } input:-moz-placeholder { /* Firefox 18- */ font-size: 12px !important; color: #adabab; } input::-moz-placeholder { /* Firefox 19+ */ font-size: 12px !important; color: #adabab; } input:-ms-input-placeholder { font-size: 12px !important; color: #adabab; } textarea::-webkit-input-placeholder { font-size: 12px !important; color: #adabab; } textarea:-moz-placeholder { /* Firefox 18- */ font-size: 12px !important; color: #adabab; } textarea::-moz-placeholder { /* Firefox 19+ */ font-size: 12px !important; color: #adabab; } textarea:-ms-input-placeholder { font-size: 12px !important; color: #adabab; } .profile-image img { width: 100%; } @media screen and (max-width: 1169px) { .horizontal-layout .sidebar { display: block; } .horizontal-layout .top-sidebar { display: none; } .horizontal-layout section.content { margin-top: 100px; } } .font-icon { display: flex; flex-direction: row; align-items: center; margin-bottom: 20px; padding: 10px; transition: all 0.2s; } .font-icon .icon-preview { font-size: 1.8rem; margin-right: 10px; line-height: 1; color: #333439; } .deshboard-echart-height { height: 250px; } .pill-style { font-size: 17px; color: #a9a6a6; padding-right: 5px; } @media screen and (min-width: 1400px) { .boxed-layout .container { width: 1370px; max-width: 100%; } } /* * Document : _demo.scss * Author : RedStar Template * Description: This scss file style classes of following components Structure (with shortcodes): 1. BUTTONS 2. CHECKBOX & RADIO 3. JQUERY KNOB-CHART 4. SWITCH 5. COLOR BOX 6. IMAGES 7. TAGS INPUT 8. GOOGLE MATERIAL DESIGN ICON 9. PRELOADER 10. ION RANGE SLIDER 11. RIGHT SIDEBAR */ /*********************************************************************** [1. BUTTONS ] ***********************************************************************/ .demo-button-sizes .btn { margin-bottom: 5px; } .icon-button-demo button { margin-right: 0px; margin-bottom: 0px; } .icon-and-text-button-demo button { margin-right: 5px; margin-bottom: 12px; width: 16.6666666667%; } .button-demo ul { padding-left: 0; } .button-demo ul li { list-style: none; padding-left: 0; display: inline-block; margin-right: 7px; } .button-demo ul li .btn { display: block; min-width: 175px; } .button-demo .btn { margin-right: 8px; margin-bottom: 13px; min-width: 100px; } .demo-button-groups .btn-group { margin-right: 10px; margin-bottom: 10px; } .demo-button-toolbar .btn-toolbar { float: left; margin-right: 25px; margin-bottom: 10px; } .demo-button-toolbar .btn-toolbar .btn-group { margin-left: 5px; } .demo-button-nesting > .btn-group { margin-right: 15px; } .demo-single-button-dropdowns > .btn-group { margin-right: 10px; } .demo-splite-button-dropdowns > .btn-group { margin-right: 10px; } .demo-dropup .dropup { margin-right: 10px; } /*********************************************************************** [2. CHECKBOX & RADIO ] ***********************************************************************/ .demo-checkbox label, .demo-radio-button label { min-width: 150px; } /*********************************************************************** [3. JQUERY KNOB-CHART ] ***********************************************************************/ .demo-knob-chart div { margin-right: 15px; } /*********************************************************************** [4. SWITCH ] ***********************************************************************/ .demo-switch .switch { display: inline-block; min-width: 170px; } .demo-switch .demo-switch-title { min-width: 95px; display: inline-block; } /*********************************************************************** [5. COLOR BOX ] ***********************************************************************/ .demo-color-box { padding: 15px 0; text-align: center; margin-bottom: 20px; border-radius: 3px; } .demo-color-box .color-name { font-size: 16px; margin-bottom: 5px; } .demo-color-box .color-code, .demo-color-box .color-class-name { font-size: 12px; } /*********************************************************************** [6. IMAGES ] ***********************************************************************/ .demo-image-copyright { text-align: right; font-style: italic; font-size: 12px; color: #777; margin: 5px 0 10px 0; } .demo-image-copyright a { font-weight: bold; color: #555 !important; } /*********************************************************************** [7. TAGS INPUT ] ***********************************************************************/ .demo-tagsinput-area { margin-bottom: 0px !important; } .demo-tagsinput-area.form-group .form-line:after { border-bottom: 0px; } /*********************************************************************** [8 .GOOGLE MATERIAL DESIGN ICON ] ***********************************************************************/ .demo-icon-container .demo-google-material-icon { margin-bottom: 5px; text-align: left; } .demo-icon-container .demo-google-material-icon .icon-name { position: relative; top: -8px; left: 7px; } .demo-icon-container .demo-google-material-icon .material-icons { width: 24px; } /*********************************************************************** [9. PRELOADERS ] ***********************************************************************/ .demo-preloader .preloader { margin-right: 10px; } /*********************************************************************** [10. ION RANGE SLIDER ] ***********************************************************************/ .irs-demo { margin-bottom: 40px; } .irs-demo .irs { margin-top: 15px; } /*********************************************************************** [11. RIGHT SIDEBAR ] ***********************************************************************/ .right-sidebar .nav-tabs + .tab-content { padding: 0; } .right-sidebar p { margin: 20px 15px 15px 15px; font-weight: bold; text-align: center; } .right-sidebar #settings .setting-list { list-style: none; padding-left: 0; margin-bottom: 20px; } .right-sidebar #settings .setting-list li { padding: 15px; position: relative; border-top: 1px solid #eee; } .right-sidebar #settings .setting-list li .switch { position: absolute; top: 15px; right: 5px; } .right-sidebar .progress { border-radius: 50px; height: 7px; margin: 10px 0px 0px 0px; } .right-sidebar .choose-theme li { position: relative; cursor: pointer; display: inline-block; } .demo-choose-skin, .demo-choose-logoheader { list-style: none; padding-left: 0; overflow-y: hidden; } .demo-choose-skin li, .demo-choose-logoheader li { padding: 10px 7px 4px 0px; position: relative; cursor: pointer; float: left; } .demo-choose-skin li.actived:after, .demo-choose-logoheader li.actived:after { font-family: "Material Icons"; position: absolute; top: 10px; right: 10px; content: "\e876"; font-size: 18px; color: #ece6e6; } .demo-choose-skin li div, .demo-choose-logoheader li div { width: 24px; height: 24px; display: inline-block; border-radius: 3px; } .demo-choose-skin li span, .demo-choose-logoheader li span { position: relative; bottom: 7px; left: 5px; } .demo-choose-skin .white-theme, .demo-choose-logoheader .white-theme { background-color: #fff; } .demo-choose-skin .black-theme, .demo-choose-logoheader .black-theme { background-color: #3a3f51; } .demo-choose-skin .purple-theme, .demo-choose-logoheader .purple-theme { background-color: #813ae1; } .demo-choose-skin .blue-theme, .demo-choose-logoheader .blue-theme { background-color: #03a9f3; } .demo-choose-skin .cyan-theme, .demo-choose-logoheader .cyan-theme { background-color: #13d1d3; } .demo-choose-skin .green-theme, .demo-choose-logoheader .green-theme { background-color: #13b464; } .demo-choose-skin .orange-theme, .demo-choose-logoheader .orange-theme { background-color: #f06533; } .demo-choose-skin .blue, .demo-choose-logoheader .blue { background-color: #0d6efd; } .demo-choose-skin .indigo, .demo-choose-logoheader .indigo { background-color: #6610f2; } .demo-choose-skin .purple, .demo-choose-logoheader .purple { background-color: #6f42c1; } .demo-choose-skin .pink, .demo-choose-logoheader .pink { background-color: #d63384; } .demo-choose-skin .red, .demo-choose-logoheader .red { background-color: #dc3545; } .demo-choose-skin .orange, .demo-choose-logoheader .orange { background-color: #fd7e14; } .demo-choose-skin .yellow, .demo-choose-logoheader .yellow { background-color: #ffc107; } .demo-choose-skin .green, .demo-choose-logoheader .green { background-color: #198754; } .demo-choose-skin .teal, .demo-choose-logoheader .teal { background-color: #20c997; } .demo-choose-skin .cyan, .demo-choose-logoheader .cyan { background-color: #0dcaf0; } .demo-choose-skin .black, .demo-choose-logoheader .black { background-color: #000; } .demo-choose-skin .white, .demo-choose-logoheader .white { background-color: #fff; } .demo-choose-skin .gray, .demo-choose-logoheader .gray { background-color: #6c757d; } .demo-choose-skin .gray-dark, .demo-choose-logoheader .gray-dark { background-color: #343a40; } .white-theme-border { border: 1px solid #888888; } .btn-sidebar-light, .btn-theme-light { background: 0 0 !important; color: #888888 !important; border: 1px solid #888888 !important; margin: 10px; } .m-l--125 { margin-left: -125px; } .m-t--125 { margin-top: -125px; } .m-r--125 { margin-right: -125px; } .m-b--125 { margin-bottom: -125px; } .m-l--120 { margin-left: -120px; } .m-t--120 { margin-top: -120px; } .m-r--120 { margin-right: -120px; } .m-b--120 { margin-bottom: -120px; } .m-l--115 { margin-left: -115px; } .m-t--115 { margin-top: -115px; } .m-r--115 { margin-right: -115px; } .m-b--115 { margin-bottom: -115px; } .m-l--110 { margin-left: -110px; } .m-t--110 { margin-top: -110px; } .m-r--110 { margin-right: -110px; } .m-b--110 { margin-bottom: -110px; } .m-l--105 { margin-left: -105px; } .m-t--105 { margin-top: -105px; } .m-r--105 { margin-right: -105px; } .m-b--105 { margin-bottom: -105px; } .m-l--100 { margin-left: -100px; } .m-t--100 { margin-top: -100px; } .m-r--100 { margin-right: -100px; } .m-b--100 { margin-bottom: -100px; } .m-l--95 { margin-left: -95px; } .m-t--95 { margin-top: -95px; } .m-r--95 { margin-right: -95px; } .m-b--95 { margin-bottom: -95px; } .m-l--90 { margin-left: -90px; } .m-t--90 { margin-top: -90px; } .m-r--90 { margin-right: -90px; } .m-b--90 { margin-bottom: -90px; } .m-l--85 { margin-left: -85px; } .m-t--85 { margin-top: -85px; } .m-r--85 { margin-right: -85px; } .m-b--85 { margin-bottom: -85px; } .m-l--80 { margin-left: -80px; } .m-t--80 { margin-top: -80px; } .m-r--80 { margin-right: -80px; } .m-b--80 { margin-bottom: -80px; } .m-l--75 { margin-left: -75px; } .m-t--75 { margin-top: -75px; } .m-r--75 { margin-right: -75px; } .m-b--75 { margin-bottom: -75px; } .m-l--70 { margin-left: -70px; } .m-t--70 { margin-top: -70px; } .m-r--70 { margin-right: -70px; } .m-b--70 { margin-bottom: -70px; } .m-l--65 { margin-left: -65px; } .m-t--65 { margin-top: -65px; } .m-r--65 { margin-right: -65px; } .m-b--65 { margin-bottom: -65px; } .m-l--60 { margin-left: -60px; } .m-t--60 { margin-top: -60px; } .m-r--60 { margin-right: -60px; } .m-b--60 { margin-bottom: -60px; } .m-l--55 { margin-left: -55px; } .m-t--55 { margin-top: -55px; } .m-r--55 { margin-right: -55px; } .m-b--55 { margin-bottom: -55px; } .m-l--50 { margin-left: -50px; } .m-t--50 { margin-top: -50px; } .m-r--50 { margin-right: -50px; } .m-b--50 { margin-bottom: -50px; } .m-l--45 { margin-left: -45px; } .m-t--45 { margin-top: -45px; } .m-r--45 { margin-right: -45px; } .m-b--45 { margin-bottom: -45px; } .m-l--40 { margin-left: -40px; } .m-t--40 { margin-top: -40px; } .m-r--40 { margin-right: -40px; } .m-b--40 { margin-bottom: -40px; } .m-l--35 { margin-left: -35px; } .m-t--35 { margin-top: -35px; } .m-r--35 { margin-right: -35px; } .m-b--35 { margin-bottom: -35px; } .m-l--30 { margin-left: -30px; } .m-t--30 { margin-top: -30px; } .m-r--30 { margin-right: -30px; } .m-b--30 { margin-bottom: -30px; } .m-l--25 { margin-left: -25px; } .m-t--25 { margin-top: -25px; } .m-r--25 { margin-right: -25px; } .m-b--25 { margin-bottom: -25px; } .m-l--20 { margin-left: -20px; } .m-t--20 { margin-top: -20px; } .m-r--20 { margin-right: -20px; } .m-b--20 { margin-bottom: -20px; } .m-l--15 { margin-left: -15px; } .m-t--15 { margin-top: -15px; } .m-r--15 { margin-right: -15px; } .m-b--15 { margin-bottom: -15px; } .m-l--10 { margin-left: -10px; } .m-t--10 { margin-top: -10px; } .m-r--10 { margin-right: -10px; } .m-b--10 { margin-bottom: -10px; } .m-l--5 { margin-left: -5px; } .m-t--5 { margin-top: -5px; } .m-r--5 { margin-right: -5px; } .m-b--5 { margin-bottom: -5px; } .m-l-0 { margin-left: 0px; } .m-t-0 { margin-top: 0px; } .m-r-0 { margin-right: 0px; } .m-b-0 { margin-bottom: 0px; } .m-l-5 { margin-left: 5px; } .m-t-5 { margin-top: 5px; } .m-r-5 { margin-right: 5px; } .m-b-5 { margin-bottom: 5px; } .m-l-10 { margin-left: 10px; } .m-t-10 { margin-top: 10px; } .m-r-10 { margin-right: 10px; } .m-b-10 { margin-bottom: 10px; } .m-l-15 { margin-left: 15px; } .m-t-15 { margin-top: 15px; } .m-r-15 { margin-right: 15px; } .m-b-15 { margin-bottom: 15px; } .m-l-20 { margin-left: 20px; } .m-t-20 { margin-top: 20px; } .m-r-20 { margin-right: 20px; } .m-b-20 { margin-bottom: 20px; } .m-l-25 { margin-left: 25px; } .m-t-25 { margin-top: 25px; } .m-r-25 { margin-right: 25px; } .m-b-25 { margin-bottom: 25px; } .m-l-30 { margin-left: 30px; } .m-t-30 { margin-top: 30px; } .m-r-30 { margin-right: 30px; } .m-b-30 { margin-bottom: 30px; } .m-l-35 { margin-left: 35px; } .m-t-35 { margin-top: 35px; } .m-r-35 { margin-right: 35px; } .m-b-35 { margin-bottom: 35px; } .m-l-40 { margin-left: 40px; } .m-t-40 { margin-top: 40px; } .m-r-40 { margin-right: 40px; } .m-b-40 { margin-bottom: 40px; } .m-l-45 { margin-left: 45px; } .m-t-45 { margin-top: 45px; } .m-r-45 { margin-right: 45px; } .m-b-45 { margin-bottom: 45px; } .m-l-50 { margin-left: 50px; } .m-t-50 { margin-top: 50px; } .m-r-50 { margin-right: 50px; } .m-b-50 { margin-bottom: 50px; } .m-l-55 { margin-left: 55px; } .m-t-55 { margin-top: 55px; } .m-r-55 { margin-right: 55px; } .m-b-55 { margin-bottom: 55px; } .m-l-60 { margin-left: 60px; } .m-t-60 { margin-top: 60px; } .m-r-60 { margin-right: 60px; } .m-b-60 { margin-bottom: 60px; } .m-l-65 { margin-left: 65px; } .m-t-65 { margin-top: 65px; } .m-r-65 { margin-right: 65px; } .m-b-65 { margin-bottom: 65px; } .m-l-70 { margin-left: 70px; } .m-t-70 { margin-top: 70px; } .m-r-70 { margin-right: 70px; } .m-b-70 { margin-bottom: 70px; } .m-l-75 { margin-left: 75px; } .m-t-75 { margin-top: 75px; } .m-r-75 { margin-right: 75px; } .m-b-75 { margin-bottom: 75px; } .m-l-80 { margin-left: 80px; } .m-t-80 { margin-top: 80px; } .m-r-80 { margin-right: 80px; } .m-b-80 { margin-bottom: 80px; } .m-l-85 { margin-left: 85px; } .m-t-85 { margin-top: 85px; } .m-r-85 { margin-right: 85px; } .m-b-85 { margin-bottom: 85px; } .m-l-90 { margin-left: 90px; } .m-t-90 { margin-top: 90px; } .m-r-90 { margin-right: 90px; } .m-b-90 { margin-bottom: 90px; } .m-l-95 { margin-left: 95px; } .m-t-95 { margin-top: 95px; } .m-r-95 { margin-right: 95px; } .m-b-95 { margin-bottom: 95px; } .m-l-100 { margin-left: 100px; } .m-t-100 { margin-top: 100px; } .m-r-100 { margin-right: 100px; } .m-b-100 { margin-bottom: 100px; } .m-l-105 { margin-left: 105px; } .m-t-105 { margin-top: 105px; } .m-r-105 { margin-right: 105px; } .m-b-105 { margin-bottom: 105px; } .m-l-110 { margin-left: 110px; } .m-t-110 { margin-top: 110px; } .m-r-110 { margin-right: 110px; } .m-b-110 { margin-bottom: 110px; } .m-l-115 { margin-left: 115px; } .m-t-115 { margin-top: 115px; } .m-r-115 { margin-right: 115px; } .m-b-115 { margin-bottom: 115px; } .m-l-120 { margin-left: 120px; } .m-t-120 { margin-top: 120px; } .m-r-120 { margin-right: 120px; } .m-b-120 { margin-bottom: 120px; } .m-l-125 { margin-left: 125px; } .m-t-125 { margin-top: 125px; } .m-r-125 { margin-right: 125px; } .m-b-125 { margin-bottom: 125px; } .margin-0 { margin: 0; } .p-l-0 { padding-left: 0px; } .p-t-0 { padding-top: 0px; } .p-r-0 { padding-right: 0px; } .p-b-0 { padding-bottom: 0px; } .p-l-5 { padding-left: 5px; } .p-t-5 { padding-top: 5px; } .p-r-5 { padding-right: 5px; } .p-b-5 { padding-bottom: 5px; } .p-l-10 { padding-left: 10px; } .p-t-10 { padding-top: 10px; } .p-r-10 { padding-right: 10px; } .p-b-10 { padding-bottom: 10px; } .p-l-15 { padding-left: 15px; } .p-t-15 { padding-top: 15px; } .p-r-15 { padding-right: 15px; } .p-b-15 { padding-bottom: 15px; } .p-l-20 { padding-left: 20px; } .p-t-20 { padding-top: 20px; } .p-r-20 { padding-right: 20px; } .p-b-20 { padding-bottom: 20px; } .p-l-25 { padding-left: 25px; } .p-t-25 { padding-top: 25px; } .p-r-25 { padding-right: 25px; } .p-b-25 { padding-bottom: 25px; } .p-l-30 { padding-left: 30px; } .p-t-30 { padding-top: 30px; } .p-r-30 { padding-right: 30px; } .p-b-30 { padding-bottom: 30px; } .p-l-35 { padding-left: 35px; } .p-t-35 { padding-top: 35px; } .p-r-35 { padding-right: 35px; } .p-b-35 { padding-bottom: 35px; } .p-l-40 { padding-left: 40px; } .p-t-40 { padding-top: 40px; } .p-r-40 { padding-right: 40px; } .p-b-40 { padding-bottom: 40px; } .p-l-45 { padding-left: 45px; } .p-t-45 { padding-top: 45px; } .p-r-45 { padding-right: 45px; } .p-b-45 { padding-bottom: 45px; } .p-l-50 { padding-left: 50px; } .p-t-50 { padding-top: 50px; } .p-r-50 { padding-right: 50px; } .p-b-50 { padding-bottom: 50px; } .p-l-55 { padding-left: 55px; } .p-t-55 { padding-top: 55px; } .p-r-55 { padding-right: 55px; } .p-b-55 { padding-bottom: 55px; } .p-l-60 { padding-left: 60px; } .p-t-60 { padding-top: 60px; } .p-r-60 { padding-right: 60px; } .p-b-60 { padding-bottom: 60px; } .p-l-65 { padding-left: 65px; } .p-t-65 { padding-top: 65px; } .p-r-65 { padding-right: 65px; } .p-b-65 { padding-bottom: 65px; } .p-l-70 { padding-left: 70px; } .p-t-70 { padding-top: 70px; } .p-r-70 { padding-right: 70px; } .p-b-70 { padding-bottom: 70px; } .p-l-75 { padding-left: 75px; } .p-t-75 { padding-top: 75px; } .p-r-75 { padding-right: 75px; } .p-b-75 { padding-bottom: 75px; } .p-l-80 { padding-left: 80px; } .p-t-80 { padding-top: 80px; } .p-r-80 { padding-right: 80px; } .p-b-80 { padding-bottom: 80px; } .p-l-85 { padding-left: 85px; } .p-t-85 { padding-top: 85px; } .p-r-85 { padding-right: 85px; } .p-b-85 { padding-bottom: 85px; } .p-l-90 { padding-left: 90px; } .p-t-90 { padding-top: 90px; } .p-r-90 { padding-right: 90px; } .p-b-90 { padding-bottom: 90px; } .p-l-95 { padding-left: 95px; } .p-t-95 { padding-top: 95px; } .p-r-95 { padding-right: 95px; } .p-b-95 { padding-bottom: 95px; } .p-l-100 { padding-left: 100px; } .p-t-100 { padding-top: 100px; } .p-r-100 { padding-right: 100px; } .p-b-100 { padding-bottom: 100px; } .p-l-105 { padding-left: 105px; } .p-t-105 { padding-top: 105px; } .p-r-105 { padding-right: 105px; } .p-b-105 { padding-bottom: 105px; } .p-l-110 { padding-left: 110px; } .p-t-110 { padding-top: 110px; } .p-r-110 { padding-right: 110px; } .p-b-110 { padding-bottom: 110px; } .p-l-115 { padding-left: 115px; } .p-t-115 { padding-top: 115px; } .p-r-115 { padding-right: 115px; } .p-b-115 { padding-bottom: 115px; } .p-l-120 { padding-left: 120px; } .p-t-120 { padding-top: 120px; } .p-r-120 { padding-right: 120px; } .p-b-120 { padding-bottom: 120px; } .p-l-125 { padding-left: 125px; } .p-t-125 { padding-top: 125px; } .p-r-125 { padding-right: 125px; } .p-b-125 { padding-bottom: 125px; } .margin-0 { margin: 0px; } .padding-0 { padding: 0px; } .margin-5 { margin: 5px; } .padding-5 { padding: 5px; } .margin-10 { margin: 10px; } .padding-10 { padding: 10px; } .margin-15 { margin: 15px; } .padding-15 { padding: 15px; } .margin-20 { margin: 20px; } .padding-20 { padding: 20px; } .margin-25 { margin: 25px; } .padding-25 { padding: 25px; } .margin-30 { margin: 30px; } .padding-30 { padding: 30px; } .margin-35 { margin: 35px; } .padding-35 { padding: 35px; } .margin-40 { margin: 40px; } .padding-40 { padding: 40px; } .margin-45 { margin: 45px; } .padding-45 { padding: 45px; } .margin-50 { margin: 50px; } .padding-50 { padding: 50px; } .margin-55 { margin: 55px; } .padding-55 { padding: 55px; } .margin-60 { margin: 60px; } .padding-60 { padding: 60px; } .margin-65 { margin: 65px; } .padding-65 { padding: 65px; } .margin-70 { margin: 70px; } .padding-70 { padding: 70px; } .margin-75 { margin: 75px; } .padding-75 { padding: 75px; } .margin-80 { margin: 80px; } .padding-80 { padding: 80px; } .margin-85 { margin: 85px; } .padding-85 { padding: 85px; } .margin-90 { margin: 90px; } .padding-90 { padding: 90px; } .margin-95 { margin: 95px; } .padding-95 { padding: 95px; } .margin-100 { margin: 100px; } .padding-100 { padding: 100px; } .margin-105 { margin: 105px; } .padding-105 { padding: 105px; } .margin-110 { margin: 110px; } .padding-110 { padding: 110px; } .margin-115 { margin: 115px; } .padding-115 { padding: 115px; } .margin-120 { margin: 120px; } .padding-120 { padding: 120px; } .margin-125 { margin: 125px; } .padding-125 { padding: 125px; } .padding-0 { padding: 0; } .font-6 { font-size: 6px; } .font-7 { font-size: 7px; } .font-8 { font-size: 8px; } .font-9 { font-size: 9px; } .font-10 { font-size: 10px; } .font-11 { font-size: 11px; } .font-12 { font-size: 12px; } .font-13 { font-size: 13px; } .font-14 { font-size: 14px; } .font-15 { font-size: 15px; } .font-16 { font-size: 16px; } .font-17 { font-size: 17px; } .font-18 { font-size: 18px; } .font-19 { font-size: 19px; } .font-20 { font-size: 20px; } .font-21 { font-size: 21px; } .font-22 { font-size: 22px; } .font-23 { font-size: 23px; } .font-24 { font-size: 24px; } .font-25 { font-size: 25px; } .font-26 { font-size: 26px; } .font-27 { font-size: 27px; } .font-28 { font-size: 28px; } .font-29 { font-size: 29px; } .font-30 { font-size: 30px; } .font-31 { font-size: 31px; } .font-32 { font-size: 32px; } .font-33 { font-size: 33px; } .font-34 { font-size: 34px; } .font-35 { font-size: 35px; } .font-36 { font-size: 36px; } .font-37 { font-size: 37px; } .font-38 { font-size: 38px; } .font-39 { font-size: 39px; } .font-40 { font-size: 40px; } .font-41 { font-size: 41px; } .font-42 { font-size: 42px; } .font-43 { font-size: 43px; } .font-44 { font-size: 44px; } .font-45 { font-size: 45px; } .font-46 { font-size: 46px; } .font-47 { font-size: 47px; } .font-48 { font-size: 48px; } .font-49 { font-size: 49px; } .font-50 { font-size: 50px; } .align-left { text-align: left; } .align-center { text-align: center; } .align-right { text-align: right; } .align-justify { text-align: justify; } .no-resize { resize: none; } .font-bold { font-weight: bold; } .font-italic { font-style: italic; } .font-underline { text-decoration: underline; } .font-line-through { text-decoration: line-through; } .font-overline { text-decoration: overline; } .block-header h2, .block-header .h2 { margin: 0 !important; color: #666 !important; font-weight: normal; font-size: 22px; line-height: 46px; } .block-header h2 small, .block-header .h2 small, .block-header h2 .small, .block-header .h2 .small { display: block; font-size: 12px; margin-top: 8px; color: #888; } .block-header h2 small a, .block-header .h2 small a, .block-header h2 .small a, .block-header .h2 .small a { font-weight: bold; color: #777; } .bg-blue { background-color: #0d6efd !important; color: #fff; } .bg-blue .content .text, .bg-blue .content .number { color: #fff !important; } .bg-indigo { background-color: #6610f2 !important; color: #fff; } .bg-indigo .content .text, .bg-indigo .content .number { color: #fff !important; } .bg-purple { background-color: #6f42c1 !important; color: #fff; } .bg-purple .content .text, .bg-purple .content .number { color: #fff !important; } .bg-pink { background-color: #d63384 !important; color: #fff; } .bg-pink .content .text, .bg-pink .content .number { color: #fff !important; } .bg-red { background-color: #dc3545 !important; color: #fff; } .bg-red .content .text, .bg-red .content .number { color: #fff !important; } .bg-orange { background-color: #fd7e14 !important; color: #fff; } .bg-orange .content .text, .bg-orange .content .number { color: #fff !important; } .bg-yellow { background-color: #ffc107 !important; color: #fff; } .bg-yellow .content .text, .bg-yellow .content .number { color: #fff !important; } .bg-green { background-color: #198754 !important; color: #fff; } .bg-green .content .text, .bg-green .content .number { color: #fff !important; } .bg-teal { background-color: #20c997 !important; color: #fff; } .bg-teal .content .text, .bg-teal .content .number { color: #fff !important; } .bg-cyan { background-color: #0dcaf0 !important; color: #fff; } .bg-cyan .content .text, .bg-cyan .content .number { color: #fff !important; } .bg-black { background-color: #000 !important; color: #fff; } .bg-black .content .text, .bg-black .content .number { color: #fff !important; } .bg-white { background-color: #fff !important; color: #fff; } .bg-white .content .text, .bg-white .content .number { color: #fff !important; } .bg-gray { background-color: #6c757d !important; color: #fff; } .bg-gray .content .text, .bg-gray .content .number { color: #fff !important; } .bg-gray-dark { background-color: #343a40 !important; color: #fff; } .bg-gray-dark .content .text, .bg-gray-dark .content .number { color: #fff !important; } .l-bg-green { background: linear-gradient(45deg, #9ce89d, #cdfa7e) !important; color: #fff; } .l-bg-green .content .text, .l-bg-green .content .number { color: #fff !important; } .l-bg-orange { background: linear-gradient(135deg, #ffc480, #ff763b) !important; color: #fff; } .l-bg-orange .content .text, .l-bg-orange .content .number { color: #fff !important; } .l-bg-cyan { background: linear-gradient(45deg, #72c2ff, #86f0ff) !important; color: #fff; } .l-bg-cyan .content .text, .l-bg-cyan .content .number { color: #fff !important; } .l-bg-red { background: linear-gradient(316deg, #fc5286, #fbaaa2) !important; color: #fff; } .l-bg-red .content .text, .l-bg-red .content .number { color: #fff !important; } .l-bg-purple { background: linear-gradient(230deg, #759bff, #843cf6) !important; color: #fff; } .l-bg-purple .content .text, .l-bg-purple .content .number { color: #fff !important; } .l-bg-purple-dark { background: linear-gradient(45deg, #a52dd8, #e29bf1) !important; color: #fff; } .l-bg-purple-dark .content .text, .l-bg-purple-dark .content .number { color: #fff !important; } .l-bg-card1 { background: linear-gradient(to left, #3a7bd5, #3a6073) !important; color: #fff; } .l-bg-card1 .content .text, .l-bg-card1 .content .number { color: #fff !important; } .l-bg-card2 { background: linear-gradient(to right, #c33764, #1d2671) !important; color: #fff; } .l-bg-card2 .content .text, .l-bg-card2 .content .number { color: #fff !important; } .l-bg-card3 { background: linear-gradient(to left, #134e5e, #71b280) !important; color: #fff; } .l-bg-card3 .content .text, .l-bg-card3 .content .number { color: #fff !important; } .l-bg-card4 { background: linear-gradient(to left, #d38312, #a83279) !important; color: #fff; } .l-bg-card4 .content .text, .l-bg-card4 .content .number { color: #fff !important; } .col-blue { color: #0d6efd !important; } .col-indigo { color: #6610f2 !important; } .col-purple { color: #6f42c1 !important; } .col-pink { color: #d63384 !important; } .col-red { color: #dc3545 !important; } .col-orange { color: #fd7e14 !important; } .col-yellow { color: #ffc107 !important; } .col-green { color: #198754 !important; } .col-teal { color: #20c997 !important; } .col-cyan { color: #0dcaf0 !important; } .col-black { color: #000 !important; } .col-white { color: #fff !important; } .col-gray { color: #6c757d !important; } .col-gray-dark { color: #343a40 !important; } .width-per-0 { width: 0%; } .tbl-col-width-per-0 { max-width: 0%; } .width-per-1 { width: 1%; } .tbl-col-width-per-1 { max-width: 1%; } .width-per-2 { width: 2%; } .tbl-col-width-per-2 { max-width: 2%; } .width-per-3 { width: 3%; } .tbl-col-width-per-3 { max-width: 3%; } .width-per-4 { width: 4%; } .tbl-col-width-per-4 { max-width: 4%; } .width-per-5 { width: 5%; } .tbl-col-width-per-5 { max-width: 5%; } .width-per-6 { width: 6%; } .tbl-col-width-per-6 { max-width: 6%; } .width-per-7 { width: 7%; } .tbl-col-width-per-7 { max-width: 7%; } .width-per-8 { width: 8%; } .tbl-col-width-per-8 { max-width: 8%; } .width-per-9 { width: 9%; } .tbl-col-width-per-9 { max-width: 9%; } .width-per-10 { width: 10%; } .tbl-col-width-per-10 { max-width: 10%; } .width-per-11 { width: 11%; } .tbl-col-width-per-11 { max-width: 11%; } .width-per-12 { width: 12%; } .tbl-col-width-per-12 { max-width: 12%; } .width-per-13 { width: 13%; } .tbl-col-width-per-13 { max-width: 13%; } .width-per-14 { width: 14%; } .tbl-col-width-per-14 { max-width: 14%; } .width-per-15 { width: 15%; } .tbl-col-width-per-15 { max-width: 15%; } .width-per-16 { width: 16%; } .tbl-col-width-per-16 { max-width: 16%; } .width-per-17 { width: 17%; } .tbl-col-width-per-17 { max-width: 17%; } .width-per-18 { width: 18%; } .tbl-col-width-per-18 { max-width: 18%; } .width-per-19 { width: 19%; } .tbl-col-width-per-19 { max-width: 19%; } .width-per-20 { width: 20%; } .tbl-col-width-per-20 { max-width: 20%; } .width-per-21 { width: 21%; } .tbl-col-width-per-21 { max-width: 21%; } .width-per-22 { width: 22%; } .tbl-col-width-per-22 { max-width: 22%; } .width-per-23 { width: 23%; } .tbl-col-width-per-23 { max-width: 23%; } .width-per-24 { width: 24%; } .tbl-col-width-per-24 { max-width: 24%; } .width-per-25 { width: 25%; } .tbl-col-width-per-25 { max-width: 25%; } .width-per-26 { width: 26%; } .tbl-col-width-per-26 { max-width: 26%; } .width-per-27 { width: 27%; } .tbl-col-width-per-27 { max-width: 27%; } .width-per-28 { width: 28%; } .tbl-col-width-per-28 { max-width: 28%; } .width-per-29 { width: 29%; } .tbl-col-width-per-29 { max-width: 29%; } .width-per-30 { width: 30%; } .tbl-col-width-per-30 { max-width: 30%; } .width-per-31 { width: 31%; } .tbl-col-width-per-31 { max-width: 31%; } .width-per-32 { width: 32%; } .tbl-col-width-per-32 { max-width: 32%; } .width-per-33 { width: 33%; } .tbl-col-width-per-33 { max-width: 33%; } .width-per-34 { width: 34%; } .tbl-col-width-per-34 { max-width: 34%; } .width-per-35 { width: 35%; } .tbl-col-width-per-35 { max-width: 35%; } .width-per-36 { width: 36%; } .tbl-col-width-per-36 { max-width: 36%; } .width-per-37 { width: 37%; } .tbl-col-width-per-37 { max-width: 37%; } .width-per-38 { width: 38%; } .tbl-col-width-per-38 { max-width: 38%; } .width-per-39 { width: 39%; } .tbl-col-width-per-39 { max-width: 39%; } .width-per-40 { width: 40%; } .tbl-col-width-per-40 { max-width: 40%; } .width-per-41 { width: 41%; } .tbl-col-width-per-41 { max-width: 41%; } .width-per-42 { width: 42%; } .tbl-col-width-per-42 { max-width: 42%; } .width-per-43 { width: 43%; } .tbl-col-width-per-43 { max-width: 43%; } .width-per-44 { width: 44%; } .tbl-col-width-per-44 { max-width: 44%; } .width-per-45 { width: 45%; } .tbl-col-width-per-45 { max-width: 45%; } .width-per-46 { width: 46%; } .tbl-col-width-per-46 { max-width: 46%; } .width-per-47 { width: 47%; } .tbl-col-width-per-47 { max-width: 47%; } .width-per-48 { width: 48%; } .tbl-col-width-per-48 { max-width: 48%; } .width-per-49 { width: 49%; } .tbl-col-width-per-49 { max-width: 49%; } .width-per-50 { width: 50%; } .tbl-col-width-per-50 { max-width: 50%; } .width-per-51 { width: 51%; } .tbl-col-width-per-51 { max-width: 51%; } .width-per-52 { width: 52%; } .tbl-col-width-per-52 { max-width: 52%; } .width-per-53 { width: 53%; } .tbl-col-width-per-53 { max-width: 53%; } .width-per-54 { width: 54%; } .tbl-col-width-per-54 { max-width: 54%; } .width-per-55 { width: 55%; } .tbl-col-width-per-55 { max-width: 55%; } .width-per-56 { width: 56%; } .tbl-col-width-per-56 { max-width: 56%; } .width-per-57 { width: 57%; } .tbl-col-width-per-57 { max-width: 57%; } .width-per-58 { width: 58%; } .tbl-col-width-per-58 { max-width: 58%; } .width-per-59 { width: 59%; } .tbl-col-width-per-59 { max-width: 59%; } .width-per-60 { width: 60%; } .tbl-col-width-per-60 { max-width: 60%; } .width-per-61 { width: 61%; } .tbl-col-width-per-61 { max-width: 61%; } .width-per-62 { width: 62%; } .tbl-col-width-per-62 { max-width: 62%; } .width-per-63 { width: 63%; } .tbl-col-width-per-63 { max-width: 63%; } .width-per-64 { width: 64%; } .tbl-col-width-per-64 { max-width: 64%; } .width-per-65 { width: 65%; } .tbl-col-width-per-65 { max-width: 65%; } .width-per-66 { width: 66%; } .tbl-col-width-per-66 { max-width: 66%; } .width-per-67 { width: 67%; } .tbl-col-width-per-67 { max-width: 67%; } .width-per-68 { width: 68%; } .tbl-col-width-per-68 { max-width: 68%; } .width-per-69 { width: 69%; } .tbl-col-width-per-69 { max-width: 69%; } .width-per-70 { width: 70%; } .tbl-col-width-per-70 { max-width: 70%; } .width-per-71 { width: 71%; } .tbl-col-width-per-71 { max-width: 71%; } .width-per-72 { width: 72%; } .tbl-col-width-per-72 { max-width: 72%; } .width-per-73 { width: 73%; } .tbl-col-width-per-73 { max-width: 73%; } .width-per-74 { width: 74%; } .tbl-col-width-per-74 { max-width: 74%; } .width-per-75 { width: 75%; } .tbl-col-width-per-75 { max-width: 75%; } .width-per-76 { width: 76%; } .tbl-col-width-per-76 { max-width: 76%; } .width-per-77 { width: 77%; } .tbl-col-width-per-77 { max-width: 77%; } .width-per-78 { width: 78%; } .tbl-col-width-per-78 { max-width: 78%; } .width-per-79 { width: 79%; } .tbl-col-width-per-79 { max-width: 79%; } .width-per-80 { width: 80%; } .tbl-col-width-per-80 { max-width: 80%; } .width-per-81 { width: 81%; } .tbl-col-width-per-81 { max-width: 81%; } .width-per-82 { width: 82%; } .tbl-col-width-per-82 { max-width: 82%; } .width-per-83 { width: 83%; } .tbl-col-width-per-83 { max-width: 83%; } .width-per-84 { width: 84%; } .tbl-col-width-per-84 { max-width: 84%; } .width-per-85 { width: 85%; } .tbl-col-width-per-85 { max-width: 85%; } .width-per-86 { width: 86%; } .tbl-col-width-per-86 { max-width: 86%; } .width-per-87 { width: 87%; } .tbl-col-width-per-87 { max-width: 87%; } .width-per-88 { width: 88%; } .tbl-col-width-per-88 { max-width: 88%; } .width-per-89 { width: 89%; } .tbl-col-width-per-89 { max-width: 89%; } .width-per-90 { width: 90%; } .tbl-col-width-per-90 { max-width: 90%; } .width-per-91 { width: 91%; } .tbl-col-width-per-91 { max-width: 91%; } .width-per-92 { width: 92%; } .tbl-col-width-per-92 { max-width: 92%; } .width-per-93 { width: 93%; } .tbl-col-width-per-93 { max-width: 93%; } .width-per-94 { width: 94%; } .tbl-col-width-per-94 { max-width: 94%; } .width-per-95 { width: 95%; } .tbl-col-width-per-95 { max-width: 95%; } .width-per-96 { width: 96%; } .tbl-col-width-per-96 { max-width: 96%; } .width-per-97 { width: 97%; } .tbl-col-width-per-97 { max-width: 97%; } .width-per-98 { width: 98%; } .tbl-col-width-per-98 { max-width: 98%; } .width-per-99 { width: 99%; } .tbl-col-width-per-99 { max-width: 99%; } .width-per-100 { width: 100%; } .tbl-col-width-per-100 { max-width: 100%; } /* * Document : _media.scss * Author : RedStar Template * Description: This scss file for media queries classes */ @media (max-width: 1169px) { .sidemenu-collapse { display: none !important; } section.content { margin: 83px 15px 0 0px; } .search-box { margin-left: 25px; } } @media (max-width: 800px) { .responsive_table { overflow-x: auto !important; } .mat-table { min-width: 800px; } } @media (max-width: 799px) { .navbar .search-box { margin-left: 20px; } .navbar .nav > li > a { padding: 10px 10px; } } @media (min-width: 768px) { .navbar-header { float: left; } .navbar-collapse { width: auto; border-top: 0; box-shadow: none; } .navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important; } .navbar-toggle { display: none; } .navbar-nav { float: left; margin: 0; } .navbar-nav > li { float: left; } .navbar-nav > li > a { padding-top: 15px; padding-bottom: 15px; } .container > .navbar-header { margin-right: 0; margin-left: 0; } .container > .navbar-collapse { margin-right: 0; margin-left: 0; } .container-fluid > .navbar-header, .container-sm > .navbar-header, .container-md > .navbar-header, .container-lg > .navbar-header, .container-xl > .navbar-header, .container-xxl > .navbar-header { margin-right: 0; margin-left: 0; } .container-fluid > .navbar-collapse, .container-sm > .navbar-collapse, .container-md > .navbar-collapse, .container-lg > .navbar-collapse, .container-xl > .navbar-collapse, .container-xxl > .navbar-collapse { margin-right: 0; margin-left: 0; } .navbar > .container .navbar-brand { margin-left: -15px; } .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: -15px; } } .container > .navbar-header { margin-right: -15px; margin-left: -15px; } .container > .navbar-collapse { margin-right: -15px; margin-left: -15px; } .container-fluid > .navbar-header, .container-sm > .navbar-header, .container-md > .navbar-header, .container-lg > .navbar-header, .container-xl > .navbar-header, .container-xxl > .navbar-header { margin-right: -15px; margin-left: -15px; border-right: 1px solid #f2f4f9; } .container-fluid > .navbar-collapse, .container-sm > .navbar-collapse, .container-md > .navbar-collapse, .container-lg > .navbar-collapse, .container-xl > .navbar-collapse, .container-xxl > .navbar-collapse { margin-right: -15px; margin-left: -15px; } @media (max-width: 767px) { .navbar { height: auto; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 30px; width: 85%; margin-right: 0; } .navbar .navbar-toggle { float: right; } .navbar .nav-left-menu { display: none; } .navbar .navbar-right .fullscreen { display: none; } .navbar .navbar-header { display: inline-block; width: calc(100% + 30px); float: left; } .navbar .nav > li { display: inline-block; } .navbar .nav > li > a { padding: 13px 15px 8px 15px; } .navbar .nav > li > a.js-right-sidebar { padding: 9px 8px 8px 15px; } .navbar .navbar-nav { margin-bottom: 1px; margin-left: -7px; } .navbar .navbar-nav .open .dropdown-menu { background-color: #fff; position: absolute; } .navbar .dropdown-menu { margin-left: -50px; } .dt-buttons { float: none !important; text-align: center; margin-bottom: 15px; } .panel-switch-btn { top: 12px; right: 0 !important; } .rtl .navbar .navbar-toggle { float: left; margin-left: 15px; margin-right: 0; } .rtl .navbar .navbar-header { margin-bottom: 0px; } section.content, body.ls-closed section.content { margin-right: 0px; margin-left: 0px; } } @media (max-width: 600px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { /*width: 86%;*/ } .navbar .navbar-header { margin-bottom: 0; } .navbar .navbar-toggle:before { margin-top: 2px; float: left; } .navbar .nav-notification-icons { margin-top: 7px; } .ls-closed .bars:after, .ls-closed .bars:before { margin-top: 2px; } } @media (max-width: 500px) { .navbar-nav.nav .dropdown-menu { width: 245px; right: -80px; } .navbar-nav.nav .dropdown-menu::before { right: 95px; } .navbar-nav.nav .dropdown-menu::after { right: 96px; } .navbar-nav.nav .user_profile .dropdown-menu::before { right: 19px; } .navbar-nav.nav .user_profile .dropdown-menu::after { right: 20px; } .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 28px; width: 84%; } .breadcrumb-chart { margin: 0 0 0 20px; } .search-box { display: none; } full-calendar > div.fc-toolbar { display: block !important; } } @media (max-width: 420px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { width: 79%; } } @media (max-width: 350px) { .navbar .nav > li > a { padding: 13px 10px 8px 10px; } .navbar .nav > li > a.js-right-sidebar { padding: 9px 10px 8px 10px; } .navbar .nav .user_profile .dropdown-toggle { padding: 7px 0px 9px 10px; } .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 25px; } } @media (min-width: 768px) and (max-width: 991px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 20px; } } @media (min-width: 992px) and (max-width: 1169px) { .navbar > .container .navbar-brand, .navbar > .container-fluid .navbar-brand, .navbar > .container-sm .navbar-brand, .navbar > .container-md .navbar-brand, .navbar > .container-lg .navbar-brand, .navbar > .container-xl .navbar-brand, .navbar > .container-xxl .navbar-brand { margin-left: 20px; } } /* * Document : _animation.scss * Author : RedStar Template * Description: This scss file for animation css classes */ .waves-effect { position: relative; cursor: pointer; display: inline-block; overflow: hidden; -webkit-user-select: none; user-select: none; -webkit-tap-highlight-color: transparent; } .waves-effect .waves-ripple { position: absolute; border-radius: 50%; width: 100px; height: 100px; margin-top: -50px; margin-left: -50px; opacity: 0; background: transparent; transition: all 0.5s ease-out; transition-property: transform, opacity; transform: scale(0) translate(0, 0); pointer-events: none; } .waves-effect.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); background: radial-gradient(rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%); } .waves-effect.waves-classic .waves-ripple { background: rgba(0, 0, 0, 0.2); } .waves-effect.waves-classic.waves-light .waves-ripple { background: rgba(255, 255, 255, 0.4); } .waves-notransition { transition: none !important; } .waves-button, .waves-circle { transform: translateZ(0); -webkit-mask-image: -webkit-radial-gradient(circle, #fff 100%, #000 100%); } .waves-button, .waves-button:hover, .waves-button:visited, .waves-button-input { white-space: nowrap; vertical-align: middle; cursor: pointer; border: none; outline: none; color: inherit; background-color: transparent; font-size: 1em; line-height: 1em; text-align: center; text-decoration: none; z-index: 1; } .waves-button { padding: 0.85em 1.1em; border-radius: 0.2em; } .waves-button-input { margin: 0; padding: 0.85em 1.1em; } .waves-input-wrapper { border-radius: 0.2em; vertical-align: bottom; } .waves-input-wrapper.waves-button { padding: 0; } .waves-input-wrapper .waves-button-input { position: relative; top: 0; left: 0; z-index: 1; } .waves-circle { text-align: center; width: 2.5em; height: 2.5em; line-height: 2.5em; border-radius: 50%; } .waves-float { -webkit-mask-image: none; box-shadow: 0px 1px 1.5px 1px rgba(0, 0, 0, 0.12); transition: all 300ms; } .waves-float:active { box-shadow: 0px 8px 20px 1px rgba(0, 0, 0, 0.3); } .waves-block { display: block; } .slideDown { animation-name: slideDown; -webkit-animation-name: slideDown; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideDown { 0% { transform: translateY(-100%); } 50% { transform: translateY(8%); } 65% { transform: translateY(-4%); } 80% { transform: translateY(4%); } 95% { transform: translateY(-2%); } 100% { transform: translateY(0%); } } .slideUp { animation-name: slideUp; -webkit-animation-name: slideUp; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes slideUp { 0% { transform: translateY(100%); } 50% { transform: translateY(-8%); } 65% { transform: translateY(4%); } 80% { transform: translateY(-4%); } 95% { transform: translateY(2%); } 100% { transform: translateY(0%); } } .slideLeft { animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translateX(150%); } 50% { transform: translateX(-8%); } 65% { transform: translateX(4%); } 80% { transform: translateX(-4%); } 95% { transform: translateX(2%); } 100% { transform: translateX(0%); } } .slideRight { animation-name: slideRight; -webkit-animation-name: slideRight; animation-duration: 1s; -webkit-animation-duration: 1s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes slideRight { 0% { transform: translateX(-150%); } 50% { transform: translateX(8%); } 65% { transform: translateX(-4%); } 80% { transform: translateX(4%); } 95% { transform: translateX(-2%); } 100% { transform: translateX(0%); } } .slideExpandUp { animation-name: slideExpandUp; -webkit-animation-name: slideExpandUp; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease -out; visibility: visible !important; } @keyframes slideExpandUp { 0% { transform: translateY(100%) scaleX(0.5); } 30% { transform: translateY(-8%) scaleX(0.5); } 40% { transform: translateY(2%) scaleX(0.5); } 50% { transform: translateY(0%) scaleX(1.1); } 60% { transform: translateY(0%) scaleX(0.9); } 70% { transform: translateY(0%) scaleX(1.05); } 80% { transform: translateY(0%) scaleX(0.95); } 90% { transform: translateY(0%) scaleX(1.02); } 100% { transform: translateY(0%) scaleX(1); } } .expandUp { animation-name: expandUp; -webkit-animation-name: expandUp; animation-duration: 0.7s; -webkit-animation-duration: 0.7s; animation-timing-function: ease; -webkit-animation-timing-function: ease; visibility: visible !important; } @keyframes expandUp { 0% { transform: translateY(100%) scale(0.6) scaleY(0.5); } 60% { transform: translateY(-7%) scaleY(1.12); } 75% { transform: translateY(3%); } 100% { transform: translateY(0%) scale(1) scaleY(1); } } .fadeIn { animation-name: fadeIn; -webkit-animation-name: fadeIn; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; visibility: visible !important; } @keyframes fadeIn { 0% { transform: scale(0); opacity: 0; } 60% { transform: scale(1.1); } 80% { transform: scale(0.9); opacity: 1; } 100% { transform: scale(1); opacity: 1; } } .expandOpen { animation-name: expandOpen; -webkit-animation-name: expandOpen; animation-duration: 1.2s; -webkit-animation-duration: 1.2s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes expandOpen { 0% { transform: scale(1.8); } 50% { transform: scale(0.95); } 80% { transform: scale(1.05); } 90% { transform: scale(0.98); } 100% { transform: scale(1); } } .bigEntrance { animation-name: bigEntrance; -webkit-animation-name: bigEntrance; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; visibility: visible !important; } @keyframes bigEntrance { 0% { transform: scale(0.3) rotate(6deg) translateX(-30%) translateY(30%); opacity: 0.2; } 30% { transform: scale(1.03) rotate(-2deg) translateX(2%) translateY(-2%); opacity: 1; } 45% { transform: scale(0.98) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 60% { transform: scale(1.01) rotate(-1deg) translateX(0%) translateY(0%); opacity: 1; } 75% { transform: scale(0.99) rotate(1deg) translateX(0%) translateY(0%); opacity: 1; } 90% { transform: scale(1.01) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } 100% { transform: scale(1) rotate(0deg) translateX(0%) translateY(0%); opacity: 1; } } .hatch { animation-name: hatch; -webkit-animation-name: hatch; animation-duration: 2s; -webkit-animation-duration: 2s; animation-timing-function: ease-in-out; -webkit-animation-timing-function: ease-in-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; visibility: visible !important; } @keyframes hatch { 0% { transform: rotate(0deg) scaleY(0.6); } 20% { transform: rotate(-2deg) scaleY(1.05); } 35% { transform: rotate(2deg) scaleY(1); } 50% { transform: rotate(-2deg); } 65% { transform: rotate(1deg); } 80% { transform: rotate(-1deg); } 100% { transform: rotate(0deg); } } .bounce { animation-name: bounce; -webkit-animation-name: bounce; animation-duration: 1.6s; -webkit-animation-duration: 1.6s; animation-timing-function: ease; -webkit-animation-timing-function: ease; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes bounce { 0% { transform: translateY(0%) scaleY(0.6); } 60% { transform: translateY(-100%) scaleY(1.1); } 70% { transform: translateY(0%) scaleY(0.95) scaleX(1.05); } 80% { transform: translateY(0%) scaleY(1.05) scaleX(1); } 90% { transform: translateY(0%) scaleY(0.95) scaleX(1); } 100% { transform: translateY(0%) scaleY(1) scaleX(1); } } .pulse { animation-name: pulse; -webkit-animation-name: pulse; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes pulse { 0% { transform: scale(0.9); opacity: 0.7; } 50% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.9); opacity: 0.7; } } .floating { animation-name: floating; -webkit-animation-name: floating; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes floating { 0% { transform: translateY(0%); } 50% { transform: translateY(8%); } 100% { transform: translateY(0%); } } .tossing { animation-name: tossing; -webkit-animation-name: tossing; animation-duration: 2.5s; -webkit-animation-duration: 2.5s; animation-iteration-count: infinite; -webkit-animation-iteration-count: infinite; } @keyframes tossing { 0% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } 100% { transform: rotate(-4deg); } } .pullUp { animation-name: pullUp; -webkit-animation-name: pullUp; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; -webkit-transform-origin: 50% 100%; } @keyframes pullUp { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } .pullDown { animation-name: pullDown; -webkit-animation-name: pullDown; animation-duration: 1.1s; -webkit-animation-duration: 1.1s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 50% 0%; -ms-transform-origin: 50% 0%; -webkit-transform-origin: 50% 0%; } @keyframes pullDown { 0% { transform: scaleY(0.1); } 40% { transform: scaleY(1.02); } 60% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(0.98); } 80% { transform: scaleY(1.01); } 100% { transform: scaleY(1); } } .stretchLeft { animation-name: stretchLeft; -webkit-animation-name: stretchLeft; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 100% 0%; -ms-transform-origin: 100% 0%; -webkit-transform-origin: 100% 0%; } @keyframes stretchLeft { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } .stretchRight { animation-name: stretchRight; -webkit-animation-name: stretchRight; animation-duration: 1.5s; -webkit-animation-duration: 1.5s; animation-timing-function: ease-out; -webkit-animation-timing-function: ease-out; transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; -webkit-transform-origin: 0% 0%; } @keyframes stretchRight { 0% { transform: scaleX(0.3); } 40% { transform: scaleX(1.02); } 60% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(0.98); } 80% { transform: scaleX(1.01); } 100% { transform: scaleX(1); } } .rtl { direction: rtl; text-align: right; } .rtl .navbar .navbar-toggle { float: left; margin-left: 15px; margin-right: 0; } .rtl .navbar .navbar-header { margin-bottom: 0px; } .rtl .navbar-nav.navbar-right { float: left !important; margin-left: 5px; display: flex !important; flex-direction: unset; } .rtl .navbar-nav .dropdown-menu { left: 0; right: auto !important; } .rtl .navbar-nav .dropdown-menu::before { left: 19px; right: unset; } .rtl .navbar-nav .dropdown-menu::after { left: 20px; right: unset; } .rtl .navbar-nav > li .js-right-sidebar { margin-left: 0px; margin-right: 0; } .rtl .navbar-nav .user_profile .user_dw_menu li i { float: right; padding-left: 5px; } .rtl section.content { margin: 70px 276px 0 15px; } .rtl .breadcrumb .page-title { border-left: 1px solid #c5c5c5; border-right: none; padding-left: 10px; padding-right: 0px; } .rtl .breadcrumb li a .fa-home { float: right; padding-right: 3px; } .rtl .sidebar { right: 0; } .rtl .sidebar .menu .list .menu-toggle:after { left: 17px; right: unset; } .rtl .sidebar .menu .list .menu-toggle:before { left: 17px; right: unset; } .rtl .sidebar .menu .list a { padding: 9px 18px 9px 9px; } .rtl .sidebar .menu .list a span { margin: 7px 12px 7px 0; } .rtl .sidebar .menu .list a .mat-button-wrapper { margin: 7px 0 7px 12px; } .rtl .sidebar .menu .list .ml-menu li a { padding-right: 35px; padding-top: 7px; padding-bottom: 7px; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 li a { padding-right: 20px; padding-top: 4px; padding-bottom: 4px; } .rtl .sidebar .menu .list .ml-sub-menu:after, .rtl .sidebar .menu .list .ml-sub-menu:before { left: 17px; right: unset; } .rtl .sidebar .menu .list .header { margin: 15px 35px 5px 0 !important; } .rtl .sidebar .sidebar-badge { left: 35px; right: unset; } .rtl .sidemenu-reorder { float: right; } .rtl .form-check .form-check-label { padding-right: 30px; } .rtl .form-check .form-check-sign { left: unset; right: 0px; padding-right: 0px; } @media (min-width: 768px) { .rtl .navbar-header { float: right; } } .rtl.side-closed.side-closed-hover section.content { margin-right: 276px; margin-left: 0; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li i { float: right; line-height: 2rem; } .rtl.side-closed.side-closed-hover .sidebar .menu .list li span { display: block; float: right; } .rtl.side-closed section.content { margin-right: 75px; margin-left: 15px; } .rtl .card .header .header-dropdown { left: 0px; right: unset; } .rtl .dropdown-menu ul.menu .msg-user { float: right; } .rtl .dropdown-menu ul.menu .menu-info { right: 10px; float: right; text-align: right; } .rtl .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { float: right; margin-left: 3px; } .rtl .dropdown-menu ul.menu li a { float: right; } .rtl .right-sidebar.open { left: 0; right: unset; } .rtl .right-sidebar .rightSidebarClose { right: 5px; left: unset; } .rtl .collapse-menu-icon { float: right !important; } .rtl .list-unstyled { padding-right: 0; } .rtl .review-img { padding-left: 0 !important; padding-right: 20px; } .rtl .progress-percent { float: left !important; } .rtl .todo-actionlist { left: 0; } .rtl .ngxTableHeader .header-buttons-left { right: -15px; } .rtl .ngxTableHeader .header-buttons-left li { margin-right: 10px; } .rtl .ngxTableHeader .header-buttons-left .search-icon { left: 0; } .rtl .ngxTableHeader .header-buttons { left: 35px; top: 15px; right: unset; } .rtl #mail-nav #mail-folders { padding-right: 0; } .rtl #mail-nav #mail-folders .badge { float: left; } .rtl #mail-nav #mail-labels { padding-right: 0; } .rtl #mail-nav #online-offline { padding-right: 0; } .rtl .chat .chat-header img { float: right; } .rtl .chat .chat-header .chat-about { float: right; padding-right: 10px; } .rtl .chat .chat-history .my-message:after { right: 7%; } .rtl .owl-carousel { direction: ltr; } .rtl .owl-carousel .owl-item { direction: rtl; } .rtl .bx-wrapper { direction: ltr; } .rtl .lg-outer { direction: ltr; } .rtl .rightSetting p { text-align: right; } .rtl .sidebar .menu .list { padding-right: 0; } .rtl .sidebar .menu .list .active .ml-menu { padding-right: 30px; margin-right: 0; padding-left: 0px; } .rtl .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle):before { right: 10px; } .rtl .sidebar .menu .list .ml-menu .ml-menu-2 li.active a:not(.menu-toggle):before { right: 0px; } .rtl .notice-board .notice-body { padding: 0 10px 5px 0; } .rtl .ngx-datatable.material .datatable-footer .datatable-pager { text-align: left; } .rtl .people-list img { float: right; } .rtl .cd-timeline-img img { right: 10%; } .rtl .navbar-header .bars:before { right: 10px; left: unset; } .rtl .navbar-brand span { padding-left: unset; padding-right: 10px; } .rtl .dropdown-menu ul.menu { padding-right: 0; } .rtl .navbar-nav .user_profile .user_dw_menu { padding-right: 0; text-align: right; } .rtl .progress-list .status { left: 0; right: unset; } .rtl .to-do-list { padding-right: 0px; } .rtl .materialTableHeader .header-buttons { left: 0px; right: unset; } .rtl .materialTableHeader .header-buttons-left { padding-right: 0px; } .rtl .materialTableHeader .header-buttons-left .search-icon { left: 0px; } .rtl .materialTableHeader .header-buttons-left input.search-field { margin-right: 20px; } .rtl #mail-nav #mail-labels li { float: right; } .rtl #mail-nav #online-offline .material-icons { padding: 0px 5px 2px 5px; } .rtl .chat-upload { float: left; } .rtl .modal-header .close { margin-left: 0px; } .rtl .owl-dt-container { direction: rtl; } .rtl .owl-dt-control-arrow-button svg { transform: rotate(180deg); } .rtl .card-statistic-4 .card-spacing { padding-right: 15px; padding-top: 1rem; } .rtl .post-user .avtar-img { float: right; margin-left: 15px; margin-right: unset; } .rtl .info-box6 .count-numbers { left: 35px; right: unset; } .rtl .info-box6 .count-name { left: 35px; right: unset; } .rtl .feedBody { border-right: 1px solid #d6d6d6; border-left: unset; margin-right: 30px; margin-left: unset; padding-right: 0px; padding-left: unset; } .rtl .feedBody li { padding-left: unset; padding-right: 30px; } .rtl .feedBody li .feed-user-img { right: -20px; left: unset; } .rtl .sl-item { border-right: 1px solid #13b1e0; border-left: unset; padding-right: 15px; padding-left: unset; } .rtl .sl-item::before { right: -6.5px; left: unset; } .rtl .task-module .header-button { margin-right: auto; margin-left: unset; } .rtl .task-list .task-low { margin-right: auto; margin-left: unset; } .rtl .task-list .task-high { margin-right: auto; margin-left: unset; } .rtl .task-list .task-normal { margin-right: auto; margin-left: unset; } .rtl .task-container .header .header-close { left: 15px; right: unset; } .rtl .form-check .form-check-sign .check:before { margin-right: 10px; margin-left: unset; } .rtl .top-sell .product-title { margin-right: 20px; } .rtl .top-sell .product-price { margin-right: 20px; } .rtl .top-sell .sell-price { float: left; } .rtl .doc-file-type .media-cta { margin-left: 15px; } @media (max-width: 1169px) { .rtl .sidemenu-collapse { display: none !important; } } /* [2. Fonts] */ /*! * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ .fa { font-family: var(--fa-style-family, "Font Awesome 6 Free"); font-weight: var(--fa-style, 900); } .fa, .fa-classic, .fa-sharp, .fas, .fa-solid, .far, .fa-regular, .fab, .fa-brands { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: var(--fa-display, inline-block); font-style: normal; font-variant: normal; line-height: 1; text-rendering: auto; } .fas, .fa-classic, .fa-solid, .far, .fa-regular { font-family: "Font Awesome 6 Free"; } .fab, .fa-brands { font-family: "Font Awesome 6 Brands"; } .fa-1x { font-size: 1em; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-6x { font-size: 6em; } .fa-7x { font-size: 7em; } .fa-8x { font-size: 8em; } .fa-9x { font-size: 9em; } .fa-10x { font-size: 10em; } .fa-2xs { font-size: 0.625em; line-height: 0.1em; vertical-align: 0.225em; } .fa-xs { font-size: 0.75em; line-height: 0.0833333337em; vertical-align: 0.125em; } .fa-sm { font-size: 0.875em; line-height: 0.0714285718em; vertical-align: 0.0535714295em; } .fa-lg { font-size: 1.25em; line-height: 0.05em; vertical-align: -0.075em; } .fa-xl { font-size: 1.5em; line-height: 0.0416666682em; vertical-align: -0.125em; } .fa-2xl { font-size: 2em; line-height: 0.03125em; vertical-align: -0.1875em; } .fa-fw { text-align: center; width: 1.25em; } .fa-ul { list-style-type: none; margin-left: var(--fa-li-margin, 2.5em); padding-left: 0; } .fa-ul > li { position: relative; } .fa-li { left: calc(var(--fa-li-width, 2em) * -1); position: absolute; text-align: center; width: var(--fa-li-width, 2em); line-height: inherit; } .fa-border { border-color: var(--fa-border-color, #eee); border-radius: var(--fa-border-radius, 0.1em); border-style: var(--fa-border-style, solid); border-width: var(--fa-border-width, 0.08em); padding: var(--fa-border-padding, 0.2em 0.25em 0.15em); } .fa-pull-left { float: left; margin-right: var(--fa-pull-margin, 0.3em); } .fa-pull-right { float: right; margin-left: var(--fa-pull-margin, 0.3em); } .fa-beat { animation-name: fa-beat; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-bounce { animation-name: fa-bounce; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.28, 0.84, 0.42, 1)); } .fa-fade { animation-name: fa-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-beat-fade { animation-name: fa-beat-fade; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, cubic-bezier(0.4, 0, 0.6, 1)); } .fa-flip { animation-name: fa-flip; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, ease-in-out); } .fa-shake { animation-name: fa-shake; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin { animation-name: fa-spin; animation-delay: var(--fa-animation-delay, 0s); animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 2s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, linear); } .fa-spin-reverse { --fa-animation-direction: reverse; } .fa-pulse, .fa-spin-pulse { animation-name: fa-spin; animation-direction: var(--fa-animation-direction, normal); animation-duration: var(--fa-animation-duration, 1s); animation-iteration-count: var(--fa-animation-iteration-count, infinite); animation-timing-function: var(--fa-animation-timing, steps(8)); } @media (prefers-reduced-motion: reduce) { .fa-beat, .fa-bounce, .fa-fade, .fa-beat-fade, .fa-flip, .fa-pulse, .fa-shake, .fa-spin, .fa-spin-pulse { animation-delay: -1ms; animation-duration: 1ms; animation-iteration-count: 1; transition-delay: 0s; transition-duration: 0s; } } @keyframes fa-beat { 0%, 90% { transform: scale(1); } 45% { transform: scale(var(--fa-beat-scale, 1.25)); } } @keyframes fa-bounce { 0% { transform: scale(1, 1) translateY(0); } 10% { transform: scale(var(--fa-bounce-start-scale-x, 1.1), var(--fa-bounce-start-scale-y, 0.9)) translateY(0); } 30% { transform: scale(var(--fa-bounce-jump-scale-x, 0.9), var(--fa-bounce-jump-scale-y, 1.1)) translateY(var(--fa-bounce-height, -0.5em)); } 50% { transform: scale(var(--fa-bounce-land-scale-x, 1.05), var(--fa-bounce-land-scale-y, 0.95)) translateY(0); } 57% { transform: scale(1, 1) translateY(var(--fa-bounce-rebound, -0.125em)); } 64% { transform: scale(1, 1) translateY(0); } 100% { transform: scale(1, 1) translateY(0); } } @keyframes fa-fade { 50% { opacity: var(--fa-fade-opacity, 0.4); } } @keyframes fa-beat-fade { 0%, 100% { opacity: var(--fa-beat-fade-opacity, 0.4); transform: scale(1); } 50% { opacity: 1; transform: scale(var(--fa-beat-fade-scale, 1.125)); } } @keyframes fa-flip { 50% { transform: rotate3d(var(--fa-flip-x, 0), var(--fa-flip-y, 1), var(--fa-flip-z, 0), var(--fa-flip-angle, -180deg)); } } @keyframes fa-shake { 0% { transform: rotate(-15deg); } 4% { transform: rotate(15deg); } 8%, 24% { transform: rotate(-18deg); } 12%, 28% { transform: rotate(18deg); } 16% { transform: rotate(-22deg); } 20% { transform: rotate(22deg); } 32% { transform: rotate(-12deg); } 36% { transform: rotate(12deg); } 40%, 100% { transform: rotate(0deg); } } @keyframes fa-spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .fa-rotate-90 { transform: rotate(90deg); } .fa-rotate-180 { transform: rotate(180deg); } .fa-rotate-270 { transform: rotate(270deg); } .fa-flip-horizontal { transform: scale(-1, 1); } .fa-flip-vertical { transform: scale(1, -1); } .fa-flip-both, .fa-flip-horizontal.fa-flip-vertical { transform: scale(-1, -1); } .fa-rotate-by { transform: rotate(var(--fa-rotate-angle, none)); } .fa-stack { display: inline-block; height: 2em; line-height: 2em; position: relative; vertical-align: middle; width: 2.5em; } .fa-stack-1x, .fa-stack-2x { left: 0; position: absolute; text-align: center; width: 100%; z-index: var(--fa-stack-z-index, auto); } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: var(--fa-inverse, #fff); } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-0::before { content: "\30 "; } .fa-1::before { content: "\31 "; } .fa-2::before { content: "\32 "; } .fa-3::before { content: "\33 "; } .fa-4::before { content: "\34 "; } .fa-5::before { content: "\35 "; } .fa-6::before { content: "\36 "; } .fa-7::before { content: "\37 "; } .fa-8::before { content: "\38 "; } .fa-9::before { content: "\39 "; } .fa-fill-drip::before { content: "\f576"; } .fa-arrows-to-circle::before { content: "\e4bd"; } .fa-circle-chevron-right::before { content: "\f138"; } .fa-chevron-circle-right::before { content: "\f138"; } .fa-at::before { content: "\@"; } .fa-trash-can::before { content: "\f2ed"; } .fa-trash-alt::before { content: "\f2ed"; } .fa-text-height::before { content: "\f034"; } .fa-user-xmark::before { content: "\f235"; } .fa-user-times::before { content: "\f235"; } .fa-stethoscope::before { content: "\f0f1"; } .fa-message::before { content: "\f27a"; } .fa-comment-alt::before { content: "\f27a"; } .fa-info::before { content: "\f129"; } .fa-down-left-and-up-right-to-center::before { content: "\f422"; } .fa-compress-alt::before { content: "\f422"; } .fa-explosion::before { content: "\e4e9"; } .fa-file-lines::before { content: "\f15c"; } .fa-file-alt::before { content: "\f15c"; } .fa-file-text::before { content: "\f15c"; } .fa-wave-square::before { content: "\f83e"; } .fa-ring::before { content: "\f70b"; } .fa-building-un::before { content: "\e4d9"; } .fa-dice-three::before { content: "\f527"; } .fa-calendar-days::before { content: "\f073"; } .fa-calendar-alt::before { content: "\f073"; } .fa-anchor-circle-check::before { content: "\e4aa"; } .fa-building-circle-arrow-right::before { content: "\e4d1"; } .fa-volleyball::before { content: "\f45f"; } .fa-volleyball-ball::before { content: "\f45f"; } .fa-arrows-up-to-line::before { content: "\e4c2"; } .fa-sort-down::before { content: "\f0dd"; } .fa-sort-desc::before { content: "\f0dd"; } .fa-circle-minus::before { content: "\f056"; } .fa-minus-circle::before { content: "\f056"; } .fa-door-open::before { content: "\f52b"; } .fa-right-from-bracket::before { content: "\f2f5"; } .fa-sign-out-alt::before { content: "\f2f5"; } .fa-atom::before { content: "\f5d2"; } .fa-soap::before { content: "\e06e"; } .fa-icons::before { content: "\f86d"; } .fa-heart-music-camera-bolt::before { content: "\f86d"; } .fa-microphone-lines-slash::before { content: "\f539"; } .fa-microphone-alt-slash::before { content: "\f539"; } .fa-bridge-circle-check::before { content: "\e4c9"; } .fa-pump-medical::before { content: "\e06a"; } .fa-fingerprint::before { content: "\f577"; } .fa-hand-point-right::before { content: "\f0a4"; } .fa-magnifying-glass-location::before { content: "\f689"; } .fa-search-location::before { content: "\f689"; } .fa-forward-step::before { content: "\f051"; } .fa-step-forward::before { content: "\f051"; } .fa-face-smile-beam::before { content: "\f5b8"; } .fa-smile-beam::before { content: "\f5b8"; } .fa-flag-checkered::before { content: "\f11e"; } .fa-football::before { content: "\f44e"; } .fa-football-ball::before { content: "\f44e"; } .fa-school-circle-exclamation::before { content: "\e56c"; } .fa-crop::before { content: "\f125"; } .fa-angles-down::before { content: "\f103"; } .fa-angle-double-down::before { content: "\f103"; } .fa-users-rectangle::before { content: "\e594"; } .fa-people-roof::before { content: "\e537"; } .fa-people-line::before { content: "\e534"; } .fa-beer-mug-empty::before { content: "\f0fc"; } .fa-beer::before { content: "\f0fc"; } .fa-diagram-predecessor::before { content: "\e477"; } .fa-arrow-up-long::before { content: "\f176"; } .fa-long-arrow-up::before { content: "\f176"; } .fa-fire-flame-simple::before { content: "\f46a"; } .fa-burn::before { content: "\f46a"; } .fa-person::before { content: "\f183"; } .fa-male::before { content: "\f183"; } .fa-laptop::before { content: "\f109"; } .fa-file-csv::before { content: "\f6dd"; } .fa-menorah::before { content: "\f676"; } .fa-truck-plane::before { content: "\e58f"; } .fa-record-vinyl::before { content: "\f8d9"; } .fa-face-grin-stars::before { content: "\f587"; } .fa-grin-stars::before { content: "\f587"; } .fa-bong::before { content: "\f55c"; } .fa-spaghetti-monster-flying::before { content: "\f67b"; } .fa-pastafarianism::before { content: "\f67b"; } .fa-arrow-down-up-across-line::before { content: "\e4af"; } .fa-spoon::before { content: "\f2e5"; } .fa-utensil-spoon::before { content: "\f2e5"; } .fa-jar-wheat::before { content: "\e517"; } .fa-envelopes-bulk::before { content: "\f674"; } .fa-mail-bulk::before { content: "\f674"; } .fa-file-circle-exclamation::before { content: "\e4eb"; } .fa-circle-h::before { content: "\f47e"; } .fa-hospital-symbol::before { content: "\f47e"; } .fa-pager::before { content: "\f815"; } .fa-address-book::before { content: "\f2b9"; } .fa-contact-book::before { content: "\f2b9"; } .fa-strikethrough::before { content: "\f0cc"; } .fa-k::before { content: "K"; } .fa-landmark-flag::before { content: "\e51c"; } .fa-pencil::before { content: "\f303"; } .fa-pencil-alt::before { content: "\f303"; } .fa-backward::before { content: "\f04a"; } .fa-caret-right::before { content: "\f0da"; } .fa-comments::before { content: "\f086"; } .fa-paste::before { content: "\f0ea"; } .fa-file-clipboard::before { content: "\f0ea"; } .fa-code-pull-request::before { content: "\e13c"; } .fa-clipboard-list::before { content: "\f46d"; } .fa-truck-ramp-box::before { content: "\f4de"; } .fa-truck-loading::before { content: "\f4de"; } .fa-user-check::before { content: "\f4fc"; } .fa-vial-virus::before { content: "\e597"; } .fa-sheet-plastic::before { content: "\e571"; } .fa-blog::before { content: "\f781"; } .fa-user-ninja::before { content: "\f504"; } .fa-person-arrow-up-from-line::before { content: "\e539"; } .fa-scroll-torah::before { content: "\f6a0"; } .fa-torah::before { content: "\f6a0"; } .fa-broom-ball::before { content: "\f458"; } .fa-quidditch::before { content: "\f458"; } .fa-quidditch-broom-ball::before { content: "\f458"; } .fa-toggle-off::before { content: "\f204"; } .fa-box-archive::before { content: "\f187"; } .fa-archive::before { content: "\f187"; } .fa-person-drowning::before { content: "\e545"; } .fa-arrow-down-9-1::before { content: "\f886"; } .fa-sort-numeric-desc::before { content: "\f886"; } .fa-sort-numeric-down-alt::before { content: "\f886"; } .fa-face-grin-tongue-squint::before { content: "\f58a"; } .fa-grin-tongue-squint::before { content: "\f58a"; } .fa-spray-can::before { content: "\f5bd"; } .fa-truck-monster::before { content: "\f63b"; } .fa-w::before { content: "W"; } .fa-earth-africa::before { content: "\f57c"; } .fa-globe-africa::before { content: "\f57c"; } .fa-rainbow::before { content: "\f75b"; } .fa-circle-notch::before { content: "\f1ce"; } .fa-tablet-screen-button::before { content: "\f3fa"; } .fa-tablet-alt::before { content: "\f3fa"; } .fa-paw::before { content: "\f1b0"; } .fa-cloud::before { content: "\f0c2"; } .fa-trowel-bricks::before { content: "\e58a"; } .fa-face-flushed::before { content: "\f579"; } .fa-flushed::before { content: "\f579"; } .fa-hospital-user::before { content: "\f80d"; } .fa-tent-arrow-left-right::before { content: "\e57f"; } .fa-gavel::before { content: "\f0e3"; } .fa-legal::before { content: "\f0e3"; } .fa-binoculars::before { content: "\f1e5"; } .fa-microphone-slash::before { content: "\f131"; } .fa-box-tissue::before { content: "\e05b"; } .fa-motorcycle::before { content: "\f21c"; } .fa-bell-concierge::before { content: "\f562"; } .fa-concierge-bell::before { content: "\f562"; } .fa-pen-ruler::before { content: "\f5ae"; } .fa-pencil-ruler::before { content: "\f5ae"; } .fa-people-arrows::before { content: "\e068"; } .fa-people-arrows-left-right::before { content: "\e068"; } .fa-mars-and-venus-burst::before { content: "\e523"; } .fa-square-caret-right::before { content: "\f152"; } .fa-caret-square-right::before { content: "\f152"; } .fa-scissors::before { content: "\f0c4"; } .fa-cut::before { content: "\f0c4"; } .fa-sun-plant-wilt::before { content: "\e57a"; } .fa-toilets-portable::before { content: "\e584"; } .fa-hockey-puck::before { content: "\f453"; } .fa-table::before { content: "\f0ce"; } .fa-magnifying-glass-arrow-right::before { content: "\e521"; } .fa-tachograph-digital::before { content: "\f566"; } .fa-digital-tachograph::before { content: "\f566"; } .fa-users-slash::before { content: "\e073"; } .fa-clover::before { content: "\e139"; } .fa-reply::before { content: "\f3e5"; } .fa-mail-reply::before { content: "\f3e5"; } .fa-star-and-crescent::before { content: "\f699"; } .fa-house-fire::before { content: "\e50c"; } .fa-square-minus::before { content: "\f146"; } .fa-minus-square::before { content: "\f146"; } .fa-helicopter::before { content: "\f533"; } .fa-compass::before { content: "\f14e"; } .fa-square-caret-down::before { content: "\f150"; } .fa-caret-square-down::before { content: "\f150"; } .fa-file-circle-question::before { content: "\e4ef"; } .fa-laptop-code::before { content: "\f5fc"; } .fa-swatchbook::before { content: "\f5c3"; } .fa-prescription-bottle::before { content: "\f485"; } .fa-bars::before { content: "\f0c9"; } .fa-navicon::before { content: "\f0c9"; } .fa-people-group::before { content: "\e533"; } .fa-hourglass-end::before { content: "\f253"; } .fa-hourglass-3::before { content: "\f253"; } .fa-heart-crack::before { content: "\f7a9"; } .fa-heart-broken::before { content: "\f7a9"; } .fa-square-up-right::before { content: "\f360"; } .fa-external-link-square-alt::before { content: "\f360"; } .fa-face-kiss-beam::before { content: "\f597"; } .fa-kiss-beam::before { content: "\f597"; } .fa-film::before { content: "\f008"; } .fa-ruler-horizontal::before { content: "\f547"; } .fa-people-robbery::before { content: "\e536"; } .fa-lightbulb::before { content: "\f0eb"; } .fa-caret-left::before { content: "\f0d9"; } .fa-circle-exclamation::before { content: "\f06a"; } .fa-exclamation-circle::before { content: "\f06a"; } .fa-school-circle-xmark::before { content: "\e56d"; } .fa-arrow-right-from-bracket::before { content: "\f08b"; } .fa-sign-out::before { content: "\f08b"; } .fa-circle-chevron-down::before { content: "\f13a"; } .fa-chevron-circle-down::before { content: "\f13a"; } .fa-unlock-keyhole::before { content: "\f13e"; } .fa-unlock-alt::before { content: "\f13e"; } .fa-cloud-showers-heavy::before { content: "\f740"; } .fa-headphones-simple::before { content: "\f58f"; } .fa-headphones-alt::before { content: "\f58f"; } .fa-sitemap::before { content: "\f0e8"; } .fa-circle-dollar-to-slot::before { content: "\f4b9"; } .fa-donate::before { content: "\f4b9"; } .fa-memory::before { content: "\f538"; } .fa-road-spikes::before { content: "\e568"; } .fa-fire-burner::before { content: "\e4f1"; } .fa-flag::before { content: "\f024"; } .fa-hanukiah::before { content: "\f6e6"; } .fa-feather::before { content: "\f52d"; } .fa-volume-low::before { content: "\f027"; } .fa-volume-down::before { content: "\f027"; } .fa-comment-slash::before { content: "\f4b3"; } .fa-cloud-sun-rain::before { content: "\f743"; } .fa-compress::before { content: "\f066"; } .fa-wheat-awn::before { content: "\e2cd"; } .fa-wheat-alt::before { content: "\e2cd"; } .fa-ankh::before { content: "\f644"; } .fa-hands-holding-child::before { content: "\e4fa"; } .fa-asterisk::before { content: "\*"; } .fa-square-check::before { content: "\f14a"; } .fa-check-square::before { content: "\f14a"; } .fa-peseta-sign::before { content: "\e221"; } .fa-heading::before { content: "\f1dc"; } .fa-header::before { content: "\f1dc"; } .fa-ghost::before { content: "\f6e2"; } .fa-list::before { content: "\f03a"; } .fa-list-squares::before { content: "\f03a"; } .fa-square-phone-flip::before { content: "\f87b"; } .fa-phone-square-alt::before { content: "\f87b"; } .fa-cart-plus::before { content: "\f217"; } .fa-gamepad::before { content: "\f11b"; } .fa-circle-dot::before { content: "\f192"; } .fa-dot-circle::before { content: "\f192"; } .fa-face-dizzy::before { content: "\f567"; } .fa-dizzy::before { content: "\f567"; } .fa-egg::before { content: "\f7fb"; } .fa-house-medical-circle-xmark::before { content: "\e513"; } .fa-campground::before { content: "\f6bb"; } .fa-folder-plus::before { content: "\f65e"; } .fa-futbol::before { content: "\f1e3"; } .fa-futbol-ball::before { content: "\f1e3"; } .fa-soccer-ball::before { content: "\f1e3"; } .fa-paintbrush::before { content: "\f1fc"; } .fa-paint-brush::before { content: "\f1fc"; } .fa-lock::before { content: "\f023"; } .fa-gas-pump::before { content: "\f52f"; } .fa-hot-tub-person::before { content: "\f593"; } .fa-hot-tub::before { content: "\f593"; } .fa-map-location::before { content: "\f59f"; } .fa-map-marked::before { content: "\f59f"; } .fa-house-flood-water::before { content: "\e50e"; } .fa-tree::before { content: "\f1bb"; } .fa-bridge-lock::before { content: "\e4cc"; } .fa-sack-dollar::before { content: "\f81d"; } .fa-pen-to-square::before { content: "\f044"; } .fa-edit::before { content: "\f044"; } .fa-car-side::before { content: "\f5e4"; } .fa-share-nodes::before { content: "\f1e0"; } .fa-share-alt::before { content: "\f1e0"; } .fa-heart-circle-minus::before { content: "\e4ff"; } .fa-hourglass-half::before { content: "\f252"; } .fa-hourglass-2::before { content: "\f252"; } .fa-microscope::before { content: "\f610"; } .fa-sink::before { content: "\e06d"; } .fa-bag-shopping::before { content: "\f290"; } .fa-shopping-bag::before { content: "\f290"; } .fa-arrow-down-z-a::before { content: "\f881"; } .fa-sort-alpha-desc::before { content: "\f881"; } .fa-sort-alpha-down-alt::before { content: "\f881"; } .fa-mitten::before { content: "\f7b5"; } .fa-person-rays::before { content: "\e54d"; } .fa-users::before { content: "\f0c0"; } .fa-eye-slash::before { content: "\f070"; } .fa-flask-vial::before { content: "\e4f3"; } .fa-hand::before { content: "\f256"; } .fa-hand-paper::before { content: "\f256"; } .fa-om::before { content: "\f679"; } .fa-worm::before { content: "\e599"; } .fa-house-circle-xmark::before { content: "\e50b"; } .fa-plug::before { content: "\f1e6"; } .fa-chevron-up::before { content: "\f077"; } .fa-hand-spock::before { content: "\f259"; } .fa-stopwatch::before { content: "\f2f2"; } .fa-face-kiss::before { content: "\f596"; } .fa-kiss::before { content: "\f596"; } .fa-bridge-circle-xmark::before { content: "\e4cb"; } .fa-face-grin-tongue::before { content: "\f589"; } .fa-grin-tongue::before { content: "\f589"; } .fa-chess-bishop::before { content: "\f43a"; } .fa-face-grin-wink::before { content: "\f58c"; } .fa-grin-wink::before { content: "\f58c"; } .fa-ear-deaf::before { content: "\f2a4"; } .fa-deaf::before { content: "\f2a4"; } .fa-deafness::before { content: "\f2a4"; } .fa-hard-of-hearing::before { content: "\f2a4"; } .fa-road-circle-check::before { content: "\e564"; } .fa-dice-five::before { content: "\f523"; } .fa-square-rss::before { content: "\f143"; } .fa-rss-square::before { content: "\f143"; } .fa-land-mine-on::before { content: "\e51b"; } .fa-i-cursor::before { content: "\f246"; } .fa-stamp::before { content: "\f5bf"; } .fa-stairs::before { content: "\e289"; } .fa-i::before { content: "I"; } .fa-hryvnia-sign::before { content: "\f6f2"; } .fa-hryvnia::before { content: "\f6f2"; } .fa-pills::before { content: "\f484"; } .fa-face-grin-wide::before { content: "\f581"; } .fa-grin-alt::before { content: "\f581"; } .fa-tooth::before { content: "\f5c9"; } .fa-v::before { content: "V"; } .fa-bangladeshi-taka-sign::before { content: "\e2e6"; } .fa-bicycle::before { content: "\f206"; } .fa-staff-snake::before { content: "\e579"; } .fa-rod-asclepius::before { content: "\e579"; } .fa-rod-snake::before { content: "\e579"; } .fa-staff-aesculapius::before { content: "\e579"; } .fa-head-side-cough-slash::before { content: "\e062"; } .fa-truck-medical::before { content: "\f0f9"; } .fa-ambulance::before { content: "\f0f9"; } .fa-wheat-awn-circle-exclamation::before { content: "\e598"; } .fa-snowman::before { content: "\f7d0"; } .fa-mortar-pestle::before { content: "\f5a7"; } .fa-road-barrier::before { content: "\e562"; } .fa-school::before { content: "\f549"; } .fa-igloo::before { content: "\f7ae"; } .fa-joint::before { content: "\f595"; } .fa-angle-right::before { content: "\f105"; } .fa-horse::before { content: "\f6f0"; } .fa-q::before { content: "Q"; } .fa-g::before { content: "G"; } .fa-notes-medical::before { content: "\f481"; } .fa-temperature-half::before { content: "\f2c9"; } .fa-temperature-2::before { content: "\f2c9"; } .fa-thermometer-2::before { content: "\f2c9"; } .fa-thermometer-half::before { content: "\f2c9"; } .fa-dong-sign::before { content: "\e169"; } .fa-capsules::before { content: "\f46b"; } .fa-poo-storm::before { content: "\f75a"; } .fa-poo-bolt::before { content: "\f75a"; } .fa-face-frown-open::before { content: "\f57a"; } .fa-frown-open::before { content: "\f57a"; } .fa-hand-point-up::before { content: "\f0a6"; } .fa-money-bill::before { content: "\f0d6"; } .fa-bookmark::before { content: "\f02e"; } .fa-align-justify::before { content: "\f039"; } .fa-umbrella-beach::before { content: "\f5ca"; } .fa-helmet-un::before { content: "\e503"; } .fa-bullseye::before { content: "\f140"; } .fa-bacon::before { content: "\f7e5"; } .fa-hand-point-down::before { content: "\f0a7"; } .fa-arrow-up-from-bracket::before { content: "\e09a"; } .fa-folder::before { content: "\f07b"; } .fa-folder-blank::before { content: "\f07b"; } .fa-file-waveform::before { content: "\f478"; } .fa-file-medical-alt::before { content: "\f478"; } .fa-radiation::before { content: "\f7b9"; } .fa-chart-simple::before { content: "\e473"; } .fa-mars-stroke::before { content: "\f229"; } .fa-vial::before { content: "\f492"; } .fa-gauge::before { content: "\f624"; } .fa-dashboard::before { content: "\f624"; } .fa-gauge-med::before { content: "\f624"; } .fa-tachometer-alt-average::before { content: "\f624"; } .fa-wand-magic-sparkles::before { content: "\e2ca"; } .fa-magic-wand-sparkles::before { content: "\e2ca"; } .fa-e::before { content: "E"; } .fa-pen-clip::before { content: "\f305"; } .fa-pen-alt::before { content: "\f305"; } .fa-bridge-circle-exclamation::before { content: "\e4ca"; } .fa-user::before { content: "\f007"; } .fa-school-circle-check::before { content: "\e56b"; } .fa-dumpster::before { content: "\f793"; } .fa-van-shuttle::before { content: "\f5b6"; } .fa-shuttle-van::before { content: "\f5b6"; } .fa-building-user::before { content: "\e4da"; } .fa-square-caret-left::before { content: "\f191"; } .fa-caret-square-left::before { content: "\f191"; } .fa-highlighter::before { content: "\f591"; } .fa-key::before { content: "\f084"; } .fa-bullhorn::before { content: "\f0a1"; } .fa-globe::before { content: "\f0ac"; } .fa-synagogue::before { content: "\f69b"; } .fa-person-half-dress::before { content: "\e548"; } .fa-road-bridge::before { content: "\e563"; } .fa-location-arrow::before { content: "\f124"; } .fa-c::before { content: "C"; } .fa-tablet-button::before { content: "\f10a"; } .fa-building-lock::before { content: "\e4d6"; } .fa-pizza-slice::before { content: "\f818"; } .fa-money-bill-wave::before { content: "\f53a"; } .fa-chart-area::before { content: "\f1fe"; } .fa-area-chart::before { content: "\f1fe"; } .fa-house-flag::before { content: "\e50d"; } .fa-person-circle-minus::before { content: "\e540"; } .fa-ban::before { content: "\f05e"; } .fa-cancel::before { content: "\f05e"; } .fa-camera-rotate::before { content: "\e0d8"; } .fa-spray-can-sparkles::before { content: "\f5d0"; } .fa-air-freshener::before { content: "\f5d0"; } .fa-star::before { content: "\f005"; } .fa-repeat::before { content: "\f363"; } .fa-cross::before { content: "\f654"; } .fa-box::before { content: "\f466"; } .fa-venus-mars::before { content: "\f228"; } .fa-arrow-pointer::before { content: "\f245"; } .fa-mouse-pointer::before { content: "\f245"; } .fa-maximize::before { content: "\f31e"; } .fa-expand-arrows-alt::before { content: "\f31e"; } .fa-charging-station::before { content: "\f5e7"; } .fa-shapes::before { content: "\f61f"; } .fa-triangle-circle-square::before { content: "\f61f"; } .fa-shuffle::before { content: "\f074"; } .fa-random::before { content: "\f074"; } .fa-person-running::before { content: "\f70c"; } .fa-running::before { content: "\f70c"; } .fa-mobile-retro::before { content: "\e527"; } .fa-grip-lines-vertical::before { content: "\f7a5"; } .fa-spider::before { content: "\f717"; } .fa-hands-bound::before { content: "\e4f9"; } .fa-file-invoice-dollar::before { content: "\f571"; } .fa-plane-circle-exclamation::before { content: "\e556"; } .fa-x-ray::before { content: "\f497"; } .fa-spell-check::before { content: "\f891"; } .fa-slash::before { content: "\f715"; } .fa-computer-mouse::before { content: "\f8cc"; } .fa-mouse::before { content: "\f8cc"; } .fa-arrow-right-to-bracket::before { content: "\f090"; } .fa-sign-in::before { content: "\f090"; } .fa-shop-slash::before { content: "\e070"; } .fa-store-alt-slash::before { content: "\e070"; } .fa-server::before { content: "\f233"; } .fa-virus-covid-slash::before { content: "\e4a9"; } .fa-shop-lock::before { content: "\e4a5"; } .fa-hourglass-start::before { content: "\f251"; } .fa-hourglass-1::before { content: "\f251"; } .fa-blender-phone::before { content: "\f6b6"; } .fa-building-wheat::before { content: "\e4db"; } .fa-person-breastfeeding::before { content: "\e53a"; } .fa-right-to-bracket::before { content: "\f2f6"; } .fa-sign-in-alt::before { content: "\f2f6"; } .fa-venus::before { content: "\f221"; } .fa-passport::before { content: "\f5ab"; } .fa-heart-pulse::before { content: "\f21e"; } .fa-heartbeat::before { content: "\f21e"; } .fa-people-carry-box::before { content: "\f4ce"; } .fa-people-carry::before { content: "\f4ce"; } .fa-temperature-high::before { content: "\f769"; } .fa-microchip::before { content: "\f2db"; } .fa-crown::before { content: "\f521"; } .fa-weight-hanging::before { content: "\f5cd"; } .fa-xmarks-lines::before { content: "\e59a"; } .fa-file-prescription::before { content: "\f572"; } .fa-weight-scale::before { content: "\f496"; } .fa-weight::before { content: "\f496"; } .fa-user-group::before { content: "\f500"; } .fa-user-friends::before { content: "\f500"; } .fa-arrow-up-a-z::before { content: "\f15e"; } .fa-sort-alpha-up::before { content: "\f15e"; } .fa-chess-knight::before { content: "\f441"; } .fa-face-laugh-squint::before { content: "\f59b"; } .fa-laugh-squint::before { content: "\f59b"; } .fa-wheelchair::before { content: "\f193"; } .fa-circle-arrow-up::before { content: "\f0aa"; } .fa-arrow-circle-up::before { content: "\f0aa"; } .fa-toggle-on::before { content: "\f205"; } .fa-person-walking::before { content: "\f554"; } .fa-walking::before { content: "\f554"; } .fa-l::before { content: "L"; } .fa-fire::before { content: "\f06d"; } .fa-bed-pulse::before { content: "\f487"; } .fa-procedures::before { content: "\f487"; } .fa-shuttle-space::before { content: "\f197"; } .fa-space-shuttle::before { content: "\f197"; } .fa-face-laugh::before { content: "\f599"; } .fa-laugh::before { content: "\f599"; } .fa-folder-open::before { content: "\f07c"; } .fa-heart-circle-plus::before { content: "\e500"; } .fa-code-fork::before { content: "\e13b"; } .fa-city::before { content: "\f64f"; } .fa-microphone-lines::before { content: "\f3c9"; } .fa-microphone-alt::before { content: "\f3c9"; } .fa-pepper-hot::before { content: "\f816"; } .fa-unlock::before { content: "\f09c"; } .fa-colon-sign::before { content: "\e140"; } .fa-headset::before { content: "\f590"; } .fa-store-slash::before { content: "\e071"; } .fa-road-circle-xmark::before { content: "\e566"; } .fa-user-minus::before { content: "\f503"; } .fa-mars-stroke-up::before { content: "\f22a"; } .fa-mars-stroke-v::before { content: "\f22a"; } .fa-champagne-glasses::before { content: "\f79f"; } .fa-glass-cheers::before { content: "\f79f"; } .fa-clipboard::before { content: "\f328"; } .fa-house-circle-exclamation::before { content: "\e50a"; } .fa-file-arrow-up::before { content: "\f574"; } .fa-file-upload::before { content: "\f574"; } .fa-wifi::before { content: "\f1eb"; } .fa-wifi-3::before { content: "\f1eb"; } .fa-wifi-strong::before { content: "\f1eb"; } .fa-bath::before { content: "\f2cd"; } .fa-bathtub::before { content: "\f2cd"; } .fa-underline::before { content: "\f0cd"; } .fa-user-pen::before { content: "\f4ff"; } .fa-user-edit::before { content: "\f4ff"; } .fa-signature::before { content: "\f5b7"; } .fa-stroopwafel::before { content: "\f551"; } .fa-bold::before { content: "\f032"; } .fa-anchor-lock::before { content: "\e4ad"; } .fa-building-ngo::before { content: "\e4d7"; } .fa-manat-sign::before { content: "\e1d5"; } .fa-not-equal::before { content: "\f53e"; } .fa-border-top-left::before { content: "\f853"; } .fa-border-style::before { content: "\f853"; } .fa-map-location-dot::before { content: "\f5a0"; } .fa-map-marked-alt::before { content: "\f5a0"; } .fa-jedi::before { content: "\f669"; } .fa-square-poll-vertical::before { content: "\f681"; } .fa-poll::before { content: "\f681"; } .fa-mug-hot::before { content: "\f7b6"; } .fa-car-battery::before { content: "\f5df"; } .fa-battery-car::before { content: "\f5df"; } .fa-gift::before { content: "\f06b"; } .fa-dice-two::before { content: "\f528"; } .fa-chess-queen::before { content: "\f445"; } .fa-glasses::before { content: "\f530"; } .fa-chess-board::before { content: "\f43c"; } .fa-building-circle-check::before { content: "\e4d2"; } .fa-person-chalkboard::before { content: "\e53d"; } .fa-mars-stroke-right::before { content: "\f22b"; } .fa-mars-stroke-h::before { content: "\f22b"; } .fa-hand-back-fist::before { content: "\f255"; } .fa-hand-rock::before { content: "\f255"; } .fa-square-caret-up::before { content: "\f151"; } .fa-caret-square-up::before { content: "\f151"; } .fa-cloud-showers-water::before { content: "\e4e4"; } .fa-chart-bar::before { content: "\f080"; } .fa-bar-chart::before { content: "\f080"; } .fa-hands-bubbles::before { content: "\e05e"; } .fa-hands-wash::before { content: "\e05e"; } .fa-less-than-equal::before { content: "\f537"; } .fa-train::before { content: "\f238"; } .fa-eye-low-vision::before { content: "\f2a8"; } .fa-low-vision::before { content: "\f2a8"; } .fa-crow::before { content: "\f520"; } .fa-sailboat::before { content: "\e445"; } .fa-window-restore::before { content: "\f2d2"; } .fa-square-plus::before { content: "\f0fe"; } .fa-plus-square::before { content: "\f0fe"; } .fa-torii-gate::before { content: "\f6a1"; } .fa-frog::before { content: "\f52e"; } .fa-bucket::before { content: "\e4cf"; } .fa-image::before { content: "\f03e"; } .fa-microphone::before { content: "\f130"; } .fa-cow::before { content: "\f6c8"; } .fa-caret-up::before { content: "\f0d8"; } .fa-screwdriver::before { content: "\f54a"; } .fa-folder-closed::before { content: "\e185"; } .fa-house-tsunami::before { content: "\e515"; } .fa-square-nfi::before { content: "\e576"; } .fa-arrow-up-from-ground-water::before { content: "\e4b5"; } .fa-martini-glass::before { content: "\f57b"; } .fa-glass-martini-alt::before { content: "\f57b"; } .fa-rotate-left::before { content: "\f2ea"; } .fa-rotate-back::before { content: "\f2ea"; } .fa-rotate-backward::before { content: "\f2ea"; } .fa-undo-alt::before { content: "\f2ea"; } .fa-table-columns::before { content: "\f0db"; } .fa-columns::before { content: "\f0db"; } .fa-lemon::before { content: "\f094"; } .fa-head-side-mask::before { content: "\e063"; } .fa-handshake::before { content: "\f2b5"; } .fa-gem::before { content: "\f3a5"; } .fa-dolly::before { content: "\f472"; } .fa-dolly-box::before { content: "\f472"; } .fa-smoking::before { content: "\f48d"; } .fa-minimize::before { content: "\f78c"; } .fa-compress-arrows-alt::before { content: "\f78c"; } .fa-monument::before { content: "\f5a6"; } .fa-snowplow::before { content: "\f7d2"; } .fa-angles-right::before { content: "\f101"; } .fa-angle-double-right::before { content: "\f101"; } .fa-cannabis::before { content: "\f55f"; } .fa-circle-play::before { content: "\f144"; } .fa-play-circle::before { content: "\f144"; } .fa-tablets::before { content: "\f490"; } .fa-ethernet::before { content: "\f796"; } .fa-euro-sign::before { content: "\f153"; } .fa-eur::before { content: "\f153"; } .fa-euro::before { content: "\f153"; } .fa-chair::before { content: "\f6c0"; } .fa-circle-check::before { content: "\f058"; } .fa-check-circle::before { content: "\f058"; } .fa-circle-stop::before { content: "\f28d"; } .fa-stop-circle::before { content: "\f28d"; } .fa-compass-drafting::before { content: "\f568"; } .fa-drafting-compass::before { content: "\f568"; } .fa-plate-wheat::before { content: "\e55a"; } .fa-icicles::before { content: "\f7ad"; } .fa-person-shelter::before { content: "\e54f"; } .fa-neuter::before { content: "\f22c"; } .fa-id-badge::before { content: "\f2c1"; } .fa-marker::before { content: "\f5a1"; } .fa-face-laugh-beam::before { content: "\f59a"; } .fa-laugh-beam::before { content: "\f59a"; } .fa-helicopter-symbol::before { content: "\e502"; } .fa-universal-access::before { content: "\f29a"; } .fa-circle-chevron-up::before { content: "\f139"; } .fa-chevron-circle-up::before { content: "\f139"; } .fa-lari-sign::before { content: "\e1c8"; } .fa-volcano::before { content: "\f770"; } .fa-person-walking-dashed-line-arrow-right::before { content: "\e553"; } .fa-sterling-sign::before { content: "\f154"; } .fa-gbp::before { content: "\f154"; } .fa-pound-sign::before { content: "\f154"; } .fa-viruses::before { content: "\e076"; } .fa-square-person-confined::before { content: "\e577"; } .fa-user-tie::before { content: "\f508"; } .fa-arrow-down-long::before { content: "\f175"; } .fa-long-arrow-down::before { content: "\f175"; } .fa-tent-arrow-down-to-line::before { content: "\e57e"; } .fa-certificate::before { content: "\f0a3"; } .fa-reply-all::before { content: "\f122"; } .fa-mail-reply-all::before { content: "\f122"; } .fa-suitcase::before { content: "\f0f2"; } .fa-person-skating::before { content: "\f7c5"; } .fa-skating::before { content: "\f7c5"; } .fa-filter-circle-dollar::before { content: "\f662"; } .fa-funnel-dollar::before { content: "\f662"; } .fa-camera-retro::before { content: "\f083"; } .fa-circle-arrow-down::before { content: "\f0ab"; } .fa-arrow-circle-down::before { content: "\f0ab"; } .fa-file-import::before { content: "\f56f"; } .fa-arrow-right-to-file::before { content: "\f56f"; } .fa-square-arrow-up-right::before { content: "\f14c"; } .fa-external-link-square::before { content: "\f14c"; } .fa-box-open::before { content: "\f49e"; } .fa-scroll::before { content: "\f70e"; } .fa-spa::before { content: "\f5bb"; } .fa-location-pin-lock::before { content: "\e51f"; } .fa-pause::before { content: "\f04c"; } .fa-hill-avalanche::before { content: "\e507"; } .fa-temperature-empty::before { content: "\f2cb"; } .fa-temperature-0::before { content: "\f2cb"; } .fa-thermometer-0::before { content: "\f2cb"; } .fa-thermometer-empty::before { content: "\f2cb"; } .fa-bomb::before { content: "\f1e2"; } .fa-registered::before { content: "\f25d"; } .fa-address-card::before { content: "\f2bb"; } .fa-contact-card::before { content: "\f2bb"; } .fa-vcard::before { content: "\f2bb"; } .fa-scale-unbalanced-flip::before { content: "\f516"; } .fa-balance-scale-right::before { content: "\f516"; } .fa-subscript::before { content: "\f12c"; } .fa-diamond-turn-right::before { content: "\f5eb"; } .fa-directions::before { content: "\f5eb"; } .fa-burst::before { content: "\e4dc"; } .fa-house-laptop::before { content: "\e066"; } .fa-laptop-house::before { content: "\e066"; } .fa-face-tired::before { content: "\f5c8"; } .fa-tired::before { content: "\f5c8"; } .fa-money-bills::before { content: "\e1f3"; } .fa-smog::before { content: "\f75f"; } .fa-crutch::before { content: "\f7f7"; } .fa-cloud-arrow-up::before { content: "\f0ee"; } .fa-cloud-upload::before { content: "\f0ee"; } .fa-cloud-upload-alt::before { content: "\f0ee"; } .fa-palette::before { content: "\f53f"; } .fa-arrows-turn-right::before { content: "\e4c0"; } .fa-vest::before { content: "\e085"; } .fa-ferry::before { content: "\e4ea"; } .fa-arrows-down-to-people::before { content: "\e4b9"; } .fa-seedling::before { content: "\f4d8"; } .fa-sprout::before { content: "\f4d8"; } .fa-left-right::before { content: "\f337"; } .fa-arrows-alt-h::before { content: "\f337"; } .fa-boxes-packing::before { content: "\e4c7"; } .fa-circle-arrow-left::before { content: "\f0a8"; } .fa-arrow-circle-left::before { content: "\f0a8"; } .fa-group-arrows-rotate::before { content: "\e4f6"; } .fa-bowl-food::before { content: "\e4c6"; } .fa-candy-cane::before { content: "\f786"; } .fa-arrow-down-wide-short::before { content: "\f160"; } .fa-sort-amount-asc::before { content: "\f160"; } .fa-sort-amount-down::before { content: "\f160"; } .fa-cloud-bolt::before { content: "\f76c"; } .fa-thunderstorm::before { content: "\f76c"; } .fa-text-slash::before { content: "\f87d"; } .fa-remove-format::before { content: "\f87d"; } .fa-face-smile-wink::before { content: "\f4da"; } .fa-smile-wink::before { content: "\f4da"; } .fa-file-word::before { content: "\f1c2"; } .fa-file-powerpoint::before { content: "\f1c4"; } .fa-arrows-left-right::before { content: "\f07e"; } .fa-arrows-h::before { content: "\f07e"; } .fa-house-lock::before { content: "\e510"; } .fa-cloud-arrow-down::before { content: "\f0ed"; } .fa-cloud-download::before { content: "\f0ed"; } .fa-cloud-download-alt::before { content: "\f0ed"; } .fa-children::before { content: "\e4e1"; } .fa-chalkboard::before { content: "\f51b"; } .fa-blackboard::before { content: "\f51b"; } .fa-user-large-slash::before { content: "\f4fa"; } .fa-user-alt-slash::before { content: "\f4fa"; } .fa-envelope-open::before { content: "\f2b6"; } .fa-handshake-simple-slash::before { content: "\e05f"; } .fa-handshake-alt-slash::before { content: "\e05f"; } .fa-mattress-pillow::before { content: "\e525"; } .fa-guarani-sign::before { content: "\e19a"; } .fa-arrows-rotate::before { content: "\f021"; } .fa-refresh::before { content: "\f021"; } .fa-sync::before { content: "\f021"; } .fa-fire-extinguisher::before { content: "\f134"; } .fa-cruzeiro-sign::before { content: "\e152"; } .fa-greater-than-equal::before { content: "\f532"; } .fa-shield-halved::before { content: "\f3ed"; } .fa-shield-alt::before { content: "\f3ed"; } .fa-book-atlas::before { content: "\f558"; } .fa-atlas::before { content: "\f558"; } .fa-virus::before { content: "\e074"; } .fa-envelope-circle-check::before { content: "\e4e8"; } .fa-layer-group::before { content: "\f5fd"; } .fa-arrows-to-dot::before { content: "\e4be"; } .fa-archway::before { content: "\f557"; } .fa-heart-circle-check::before { content: "\e4fd"; } .fa-house-chimney-crack::before { content: "\f6f1"; } .fa-house-damage::before { content: "\f6f1"; } .fa-file-zipper::before { content: "\f1c6"; } .fa-file-archive::before { content: "\f1c6"; } .fa-square::before { content: "\f0c8"; } .fa-martini-glass-empty::before { content: "\f000"; } .fa-glass-martini::before { content: "\f000"; } .fa-couch::before { content: "\f4b8"; } .fa-cedi-sign::before { content: "\e0df"; } .fa-italic::before { content: "\f033"; } .fa-church::before { content: "\f51d"; } .fa-comments-dollar::before { content: "\f653"; } .fa-democrat::before { content: "\f747"; } .fa-z::before { content: "Z"; } .fa-person-skiing::before { content: "\f7c9"; } .fa-skiing::before { content: "\f7c9"; } .fa-road-lock::before { content: "\e567"; } .fa-a::before { content: "A"; } .fa-temperature-arrow-down::before { content: "\e03f"; } .fa-temperature-down::before { content: "\e03f"; } .fa-feather-pointed::before { content: "\f56b"; } .fa-feather-alt::before { content: "\f56b"; } .fa-p::before { content: "P"; } .fa-snowflake::before { content: "\f2dc"; } .fa-newspaper::before { content: "\f1ea"; } .fa-rectangle-ad::before { content: "\f641"; } .fa-ad::before { content: "\f641"; } .fa-circle-arrow-right::before { content: "\f0a9"; } .fa-arrow-circle-right::before { content: "\f0a9"; } .fa-filter-circle-xmark::before { content: "\e17b"; } .fa-locust::before { content: "\e520"; } .fa-sort::before { content: "\f0dc"; } .fa-unsorted::before { content: "\f0dc"; } .fa-list-ol::before { content: "\f0cb"; } .fa-list-1-2::before { content: "\f0cb"; } .fa-list-numeric::before { content: "\f0cb"; } .fa-person-dress-burst::before { content: "\e544"; } .fa-money-check-dollar::before { content: "\f53d"; } .fa-money-check-alt::before { content: "\f53d"; } .fa-vector-square::before { content: "\f5cb"; } .fa-bread-slice::before { content: "\f7ec"; } .fa-language::before { content: "\f1ab"; } .fa-face-kiss-wink-heart::before { content: "\f598"; } .fa-kiss-wink-heart::before { content: "\f598"; } .fa-filter::before { content: "\f0b0"; } .fa-question::before { content: "\?"; } .fa-file-signature::before { content: "\f573"; } .fa-up-down-left-right::before { content: "\f0b2"; } .fa-arrows-alt::before { content: "\f0b2"; } .fa-house-chimney-user::before { content: "\e065"; } .fa-hand-holding-heart::before { content: "\f4be"; } .fa-puzzle-piece::before { content: "\f12e"; } .fa-money-check::before { content: "\f53c"; } .fa-star-half-stroke::before { content: "\f5c0"; } .fa-star-half-alt::before { content: "\f5c0"; } .fa-code::before { content: "\f121"; } .fa-whiskey-glass::before { content: "\f7a0"; } .fa-glass-whiskey::before { content: "\f7a0"; } .fa-building-circle-exclamation::before { content: "\e4d3"; } .fa-magnifying-glass-chart::before { content: "\e522"; } .fa-arrow-up-right-from-square::before { content: "\f08e"; } .fa-external-link::before { content: "\f08e"; } .fa-cubes-stacked::before { content: "\e4e6"; } .fa-won-sign::before { content: "\f159"; } .fa-krw::before { content: "\f159"; } .fa-won::before { content: "\f159"; } .fa-virus-covid::before { content: "\e4a8"; } .fa-austral-sign::before { content: "\e0a9"; } .fa-f::before { content: "F"; } .fa-leaf::before { content: "\f06c"; } .fa-road::before { content: "\f018"; } .fa-taxi::before { content: "\f1ba"; } .fa-cab::before { content: "\f1ba"; } .fa-person-circle-plus::before { content: "\e541"; } .fa-chart-pie::before { content: "\f200"; } .fa-pie-chart::before { content: "\f200"; } .fa-bolt-lightning::before { content: "\e0b7"; } .fa-sack-xmark::before { content: "\e56a"; } .fa-file-excel::before { content: "\f1c3"; } .fa-file-contract::before { content: "\f56c"; } .fa-fish-fins::before { content: "\e4f2"; } .fa-building-flag::before { content: "\e4d5"; } .fa-face-grin-beam::before { content: "\f582"; } .fa-grin-beam::before { content: "\f582"; } .fa-object-ungroup::before { content: "\f248"; } .fa-poop::before { content: "\f619"; } .fa-location-pin::before { content: "\f041"; } .fa-map-marker::before { content: "\f041"; } .fa-kaaba::before { content: "\f66b"; } .fa-toilet-paper::before { content: "\f71e"; } .fa-helmet-safety::before { content: "\f807"; } .fa-hard-hat::before { content: "\f807"; } .fa-hat-hard::before { content: "\f807"; } .fa-eject::before { content: "\f052"; } .fa-circle-right::before { content: "\f35a"; } .fa-arrow-alt-circle-right::before { content: "\f35a"; } .fa-plane-circle-check::before { content: "\e555"; } .fa-face-rolling-eyes::before { content: "\f5a5"; } .fa-meh-rolling-eyes::before { content: "\f5a5"; } .fa-object-group::before { content: "\f247"; } .fa-chart-line::before { content: "\f201"; } .fa-line-chart::before { content: "\f201"; } .fa-mask-ventilator::before { content: "\e524"; } .fa-arrow-right::before { content: "\f061"; } .fa-signs-post::before { content: "\f277"; } .fa-map-signs::before { content: "\f277"; } .fa-cash-register::before { content: "\f788"; } .fa-person-circle-question::before { content: "\e542"; } .fa-h::before { content: "H"; } .fa-tarp::before { content: "\e57b"; } .fa-screwdriver-wrench::before { content: "\f7d9"; } .fa-tools::before { content: "\f7d9"; } .fa-arrows-to-eye::before { content: "\e4bf"; } .fa-plug-circle-bolt::before { content: "\e55b"; } .fa-heart::before { content: "\f004"; } .fa-mars-and-venus::before { content: "\f224"; } .fa-house-user::before { content: "\e1b0"; } .fa-home-user::before { content: "\e1b0"; } .fa-dumpster-fire::before { content: "\f794"; } .fa-house-crack::before { content: "\e3b1"; } .fa-martini-glass-citrus::before { content: "\f561"; } .fa-cocktail::before { content: "\f561"; } .fa-face-surprise::before { content: "\f5c2"; } .fa-surprise::before { content: "\f5c2"; } .fa-bottle-water::before { content: "\e4c5"; } .fa-circle-pause::before { content: "\f28b"; } .fa-pause-circle::before { content: "\f28b"; } .fa-toilet-paper-slash::before { content: "\e072"; } .fa-apple-whole::before { content: "\f5d1"; } .fa-apple-alt::before { content: "\f5d1"; } .fa-kitchen-set::before { content: "\e51a"; } .fa-r::before { content: "R"; } .fa-temperature-quarter::before { content: "\f2ca"; } .fa-temperature-1::before { content: "\f2ca"; } .fa-thermometer-1::before { content: "\f2ca"; } .fa-thermometer-quarter::before { content: "\f2ca"; } .fa-cube::before { content: "\f1b2"; } .fa-bitcoin-sign::before { content: "\e0b4"; } .fa-shield-dog::before { content: "\e573"; } .fa-solar-panel::before { content: "\f5ba"; } .fa-lock-open::before { content: "\f3c1"; } .fa-elevator::before { content: "\e16d"; } .fa-money-bill-transfer::before { content: "\e528"; } .fa-money-bill-trend-up::before { content: "\e529"; } .fa-house-flood-water-circle-arrow-right::before { content: "\e50f"; } .fa-square-poll-horizontal::before { content: "\f682"; } .fa-poll-h::before { content: "\f682"; } .fa-circle::before { content: "\f111"; } .fa-backward-fast::before { content: "\f049"; } .fa-fast-backward::before { content: "\f049"; } .fa-recycle::before { content: "\f1b8"; } .fa-user-astronaut::before { content: "\f4fb"; } .fa-plane-slash::before { content: "\e069"; } .fa-trademark::before { content: "\f25c"; } .fa-basketball::before { content: "\f434"; } .fa-basketball-ball::before { content: "\f434"; } .fa-satellite-dish::before { content: "\f7c0"; } .fa-circle-up::before { content: "\f35b"; } .fa-arrow-alt-circle-up::before { content: "\f35b"; } .fa-mobile-screen-button::before { content: "\f3cd"; } .fa-mobile-alt::before { content: "\f3cd"; } .fa-volume-high::before { content: "\f028"; } .fa-volume-up::before { content: "\f028"; } .fa-users-rays::before { content: "\e593"; } .fa-wallet::before { content: "\f555"; } .fa-clipboard-check::before { content: "\f46c"; } .fa-file-audio::before { content: "\f1c7"; } .fa-burger::before { content: "\f805"; } .fa-hamburger::before { content: "\f805"; } .fa-wrench::before { content: "\f0ad"; } .fa-bugs::before { content: "\e4d0"; } .fa-rupee-sign::before { content: "\f156"; } .fa-rupee::before { content: "\f156"; } .fa-file-image::before { content: "\f1c5"; } .fa-circle-question::before { content: "\f059"; } .fa-question-circle::before { content: "\f059"; } .fa-plane-departure::before { content: "\f5b0"; } .fa-handshake-slash::before { content: "\e060"; } .fa-book-bookmark::before { content: "\e0bb"; } .fa-code-branch::before { content: "\f126"; } .fa-hat-cowboy::before { content: "\f8c0"; } .fa-bridge::before { content: "\e4c8"; } .fa-phone-flip::before { content: "\f879"; } .fa-phone-alt::before { content: "\f879"; } .fa-truck-front::before { content: "\e2b7"; } .fa-cat::before { content: "\f6be"; } .fa-anchor-circle-exclamation::before { content: "\e4ab"; } .fa-truck-field::before { content: "\e58d"; } .fa-route::before { content: "\f4d7"; } .fa-clipboard-question::before { content: "\e4e3"; } .fa-panorama::before { content: "\e209"; } .fa-comment-medical::before { content: "\f7f5"; } .fa-teeth-open::before { content: "\f62f"; } .fa-file-circle-minus::before { content: "\e4ed"; } .fa-tags::before { content: "\f02c"; } .fa-wine-glass::before { content: "\f4e3"; } .fa-forward-fast::before { content: "\f050"; } .fa-fast-forward::before { content: "\f050"; } .fa-face-meh-blank::before { content: "\f5a4"; } .fa-meh-blank::before { content: "\f5a4"; } .fa-square-parking::before { content: "\f540"; } .fa-parking::before { content: "\f540"; } .fa-house-signal::before { content: "\e012"; } .fa-bars-progress::before { content: "\f828"; } .fa-tasks-alt::before { content: "\f828"; } .fa-faucet-drip::before { content: "\e006"; } .fa-cart-flatbed::before { content: "\f474"; } .fa-dolly-flatbed::before { content: "\f474"; } .fa-ban-smoking::before { content: "\f54d"; } .fa-smoking-ban::before { content: "\f54d"; } .fa-terminal::before { content: "\f120"; } .fa-mobile-button::before { content: "\f10b"; } .fa-house-medical-flag::before { content: "\e514"; } .fa-basket-shopping::before { content: "\f291"; } .fa-shopping-basket::before { content: "\f291"; } .fa-tape::before { content: "\f4db"; } .fa-bus-simple::before { content: "\f55e"; } .fa-bus-alt::before { content: "\f55e"; } .fa-eye::before { content: "\f06e"; } .fa-face-sad-cry::before { content: "\f5b3"; } .fa-sad-cry::before { content: "\f5b3"; } .fa-audio-description::before { content: "\f29e"; } .fa-person-military-to-person::before { content: "\e54c"; } .fa-file-shield::before { content: "\e4f0"; } .fa-user-slash::before { content: "\f506"; } .fa-pen::before { content: "\f304"; } .fa-tower-observation::before { content: "\e586"; } .fa-file-code::before { content: "\f1c9"; } .fa-signal::before { content: "\f012"; } .fa-signal-5::before { content: "\f012"; } .fa-signal-perfect::before { content: "\f012"; } .fa-bus::before { content: "\f207"; } .fa-heart-circle-xmark::before { content: "\e501"; } .fa-house-chimney::before { content: "\e3af"; } .fa-home-lg::before { content: "\e3af"; } .fa-window-maximize::before { content: "\f2d0"; } .fa-face-frown::before { content: "\f119"; } .fa-frown::before { content: "\f119"; } .fa-prescription::before { content: "\f5b1"; } .fa-shop::before { content: "\f54f"; } .fa-store-alt::before { content: "\f54f"; } .fa-floppy-disk::before { content: "\f0c7"; } .fa-save::before { content: "\f0c7"; } .fa-vihara::before { content: "\f6a7"; } .fa-scale-unbalanced::before { content: "\f515"; } .fa-balance-scale-left::before { content: "\f515"; } .fa-sort-up::before { content: "\f0de"; } .fa-sort-asc::before { content: "\f0de"; } .fa-comment-dots::before { content: "\f4ad"; } .fa-commenting::before { content: "\f4ad"; } .fa-plant-wilt::before { content: "\e5aa"; } .fa-diamond::before { content: "\f219"; } .fa-face-grin-squint::before { content: "\f585"; } .fa-grin-squint::before { content: "\f585"; } .fa-hand-holding-dollar::before { content: "\f4c0"; } .fa-hand-holding-usd::before { content: "\f4c0"; } .fa-bacterium::before { content: "\e05a"; } .fa-hand-pointer::before { content: "\f25a"; } .fa-drum-steelpan::before { content: "\f56a"; } .fa-hand-scissors::before { content: "\f257"; } .fa-hands-praying::before { content: "\f684"; } .fa-praying-hands::before { content: "\f684"; } .fa-arrow-rotate-right::before { content: "\f01e"; } .fa-arrow-right-rotate::before { content: "\f01e"; } .fa-arrow-rotate-forward::before { content: "\f01e"; } .fa-redo::before { content: "\f01e"; } .fa-biohazard::before { content: "\f780"; } .fa-location-crosshairs::before { content: "\f601"; } .fa-location::before { content: "\f601"; } .fa-mars-double::before { content: "\f227"; } .fa-child-dress::before { content: "\e59c"; } .fa-users-between-lines::before { content: "\e591"; } .fa-lungs-virus::before { content: "\e067"; } .fa-face-grin-tears::before { content: "\f588"; } .fa-grin-tears::before { content: "\f588"; } .fa-phone::before { content: "\f095"; } .fa-calendar-xmark::before { content: "\f273"; } .fa-calendar-times::before { content: "\f273"; } .fa-child-reaching::before { content: "\e59d"; } .fa-head-side-virus::before { content: "\e064"; } .fa-user-gear::before { content: "\f4fe"; } .fa-user-cog::before { content: "\f4fe"; } .fa-arrow-up-1-9::before { content: "\f163"; } .fa-sort-numeric-up::before { content: "\f163"; } .fa-door-closed::before { content: "\f52a"; } .fa-shield-virus::before { content: "\e06c"; } .fa-dice-six::before { content: "\f526"; } .fa-mosquito-net::before { content: "\e52c"; } .fa-bridge-water::before { content: "\e4ce"; } .fa-person-booth::before { content: "\f756"; } .fa-text-width::before { content: "\f035"; } .fa-hat-wizard::before { content: "\f6e8"; } .fa-pen-fancy::before { content: "\f5ac"; } .fa-person-digging::before { content: "\f85e"; } .fa-digging::before { content: "\f85e"; } .fa-trash::before { content: "\f1f8"; } .fa-gauge-simple::before { content: "\f629"; } .fa-gauge-simple-med::before { content: "\f629"; } .fa-tachometer-average::before { content: "\f629"; } .fa-book-medical::before { content: "\f7e6"; } .fa-poo::before { content: "\f2fe"; } .fa-quote-right::before { content: "\f10e"; } .fa-quote-right-alt::before { content: "\f10e"; } .fa-shirt::before { content: "\f553"; } .fa-t-shirt::before { content: "\f553"; } .fa-tshirt::before { content: "\f553"; } .fa-cubes::before { content: "\f1b3"; } .fa-divide::before { content: "\f529"; } .fa-tenge-sign::before { content: "\f7d7"; } .fa-tenge::before { content: "\f7d7"; } .fa-headphones::before { content: "\f025"; } .fa-hands-holding::before { content: "\f4c2"; } .fa-hands-clapping::before { content: "\e1a8"; } .fa-republican::before { content: "\f75e"; } .fa-arrow-left::before { content: "\f060"; } .fa-person-circle-xmark::before { content: "\e543"; } .fa-ruler::before { content: "\f545"; } .fa-align-left::before { content: "\f036"; } .fa-dice-d6::before { content: "\f6d1"; } .fa-restroom::before { content: "\f7bd"; } .fa-j::before { content: "J"; } .fa-users-viewfinder::before { content: "\e595"; } .fa-file-video::before { content: "\f1c8"; } .fa-up-right-from-square::before { content: "\f35d"; } .fa-external-link-alt::before { content: "\f35d"; } .fa-table-cells::before { content: "\f00a"; } .fa-th::before { content: "\f00a"; } .fa-file-pdf::before { content: "\f1c1"; } .fa-book-bible::before { content: "\f647"; } .fa-bible::before { content: "\f647"; } .fa-o::before { content: "O"; } .fa-suitcase-medical::before { content: "\f0fa"; } .fa-medkit::before { content: "\f0fa"; } .fa-user-secret::before { content: "\f21b"; } .fa-otter::before { content: "\f700"; } .fa-person-dress::before { content: "\f182"; } .fa-female::before { content: "\f182"; } .fa-comment-dollar::before { content: "\f651"; } .fa-business-time::before { content: "\f64a"; } .fa-briefcase-clock::before { content: "\f64a"; } .fa-table-cells-large::before { content: "\f009"; } .fa-th-large::before { content: "\f009"; } .fa-book-tanakh::before { content: "\f827"; } .fa-tanakh::before { content: "\f827"; } .fa-phone-volume::before { content: "\f2a0"; } .fa-volume-control-phone::before { content: "\f2a0"; } .fa-hat-cowboy-side::before { content: "\f8c1"; } .fa-clipboard-user::before { content: "\f7f3"; } .fa-child::before { content: "\f1ae"; } .fa-lira-sign::before { content: "\f195"; } .fa-satellite::before { content: "\f7bf"; } .fa-plane-lock::before { content: "\e558"; } .fa-tag::before { content: "\f02b"; } .fa-comment::before { content: "\f075"; } .fa-cake-candles::before { content: "\f1fd"; } .fa-birthday-cake::before { content: "\f1fd"; } .fa-cake::before { content: "\f1fd"; } .fa-envelope::before { content: "\f0e0"; } .fa-angles-up::before { content: "\f102"; } .fa-angle-double-up::before { content: "\f102"; } .fa-paperclip::before { content: "\f0c6"; } .fa-arrow-right-to-city::before { content: "\e4b3"; } .fa-ribbon::before { content: "\f4d6"; } .fa-lungs::before { content: "\f604"; } .fa-arrow-up-9-1::before { content: "\f887"; } .fa-sort-numeric-up-alt::before { content: "\f887"; } .fa-litecoin-sign::before { content: "\e1d3"; } .fa-border-none::before { content: "\f850"; } .fa-circle-nodes::before { content: "\e4e2"; } .fa-parachute-box::before { content: "\f4cd"; } .fa-indent::before { content: "\f03c"; } .fa-truck-field-un::before { content: "\e58e"; } .fa-hourglass::before { content: "\f254"; } .fa-hourglass-empty::before { content: "\f254"; } .fa-mountain::before { content: "\f6fc"; } .fa-user-doctor::before { content: "\f0f0"; } .fa-user-md::before { content: "\f0f0"; } .fa-circle-info::before { content: "\f05a"; } .fa-info-circle::before { content: "\f05a"; } .fa-cloud-meatball::before { content: "\f73b"; } .fa-camera::before { content: "\f030"; } .fa-camera-alt::before { content: "\f030"; } .fa-square-virus::before { content: "\e578"; } .fa-meteor::before { content: "\f753"; } .fa-car-on::before { content: "\e4dd"; } .fa-sleigh::before { content: "\f7cc"; } .fa-arrow-down-1-9::before { content: "\f162"; } .fa-sort-numeric-asc::before { content: "\f162"; } .fa-sort-numeric-down::before { content: "\f162"; } .fa-hand-holding-droplet::before { content: "\f4c1"; } .fa-hand-holding-water::before { content: "\f4c1"; } .fa-water::before { content: "\f773"; } .fa-calendar-check::before { content: "\f274"; } .fa-braille::before { content: "\f2a1"; } .fa-prescription-bottle-medical::before { content: "\f486"; } .fa-prescription-bottle-alt::before { content: "\f486"; } .fa-landmark::before { content: "\f66f"; } .fa-truck::before { content: "\f0d1"; } .fa-crosshairs::before { content: "\f05b"; } .fa-person-cane::before { content: "\e53c"; } .fa-tent::before { content: "\e57d"; } .fa-vest-patches::before { content: "\e086"; } .fa-check-double::before { content: "\f560"; } .fa-arrow-down-a-z::before { content: "\f15d"; } .fa-sort-alpha-asc::before { content: "\f15d"; } .fa-sort-alpha-down::before { content: "\f15d"; } .fa-money-bill-wheat::before { content: "\e52a"; } .fa-cookie::before { content: "\f563"; } .fa-arrow-rotate-left::before { content: "\f0e2"; } .fa-arrow-left-rotate::before { content: "\f0e2"; } .fa-arrow-rotate-back::before { content: "\f0e2"; } .fa-arrow-rotate-backward::before { content: "\f0e2"; } .fa-undo::before { content: "\f0e2"; } .fa-hard-drive::before { content: "\f0a0"; } .fa-hdd::before { content: "\f0a0"; } .fa-face-grin-squint-tears::before { content: "\f586"; } .fa-grin-squint-tears::before { content: "\f586"; } .fa-dumbbell::before { content: "\f44b"; } .fa-rectangle-list::before { content: "\f022"; } .fa-list-alt::before { content: "\f022"; } .fa-tarp-droplet::before { content: "\e57c"; } .fa-house-medical-circle-check::before { content: "\e511"; } .fa-person-skiing-nordic::before { content: "\f7ca"; } .fa-skiing-nordic::before { content: "\f7ca"; } .fa-calendar-plus::before { content: "\f271"; } .fa-plane-arrival::before { content: "\f5af"; } .fa-circle-left::before { content: "\f359"; } .fa-arrow-alt-circle-left::before { content: "\f359"; } .fa-train-subway::before { content: "\f239"; } .fa-subway::before { content: "\f239"; } .fa-chart-gantt::before { content: "\e0e4"; } .fa-indian-rupee-sign::before { content: "\e1bc"; } .fa-indian-rupee::before { content: "\e1bc"; } .fa-inr::before { content: "\e1bc"; } .fa-crop-simple::before { content: "\f565"; } .fa-crop-alt::before { content: "\f565"; } .fa-money-bill-1::before { content: "\f3d1"; } .fa-money-bill-alt::before { content: "\f3d1"; } .fa-left-long::before { content: "\f30a"; } .fa-long-arrow-alt-left::before { content: "\f30a"; } .fa-dna::before { content: "\f471"; } .fa-virus-slash::before { content: "\e075"; } .fa-minus::before { content: "\f068"; } .fa-subtract::before { content: "\f068"; } .fa-chess::before { content: "\f439"; } .fa-arrow-left-long::before { content: "\f177"; } .fa-long-arrow-left::before { content: "\f177"; } .fa-plug-circle-check::before { content: "\e55c"; } .fa-street-view::before { content: "\f21d"; } .fa-franc-sign::before { content: "\e18f"; } .fa-volume-off::before { content: "\f026"; } .fa-hands-asl-interpreting::before { content: "\f2a3"; } .fa-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-asl-interpreting::before { content: "\f2a3"; } .fa-hands-american-sign-language-interpreting::before { content: "\f2a3"; } .fa-gear::before { content: "\f013"; } .fa-cog::before { content: "\f013"; } .fa-droplet-slash::before { content: "\f5c7"; } .fa-tint-slash::before { content: "\f5c7"; } .fa-mosque::before { content: "\f678"; } .fa-mosquito::before { content: "\e52b"; } .fa-star-of-david::before { content: "\f69a"; } .fa-person-military-rifle::before { content: "\e54b"; } .fa-cart-shopping::before { content: "\f07a"; } .fa-shopping-cart::before { content: "\f07a"; } .fa-vials::before { content: "\f493"; } .fa-plug-circle-plus::before { content: "\e55f"; } .fa-place-of-worship::before { content: "\f67f"; } .fa-grip-vertical::before { content: "\f58e"; } .fa-arrow-turn-up::before { content: "\f148"; } .fa-level-up::before { content: "\f148"; } .fa-u::before { content: "U"; } .fa-square-root-variable::before { content: "\f698"; } .fa-square-root-alt::before { content: "\f698"; } .fa-clock::before { content: "\f017"; } .fa-clock-four::before { content: "\f017"; } .fa-backward-step::before { content: "\f048"; } .fa-step-backward::before { content: "\f048"; } .fa-pallet::before { content: "\f482"; } .fa-faucet::before { content: "\e005"; } .fa-baseball-bat-ball::before { content: "\f432"; } .fa-s::before { content: "S"; } .fa-timeline::before { content: "\e29c"; } .fa-keyboard::before { content: "\f11c"; } .fa-caret-down::before { content: "\f0d7"; } .fa-house-chimney-medical::before { content: "\f7f2"; } .fa-clinic-medical::before { content: "\f7f2"; } .fa-temperature-three-quarters::before { content: "\f2c8"; } .fa-temperature-3::before { content: "\f2c8"; } .fa-thermometer-3::before { content: "\f2c8"; } .fa-thermometer-three-quarters::before { content: "\f2c8"; } .fa-mobile-screen::before { content: "\f3cf"; } .fa-mobile-android-alt::before { content: "\f3cf"; } .fa-plane-up::before { content: "\e22d"; } .fa-piggy-bank::before { content: "\f4d3"; } .fa-battery-half::before { content: "\f242"; } .fa-battery-3::before { content: "\f242"; } .fa-mountain-city::before { content: "\e52e"; } .fa-coins::before { content: "\f51e"; } .fa-khanda::before { content: "\f66d"; } .fa-sliders::before { content: "\f1de"; } .fa-sliders-h::before { content: "\f1de"; } .fa-folder-tree::before { content: "\f802"; } .fa-network-wired::before { content: "\f6ff"; } .fa-map-pin::before { content: "\f276"; } .fa-hamsa::before { content: "\f665"; } .fa-cent-sign::before { content: "\e3f5"; } .fa-flask::before { content: "\f0c3"; } .fa-person-pregnant::before { content: "\e31e"; } .fa-wand-sparkles::before { content: "\f72b"; } .fa-ellipsis-vertical::before { content: "\f142"; } .fa-ellipsis-v::before { content: "\f142"; } .fa-ticket::before { content: "\f145"; } .fa-power-off::before { content: "\f011"; } .fa-right-long::before { content: "\f30b"; } .fa-long-arrow-alt-right::before { content: "\f30b"; } .fa-flag-usa::before { content: "\f74d"; } .fa-laptop-file::before { content: "\e51d"; } .fa-tty::before { content: "\f1e4"; } .fa-teletype::before { content: "\f1e4"; } .fa-diagram-next::before { content: "\e476"; } .fa-person-rifle::before { content: "\e54e"; } .fa-house-medical-circle-exclamation::before { content: "\e512"; } .fa-closed-captioning::before { content: "\f20a"; } .fa-person-hiking::before { content: "\f6ec"; } .fa-hiking::before { content: "\f6ec"; } .fa-venus-double::before { content: "\f226"; } .fa-images::before { content: "\f302"; } .fa-calculator::before { content: "\f1ec"; } .fa-people-pulling::before { content: "\e535"; } .fa-n::before { content: "N"; } .fa-cable-car::before { content: "\f7da"; } .fa-tram::before { content: "\f7da"; } .fa-cloud-rain::before { content: "\f73d"; } .fa-building-circle-xmark::before { content: "\e4d4"; } .fa-ship::before { content: "\f21a"; } .fa-arrows-down-to-line::before { content: "\e4b8"; } .fa-download::before { content: "\f019"; } .fa-face-grin::before { content: "\f580"; } .fa-grin::before { content: "\f580"; } .fa-delete-left::before { content: "\f55a"; } .fa-backspace::before { content: "\f55a"; } .fa-eye-dropper::before { content: "\f1fb"; } .fa-eye-dropper-empty::before { content: "\f1fb"; } .fa-eyedropper::before { content: "\f1fb"; } .fa-file-circle-check::before { content: "\e5a0"; } .fa-forward::before { content: "\f04e"; } .fa-mobile::before { content: "\f3ce"; } .fa-mobile-android::before { content: "\f3ce"; } .fa-mobile-phone::before { content: "\f3ce"; } .fa-face-meh::before { content: "\f11a"; } .fa-meh::before { content: "\f11a"; } .fa-align-center::before { content: "\f037"; } .fa-book-skull::before { content: "\f6b7"; } .fa-book-dead::before { content: "\f6b7"; } .fa-id-card::before { content: "\f2c2"; } .fa-drivers-license::before { content: "\f2c2"; } .fa-outdent::before { content: "\f03b"; } .fa-dedent::before { content: "\f03b"; } .fa-heart-circle-exclamation::before { content: "\e4fe"; } .fa-house::before { content: "\f015"; } .fa-home::before { content: "\f015"; } .fa-home-alt::before { content: "\f015"; } .fa-home-lg-alt::before { content: "\f015"; } .fa-calendar-week::before { content: "\f784"; } .fa-laptop-medical::before { content: "\f812"; } .fa-b::before { content: "B"; } .fa-file-medical::before { content: "\f477"; } .fa-dice-one::before { content: "\f525"; } .fa-kiwi-bird::before { content: "\f535"; } .fa-arrow-right-arrow-left::before { content: "\f0ec"; } .fa-exchange::before { content: "\f0ec"; } .fa-rotate-right::before { content: "\f2f9"; } .fa-redo-alt::before { content: "\f2f9"; } .fa-rotate-forward::before { content: "\f2f9"; } .fa-utensils::before { content: "\f2e7"; } .fa-cutlery::before { content: "\f2e7"; } .fa-arrow-up-wide-short::before { content: "\f161"; } .fa-sort-amount-up::before { content: "\f161"; } .fa-mill-sign::before { content: "\e1ed"; } .fa-bowl-rice::before { content: "\e2eb"; } .fa-skull::before { content: "\f54c"; } .fa-tower-broadcast::before { content: "\f519"; } .fa-broadcast-tower::before { content: "\f519"; } .fa-truck-pickup::before { content: "\f63c"; } .fa-up-long::before { content: "\f30c"; } .fa-long-arrow-alt-up::before { content: "\f30c"; } .fa-stop::before { content: "\f04d"; } .fa-code-merge::before { content: "\f387"; } .fa-upload::before { content: "\f093"; } .fa-hurricane::before { content: "\f751"; } .fa-mound::before { content: "\e52d"; } .fa-toilet-portable::before { content: "\e583"; } .fa-compact-disc::before { content: "\f51f"; } .fa-file-arrow-down::before { content: "\f56d"; } .fa-file-download::before { content: "\f56d"; } .fa-caravan::before { content: "\f8ff"; } .fa-shield-cat::before { content: "\e572"; } .fa-bolt::before { content: "\f0e7"; } .fa-zap::before { content: "\f0e7"; } .fa-glass-water::before { content: "\e4f4"; } .fa-oil-well::before { content: "\e532"; } .fa-vault::before { content: "\e2c5"; } .fa-mars::before { content: "\f222"; } .fa-toilet::before { content: "\f7d8"; } .fa-plane-circle-xmark::before { content: "\e557"; } .fa-yen-sign::before { content: "\f157"; } .fa-cny::before { content: "\f157"; } .fa-jpy::before { content: "\f157"; } .fa-rmb::before { content: "\f157"; } .fa-yen::before { content: "\f157"; } .fa-ruble-sign::before { content: "\f158"; } .fa-rouble::before { content: "\f158"; } .fa-rub::before { content: "\f158"; } .fa-ruble::before { content: "\f158"; } .fa-sun::before { content: "\f185"; } .fa-guitar::before { content: "\f7a6"; } .fa-face-laugh-wink::before { content: "\f59c"; } .fa-laugh-wink::before { content: "\f59c"; } .fa-horse-head::before { content: "\f7ab"; } .fa-bore-hole::before { content: "\e4c3"; } .fa-industry::before { content: "\f275"; } .fa-circle-down::before { content: "\f358"; } .fa-arrow-alt-circle-down::before { content: "\f358"; } .fa-arrows-turn-to-dots::before { content: "\e4c1"; } .fa-florin-sign::before { content: "\e184"; } .fa-arrow-down-short-wide::before { content: "\f884"; } .fa-sort-amount-desc::before { content: "\f884"; } .fa-sort-amount-down-alt::before { content: "\f884"; } .fa-less-than::before { content: "\<"; } .fa-angle-down::before { content: "\f107"; } .fa-car-tunnel::before { content: "\e4de"; } .fa-head-side-cough::before { content: "\e061"; } .fa-grip-lines::before { content: "\f7a4"; } .fa-thumbs-down::before { content: "\f165"; } .fa-user-lock::before { content: "\f502"; } .fa-arrow-right-long::before { content: "\f178"; } .fa-long-arrow-right::before { content: "\f178"; } .fa-anchor-circle-xmark::before { content: "\e4ac"; } .fa-ellipsis::before { content: "\f141"; } .fa-ellipsis-h::before { content: "\f141"; } .fa-chess-pawn::before { content: "\f443"; } .fa-kit-medical::before { content: "\f479"; } .fa-first-aid::before { content: "\f479"; } .fa-person-through-window::before { content: "\e5a9"; } .fa-toolbox::before { content: "\f552"; } .fa-hands-holding-circle::before { content: "\e4fb"; } .fa-bug::before { content: "\f188"; } .fa-credit-card::before { content: "\f09d"; } .fa-credit-card-alt::before { content: "\f09d"; } .fa-car::before { content: "\f1b9"; } .fa-automobile::before { content: "\f1b9"; } .fa-hand-holding-hand::before { content: "\e4f7"; } .fa-book-open-reader::before { content: "\f5da"; } .fa-book-reader::before { content: "\f5da"; } .fa-mountain-sun::before { content: "\e52f"; } .fa-arrows-left-right-to-line::before { content: "\e4ba"; } .fa-dice-d20::before { content: "\f6cf"; } .fa-truck-droplet::before { content: "\e58c"; } .fa-file-circle-xmark::before { content: "\e5a1"; } .fa-temperature-arrow-up::before { content: "\e040"; } .fa-temperature-up::before { content: "\e040"; } .fa-medal::before { content: "\f5a2"; } .fa-bed::before { content: "\f236"; } .fa-square-h::before { content: "\f0fd"; } .fa-h-square::before { content: "\f0fd"; } .fa-podcast::before { content: "\f2ce"; } .fa-temperature-full::before { content: "\f2c7"; } .fa-temperature-4::before { content: "\f2c7"; } .fa-thermometer-4::before { content: "\f2c7"; } .fa-thermometer-full::before { content: "\f2c7"; } .fa-bell::before { content: "\f0f3"; } .fa-superscript::before { content: "\f12b"; } .fa-plug-circle-xmark::before { content: "\e560"; } .fa-star-of-life::before { content: "\f621"; } .fa-phone-slash::before { content: "\f3dd"; } .fa-paint-roller::before { content: "\f5aa"; } .fa-handshake-angle::before { content: "\f4c4"; } .fa-hands-helping::before { content: "\f4c4"; } .fa-location-dot::before { content: "\f3c5"; } .fa-map-marker-alt::before { content: "\f3c5"; } .fa-file::before { content: "\f15b"; } .fa-greater-than::before { content: "\>"; } .fa-person-swimming::before { content: "\f5c4"; } .fa-swimmer::before { content: "\f5c4"; } .fa-arrow-down::before { content: "\f063"; } .fa-droplet::before { content: "\f043"; } .fa-tint::before { content: "\f043"; } .fa-eraser::before { content: "\f12d"; } .fa-earth-americas::before { content: "\f57d"; } .fa-earth::before { content: "\f57d"; } .fa-earth-america::before { content: "\f57d"; } .fa-globe-americas::before { content: "\f57d"; } .fa-person-burst::before { content: "\e53b"; } .fa-dove::before { content: "\f4ba"; } .fa-battery-empty::before { content: "\f244"; } .fa-battery-0::before { content: "\f244"; } .fa-socks::before { content: "\f696"; } .fa-inbox::before { content: "\f01c"; } .fa-section::before { content: "\e447"; } .fa-gauge-high::before { content: "\f625"; } .fa-tachometer-alt::before { content: "\f625"; } .fa-tachometer-alt-fast::before { content: "\f625"; } .fa-envelope-open-text::before { content: "\f658"; } .fa-hospital::before { content: "\f0f8"; } .fa-hospital-alt::before { content: "\f0f8"; } .fa-hospital-wide::before { content: "\f0f8"; } .fa-wine-bottle::before { content: "\f72f"; } .fa-chess-rook::before { content: "\f447"; } .fa-bars-staggered::before { content: "\f550"; } .fa-reorder::before { content: "\f550"; } .fa-stream::before { content: "\f550"; } .fa-dharmachakra::before { content: "\f655"; } .fa-hotdog::before { content: "\f80f"; } .fa-person-walking-with-cane::before { content: "\f29d"; } .fa-blind::before { content: "\f29d"; } .fa-drum::before { content: "\f569"; } .fa-ice-cream::before { content: "\f810"; } .fa-heart-circle-bolt::before { content: "\e4fc"; } .fa-fax::before { content: "\f1ac"; } .fa-paragraph::before { content: "\f1dd"; } .fa-check-to-slot::before { content: "\f772"; } .fa-vote-yea::before { content: "\f772"; } .fa-star-half::before { content: "\f089"; } .fa-boxes-stacked::before { content: "\f468"; } .fa-boxes::before { content: "\f468"; } .fa-boxes-alt::before { content: "\f468"; } .fa-link::before { content: "\f0c1"; } .fa-chain::before { content: "\f0c1"; } .fa-ear-listen::before { content: "\f2a2"; } .fa-assistive-listening-systems::before { content: "\f2a2"; } .fa-tree-city::before { content: "\e587"; } .fa-play::before { content: "\f04b"; } .fa-font::before { content: "\f031"; } .fa-rupiah-sign::before { content: "\e23d"; } .fa-magnifying-glass::before { content: "\f002"; } .fa-search::before { content: "\f002"; } .fa-table-tennis-paddle-ball::before { content: "\f45d"; } .fa-ping-pong-paddle-ball::before { content: "\f45d"; } .fa-table-tennis::before { content: "\f45d"; } .fa-person-dots-from-line::before { content: "\f470"; } .fa-diagnoses::before { content: "\f470"; } .fa-trash-can-arrow-up::before { content: "\f82a"; } .fa-trash-restore-alt::before { content: "\f82a"; } .fa-naira-sign::before { content: "\e1f6"; } .fa-cart-arrow-down::before { content: "\f218"; } .fa-walkie-talkie::before { content: "\f8ef"; } .fa-file-pen::before { content: "\f31c"; } .fa-file-edit::before { content: "\f31c"; } .fa-receipt::before { content: "\f543"; } .fa-square-pen::before { content: "\f14b"; } .fa-pen-square::before { content: "\f14b"; } .fa-pencil-square::before { content: "\f14b"; } .fa-suitcase-rolling::before { content: "\f5c1"; } .fa-person-circle-exclamation::before { content: "\e53f"; } .fa-chevron-down::before { content: "\f078"; } .fa-battery-full::before { content: "\f240"; } .fa-battery::before { content: "\f240"; } .fa-battery-5::before { content: "\f240"; } .fa-skull-crossbones::before { content: "\f714"; } .fa-code-compare::before { content: "\e13a"; } .fa-list-ul::before { content: "\f0ca"; } .fa-list-dots::before { content: "\f0ca"; } .fa-school-lock::before { content: "\e56f"; } .fa-tower-cell::before { content: "\e585"; } .fa-down-long::before { content: "\f309"; } .fa-long-arrow-alt-down::before { content: "\f309"; } .fa-ranking-star::before { content: "\e561"; } .fa-chess-king::before { content: "\f43f"; } .fa-person-harassing::before { content: "\e549"; } .fa-brazilian-real-sign::before { content: "\e46c"; } .fa-landmark-dome::before { content: "\f752"; } .fa-landmark-alt::before { content: "\f752"; } .fa-arrow-up::before { content: "\f062"; } .fa-tv::before { content: "\f26c"; } .fa-television::before { content: "\f26c"; } .fa-tv-alt::before { content: "\f26c"; } .fa-shrimp::before { content: "\e448"; } .fa-list-check::before { content: "\f0ae"; } .fa-tasks::before { content: "\f0ae"; } .fa-jug-detergent::before { content: "\e519"; } .fa-circle-user::before { content: "\f2bd"; } .fa-user-circle::before { content: "\f2bd"; } .fa-user-shield::before { content: "\f505"; } .fa-wind::before { content: "\f72e"; } .fa-car-burst::before { content: "\f5e1"; } .fa-car-crash::before { content: "\f5e1"; } .fa-y::before { content: "Y"; } .fa-person-snowboarding::before { content: "\f7ce"; } .fa-snowboarding::before { content: "\f7ce"; } .fa-truck-fast::before { content: "\f48b"; } .fa-shipping-fast::before { content: "\f48b"; } .fa-fish::before { content: "\f578"; } .fa-user-graduate::before { content: "\f501"; } .fa-circle-half-stroke::before { content: "\f042"; } .fa-adjust::before { content: "\f042"; } .fa-clapperboard::before { content: "\e131"; } .fa-circle-radiation::before { content: "\f7ba"; } .fa-radiation-alt::before { content: "\f7ba"; } .fa-baseball::before { content: "\f433"; } .fa-baseball-ball::before { content: "\f433"; } .fa-jet-fighter-up::before { content: "\e518"; } .fa-diagram-project::before { content: "\f542"; } .fa-project-diagram::before { content: "\f542"; } .fa-copy::before { content: "\f0c5"; } .fa-volume-xmark::before { content: "\f6a9"; } .fa-volume-mute::before { content: "\f6a9"; } .fa-volume-times::before { content: "\f6a9"; } .fa-hand-sparkles::before { content: "\e05d"; } .fa-grip::before { content: "\f58d"; } .fa-grip-horizontal::before { content: "\f58d"; } .fa-share-from-square::before { content: "\f14d"; } .fa-share-square::before { content: "\f14d"; } .fa-child-combatant::before { content: "\e4e0"; } .fa-child-rifle::before { content: "\e4e0"; } .fa-gun::before { content: "\e19b"; } .fa-square-phone::before { content: "\f098"; } .fa-phone-square::before { content: "\f098"; } .fa-plus::before { content: "\+"; } .fa-add::before { content: "\+"; } .fa-expand::before { content: "\f065"; } .fa-computer::before { content: "\e4e5"; } .fa-xmark::before { content: "\f00d"; } .fa-close::before { content: "\f00d"; } .fa-multiply::before { content: "\f00d"; } .fa-remove::before { content: "\f00d"; } .fa-times::before { content: "\f00d"; } .fa-arrows-up-down-left-right::before { content: "\f047"; } .fa-arrows::before { content: "\f047"; } .fa-chalkboard-user::before { content: "\f51c"; } .fa-chalkboard-teacher::before { content: "\f51c"; } .fa-peso-sign::before { content: "\e222"; } .fa-building-shield::before { content: "\e4d8"; } .fa-baby::before { content: "\f77c"; } .fa-users-line::before { content: "\e592"; } .fa-quote-left::before { content: "\f10d"; } .fa-quote-left-alt::before { content: "\f10d"; } .fa-tractor::before { content: "\f722"; } .fa-trash-arrow-up::before { content: "\f829"; } .fa-trash-restore::before { content: "\f829"; } .fa-arrow-down-up-lock::before { content: "\e4b0"; } .fa-lines-leaning::before { content: "\e51e"; } .fa-ruler-combined::before { content: "\f546"; } .fa-copyright::before { content: "\f1f9"; } .fa-equals::before { content: "\="; } .fa-blender::before { content: "\f517"; } .fa-teeth::before { content: "\f62e"; } .fa-shekel-sign::before { content: "\f20b"; } .fa-ils::before { content: "\f20b"; } .fa-shekel::before { content: "\f20b"; } .fa-sheqel::before { content: "\f20b"; } .fa-sheqel-sign::before { content: "\f20b"; } .fa-map::before { content: "\f279"; } .fa-rocket::before { content: "\f135"; } .fa-photo-film::before { content: "\f87c"; } .fa-photo-video::before { content: "\f87c"; } .fa-folder-minus::before { content: "\f65d"; } .fa-store::before { content: "\f54e"; } .fa-arrow-trend-up::before { content: "\e098"; } .fa-plug-circle-minus::before { content: "\e55e"; } .fa-sign-hanging::before { content: "\f4d9"; } .fa-sign::before { content: "\f4d9"; } .fa-bezier-curve::before { content: "\f55b"; } .fa-bell-slash::before { content: "\f1f6"; } .fa-tablet::before { content: "\f3fb"; } .fa-tablet-android::before { content: "\f3fb"; } .fa-school-flag::before { content: "\e56e"; } .fa-fill::before { content: "\f575"; } .fa-angle-up::before { content: "\f106"; } .fa-drumstick-bite::before { content: "\f6d7"; } .fa-holly-berry::before { content: "\f7aa"; } .fa-chevron-left::before { content: "\f053"; } .fa-bacteria::before { content: "\e059"; } .fa-hand-lizard::before { content: "\f258"; } .fa-notdef::before { content: "\e1fe"; } .fa-disease::before { content: "\f7fa"; } .fa-briefcase-medical::before { content: "\f469"; } .fa-genderless::before { content: "\f22d"; } .fa-chevron-right::before { content: "\f054"; } .fa-retweet::before { content: "\f079"; } .fa-car-rear::before { content: "\f5de"; } .fa-car-alt::before { content: "\f5de"; } .fa-pump-soap::before { content: "\e06b"; } .fa-video-slash::before { content: "\f4e2"; } .fa-battery-quarter::before { content: "\f243"; } .fa-battery-2::before { content: "\f243"; } .fa-radio::before { content: "\f8d7"; } .fa-baby-carriage::before { content: "\f77d"; } .fa-carriage-baby::before { content: "\f77d"; } .fa-traffic-light::before { content: "\f637"; } .fa-thermometer::before { content: "\f491"; } .fa-vr-cardboard::before { content: "\f729"; } .fa-hand-middle-finger::before { content: "\f806"; } .fa-percent::before { content: "\%"; } .fa-percentage::before { content: "\%"; } .fa-truck-moving::before { content: "\f4df"; } .fa-glass-water-droplet::before { content: "\e4f5"; } .fa-display::before { content: "\e163"; } .fa-face-smile::before { content: "\f118"; } .fa-smile::before { content: "\f118"; } .fa-thumbtack::before { content: "\f08d"; } .fa-thumb-tack::before { content: "\f08d"; } .fa-trophy::before { content: "\f091"; } .fa-person-praying::before { content: "\f683"; } .fa-pray::before { content: "\f683"; } .fa-hammer::before { content: "\f6e3"; } .fa-hand-peace::before { content: "\f25b"; } .fa-rotate::before { content: "\f2f1"; } .fa-sync-alt::before { content: "\f2f1"; } .fa-spinner::before { content: "\f110"; } .fa-robot::before { content: "\f544"; } .fa-peace::before { content: "\f67c"; } .fa-gears::before { content: "\f085"; } .fa-cogs::before { content: "\f085"; } .fa-warehouse::before { content: "\f494"; } .fa-arrow-up-right-dots::before { content: "\e4b7"; } .fa-splotch::before { content: "\f5bc"; } .fa-face-grin-hearts::before { content: "\f584"; } .fa-grin-hearts::before { content: "\f584"; } .fa-dice-four::before { content: "\f524"; } .fa-sim-card::before { content: "\f7c4"; } .fa-transgender::before { content: "\f225"; } .fa-transgender-alt::before { content: "\f225"; } .fa-mercury::before { content: "\f223"; } .fa-arrow-turn-down::before { content: "\f149"; } .fa-level-down::before { content: "\f149"; } .fa-person-falling-burst::before { content: "\e547"; } .fa-award::before { content: "\f559"; } .fa-ticket-simple::before { content: "\f3ff"; } .fa-ticket-alt::before { content: "\f3ff"; } .fa-building::before { content: "\f1ad"; } .fa-angles-left::before { content: "\f100"; } .fa-angle-double-left::before { content: "\f100"; } .fa-qrcode::before { content: "\f029"; } .fa-clock-rotate-left::before { content: "\f1da"; } .fa-history::before { content: "\f1da"; } .fa-face-grin-beam-sweat::before { content: "\f583"; } .fa-grin-beam-sweat::before { content: "\f583"; } .fa-file-export::before { content: "\f56e"; } .fa-arrow-right-from-file::before { content: "\f56e"; } .fa-shield::before { content: "\f132"; } .fa-shield-blank::before { content: "\f132"; } .fa-arrow-up-short-wide::before { content: "\f885"; } .fa-sort-amount-up-alt::before { content: "\f885"; } .fa-house-medical::before { content: "\e3b2"; } .fa-golf-ball-tee::before { content: "\f450"; } .fa-golf-ball::before { content: "\f450"; } .fa-circle-chevron-left::before { content: "\f137"; } .fa-chevron-circle-left::before { content: "\f137"; } .fa-house-chimney-window::before { content: "\e00d"; } .fa-pen-nib::before { content: "\f5ad"; } .fa-tent-arrow-turn-left::before { content: "\e580"; } .fa-tents::before { content: "\e582"; } .fa-wand-magic::before { content: "\f0d0"; } .fa-magic::before { content: "\f0d0"; } .fa-dog::before { content: "\f6d3"; } .fa-carrot::before { content: "\f787"; } .fa-moon::before { content: "\f186"; } .fa-wine-glass-empty::before { content: "\f5ce"; } .fa-wine-glass-alt::before { content: "\f5ce"; } .fa-cheese::before { content: "\f7ef"; } .fa-yin-yang::before { content: "\f6ad"; } .fa-music::before { content: "\f001"; } .fa-code-commit::before { content: "\f386"; } .fa-temperature-low::before { content: "\f76b"; } .fa-person-biking::before { content: "\f84a"; } .fa-biking::before { content: "\f84a"; } .fa-broom::before { content: "\f51a"; } .fa-shield-heart::before { content: "\e574"; } .fa-gopuram::before { content: "\f664"; } .fa-earth-oceania::before { content: "\e47b"; } .fa-globe-oceania::before { content: "\e47b"; } .fa-square-xmark::before { content: "\f2d3"; } .fa-times-square::before { content: "\f2d3"; } .fa-xmark-square::before { content: "\f2d3"; } .fa-hashtag::before { content: "\#"; } .fa-up-right-and-down-left-from-center::before { content: "\f424"; } .fa-expand-alt::before { content: "\f424"; } .fa-oil-can::before { content: "\f613"; } .fa-t::before { content: "T"; } .fa-hippo::before { content: "\f6ed"; } .fa-chart-column::before { content: "\e0e3"; } .fa-infinity::before { content: "\f534"; } .fa-vial-circle-check::before { content: "\e596"; } .fa-person-arrow-down-to-line::before { content: "\e538"; } .fa-voicemail::before { content: "\f897"; } .fa-fan::before { content: "\f863"; } .fa-person-walking-luggage::before { content: "\e554"; } .fa-up-down::before { content: "\f338"; } .fa-arrows-alt-v::before { content: "\f338"; } .fa-cloud-moon-rain::before { content: "\f73c"; } .fa-calendar::before { content: "\f133"; } .fa-trailer::before { content: "\e041"; } .fa-bahai::before { content: "\f666"; } .fa-haykal::before { content: "\f666"; } .fa-sd-card::before { content: "\f7c2"; } .fa-dragon::before { content: "\f6d5"; } .fa-shoe-prints::before { content: "\f54b"; } .fa-circle-plus::before { content: "\f055"; } .fa-plus-circle::before { content: "\f055"; } .fa-face-grin-tongue-wink::before { content: "\f58b"; } .fa-grin-tongue-wink::before { content: "\f58b"; } .fa-hand-holding::before { content: "\f4bd"; } .fa-plug-circle-exclamation::before { content: "\e55d"; } .fa-link-slash::before { content: "\f127"; } .fa-chain-broken::before { content: "\f127"; } .fa-chain-slash::before { content: "\f127"; } .fa-unlink::before { content: "\f127"; } .fa-clone::before { content: "\f24d"; } .fa-person-walking-arrow-loop-left::before { content: "\e551"; } .fa-arrow-up-z-a::before { content: "\f882"; } .fa-sort-alpha-up-alt::before { content: "\f882"; } .fa-fire-flame-curved::before { content: "\f7e4"; } .fa-fire-alt::before { content: "\f7e4"; } .fa-tornado::before { content: "\f76f"; } .fa-file-circle-plus::before { content: "\e494"; } .fa-book-quran::before { content: "\f687"; } .fa-quran::before { content: "\f687"; } .fa-anchor::before { content: "\f13d"; } .fa-border-all::before { content: "\f84c"; } .fa-face-angry::before { content: "\f556"; } .fa-angry::before { content: "\f556"; } .fa-cookie-bite::before { content: "\f564"; } .fa-arrow-trend-down::before { content: "\e097"; } .fa-rss::before { content: "\f09e"; } .fa-feed::before { content: "\f09e"; } .fa-draw-polygon::before { content: "\f5ee"; } .fa-scale-balanced::before { content: "\f24e"; } .fa-balance-scale::before { content: "\f24e"; } .fa-gauge-simple-high::before { content: "\f62a"; } .fa-tachometer::before { content: "\f62a"; } .fa-tachometer-fast::before { content: "\f62a"; } .fa-shower::before { content: "\f2cc"; } .fa-desktop::before { content: "\f390"; } .fa-desktop-alt::before { content: "\f390"; } .fa-m::before { content: "M"; } .fa-table-list::before { content: "\f00b"; } .fa-th-list::before { content: "\f00b"; } .fa-comment-sms::before { content: "\f7cd"; } .fa-sms::before { content: "\f7cd"; } .fa-book::before { content: "\f02d"; } .fa-user-plus::before { content: "\f234"; } .fa-check::before { content: "\f00c"; } .fa-battery-three-quarters::before { content: "\f241"; } .fa-battery-4::before { content: "\f241"; } .fa-house-circle-check::before { content: "\e509"; } .fa-angle-left::before { content: "\f104"; } .fa-diagram-successor::before { content: "\e47a"; } .fa-truck-arrow-right::before { content: "\e58b"; } .fa-arrows-split-up-and-left::before { content: "\e4bc"; } .fa-hand-fist::before { content: "\f6de"; } .fa-fist-raised::before { content: "\f6de"; } .fa-cloud-moon::before { content: "\f6c3"; } .fa-briefcase::before { content: "\f0b1"; } .fa-person-falling::before { content: "\e546"; } .fa-image-portrait::before { content: "\f3e0"; } .fa-portrait::before { content: "\f3e0"; } .fa-user-tag::before { content: "\f507"; } .fa-rug::before { content: "\e569"; } .fa-earth-europe::before { content: "\f7a2"; } .fa-globe-europe::before { content: "\f7a2"; } .fa-cart-flatbed-suitcase::before { content: "\f59d"; } .fa-luggage-cart::before { content: "\f59d"; } .fa-rectangle-xmark::before { content: "\f410"; } .fa-rectangle-times::before { content: "\f410"; } .fa-times-rectangle::before { content: "\f410"; } .fa-window-close::before { content: "\f410"; } .fa-baht-sign::before { content: "\e0ac"; } .fa-book-open::before { content: "\f518"; } .fa-book-journal-whills::before { content: "\f66a"; } .fa-journal-whills::before { content: "\f66a"; } .fa-handcuffs::before { content: "\e4f8"; } .fa-triangle-exclamation::before { content: "\f071"; } .fa-exclamation-triangle::before { content: "\f071"; } .fa-warning::before { content: "\f071"; } .fa-database::before { content: "\f1c0"; } .fa-share::before { content: "\f064"; } .fa-arrow-turn-right::before { content: "\f064"; } .fa-mail-forward::before { content: "\f064"; } .fa-bottle-droplet::before { content: "\e4c4"; } .fa-mask-face::before { content: "\e1d7"; } .fa-hill-rockslide::before { content: "\e508"; } .fa-right-left::before { content: "\f362"; } .fa-exchange-alt::before { content: "\f362"; } .fa-paper-plane::before { content: "\f1d8"; } .fa-road-circle-exclamation::before { content: "\e565"; } .fa-dungeon::before { content: "\f6d9"; } .fa-align-right::before { content: "\f038"; } .fa-money-bill-1-wave::before { content: "\f53b"; } .fa-money-bill-wave-alt::before { content: "\f53b"; } .fa-life-ring::before { content: "\f1cd"; } .fa-hands::before { content: "\f2a7"; } .fa-sign-language::before { content: "\f2a7"; } .fa-signing::before { content: "\f2a7"; } .fa-calendar-day::before { content: "\f783"; } .fa-water-ladder::before { content: "\f5c5"; } .fa-ladder-water::before { content: "\f5c5"; } .fa-swimming-pool::before { content: "\f5c5"; } .fa-arrows-up-down::before { content: "\f07d"; } .fa-arrows-v::before { content: "\f07d"; } .fa-face-grimace::before { content: "\f57f"; } .fa-grimace::before { content: "\f57f"; } .fa-wheelchair-move::before { content: "\e2ce"; } .fa-wheelchair-alt::before { content: "\e2ce"; } .fa-turn-down::before { content: "\f3be"; } .fa-level-down-alt::before { content: "\f3be"; } .fa-person-walking-arrow-right::before { content: "\e552"; } .fa-square-envelope::before { content: "\f199"; } .fa-envelope-square::before { content: "\f199"; } .fa-dice::before { content: "\f522"; } .fa-bowling-ball::before { content: "\f436"; } .fa-brain::before { content: "\f5dc"; } .fa-bandage::before { content: "\f462"; } .fa-band-aid::before { content: "\f462"; } .fa-calendar-minus::before { content: "\f272"; } .fa-circle-xmark::before { content: "\f057"; } .fa-times-circle::before { content: "\f057"; } .fa-xmark-circle::before { content: "\f057"; } .fa-gifts::before { content: "\f79c"; } .fa-hotel::before { content: "\f594"; } .fa-earth-asia::before { content: "\f57e"; } .fa-globe-asia::before { content: "\f57e"; } .fa-id-card-clip::before { content: "\f47f"; } .fa-id-card-alt::before { content: "\f47f"; } .fa-magnifying-glass-plus::before { content: "\f00e"; } .fa-search-plus::before { content: "\f00e"; } .fa-thumbs-up::before { content: "\f164"; } .fa-user-clock::before { content: "\f4fd"; } .fa-hand-dots::before { content: "\f461"; } .fa-allergies::before { content: "\f461"; } .fa-file-invoice::before { content: "\f570"; } .fa-window-minimize::before { content: "\f2d1"; } .fa-mug-saucer::before { content: "\f0f4"; } .fa-coffee::before { content: "\f0f4"; } .fa-brush::before { content: "\f55d"; } .fa-mask::before { content: "\f6fa"; } .fa-magnifying-glass-minus::before { content: "\f010"; } .fa-search-minus::before { content: "\f010"; } .fa-ruler-vertical::before { content: "\f548"; } .fa-user-large::before { content: "\f406"; } .fa-user-alt::before { content: "\f406"; } .fa-train-tram::before { content: "\e5b4"; } .fa-user-nurse::before { content: "\f82f"; } .fa-syringe::before { content: "\f48e"; } .fa-cloud-sun::before { content: "\f6c4"; } .fa-stopwatch-20::before { content: "\e06f"; } .fa-square-full::before { content: "\f45c"; } .fa-magnet::before { content: "\f076"; } .fa-jar::before { content: "\e516"; } .fa-note-sticky::before { content: "\f249"; } .fa-sticky-note::before { content: "\f249"; } .fa-bug-slash::before { content: "\e490"; } .fa-arrow-up-from-water-pump::before { content: "\e4b6"; } .fa-bone::before { content: "\f5d7"; } .fa-user-injured::before { content: "\f728"; } .fa-face-sad-tear::before { content: "\f5b4"; } .fa-sad-tear::before { content: "\f5b4"; } .fa-plane::before { content: "\f072"; } .fa-tent-arrows-down::before { content: "\e581"; } .fa-exclamation::before { content: "\!"; } .fa-arrows-spin::before { content: "\e4bb"; } .fa-print::before { content: "\f02f"; } .fa-turkish-lira-sign::before { content: "\e2bb"; } .fa-try::before { content: "\e2bb"; } .fa-turkish-lira::before { content: "\e2bb"; } .fa-dollar-sign::before { content: "\$"; } .fa-dollar::before { content: "\$"; } .fa-usd::before { content: "\$"; } .fa-x::before { content: "X"; } .fa-magnifying-glass-dollar::before { content: "\f688"; } .fa-search-dollar::before { content: "\f688"; } .fa-users-gear::before { content: "\f509"; } .fa-users-cog::before { content: "\f509"; } .fa-person-military-pointing::before { content: "\e54a"; } .fa-building-columns::before { content: "\f19c"; } .fa-bank::before { content: "\f19c"; } .fa-institution::before { content: "\f19c"; } .fa-museum::before { content: "\f19c"; } .fa-university::before { content: "\f19c"; } .fa-umbrella::before { content: "\f0e9"; } .fa-trowel::before { content: "\e589"; } .fa-d::before { content: "D"; } .fa-stapler::before { content: "\e5af"; } .fa-masks-theater::before { content: "\f630"; } .fa-theater-masks::before { content: "\f630"; } .fa-kip-sign::before { content: "\e1c4"; } .fa-hand-point-left::before { content: "\f0a5"; } .fa-handshake-simple::before { content: "\f4c6"; } .fa-handshake-alt::before { content: "\f4c6"; } .fa-jet-fighter::before { content: "\f0fb"; } .fa-fighter-jet::before { content: "\f0fb"; } .fa-square-share-nodes::before { content: "\f1e1"; } .fa-share-alt-square::before { content: "\f1e1"; } .fa-barcode::before { content: "\f02a"; } .fa-plus-minus::before { content: "\e43c"; } .fa-video::before { content: "\f03d"; } .fa-video-camera::before { content: "\f03d"; } .fa-graduation-cap::before { content: "\f19d"; } .fa-mortar-board::before { content: "\f19d"; } .fa-hand-holding-medical::before { content: "\e05c"; } .fa-person-circle-check::before { content: "\e53e"; } .fa-turn-up::before { content: "\f3bf"; } .fa-level-up-alt::before { content: "\f3bf"; } .sr-only, .fa-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } .sr-only-focusable:not(:focus), .fa-sr-only-focusable:not(:focus) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; } /*! * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-regular-400.02ad4ff91ef84f65.woff2') format("woff2"), url('fa-regular-400.570a165b064c1468.ttf') format("truetype"); } .far, .fa-regular { font-weight: 400; } /*! * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ :root, :host { --fa-style-family-classic: "Font Awesome 6 Free"; --fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free"; } @font-face { font-family: "Font Awesome 6 Free"; font-style: normal; font-weight: 900; font-display: block; src: url('fa-solid-900.3eae9857c06e9372.woff2') format("woff2"), url('fa-solid-900.0b5caff7ad4bc179.ttf') format("truetype"); } .fas, .fa-solid { font-weight: 900; } /*! * Font Awesome Free 6.4.0 by @fontawesome - https://fontawesome.com * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) * Copyright 2023 Fonticons, Inc. */ :root, :host { --fa-style-family-brands: "Font Awesome 6 Brands"; --fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands"; } @font-face { font-family: "Font Awesome 6 Brands"; font-style: normal; font-weight: 400; font-display: block; src: url('fa-brands-400.9210030c21e68a90.woff2') format("woff2"), url('fa-brands-400.5f7c5bb77eae788b.ttf') format("truetype"); } .fab, .fa-brands { font-weight: 400; } .fa-monero:before { content: "\f3d0"; } .fa-hooli:before { content: "\f427"; } .fa-yelp:before { content: "\f1e9"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-lastfm:before { content: "\f202"; } .fa-shopware:before { content: "\f5b5"; } .fa-creative-commons-nc:before { content: "\f4e8"; } .fa-aws:before { content: "\f375"; } .fa-redhat:before { content: "\f7bc"; } .fa-yoast:before { content: "\f2b1"; } .fa-cloudflare:before { content: "\e07d"; } .fa-ups:before { content: "\f7e0"; } .fa-wpexplorer:before { content: "\f2de"; } .fa-dyalog:before { content: "\f399"; } .fa-bity:before { content: "\f37a"; } .fa-stackpath:before { content: "\f842"; } .fa-buysellads:before { content: "\f20d"; } .fa-first-order:before { content: "\f2b0"; } .fa-modx:before { content: "\f285"; } .fa-guilded:before { content: "\e07e"; } .fa-vnv:before { content: "\f40b"; } .fa-square-js:before { content: "\f3b9"; } .fa-js-square:before { content: "\f3b9"; } .fa-microsoft:before { content: "\f3ca"; } .fa-qq:before { content: "\f1d6"; } .fa-orcid:before { content: "\f8d2"; } .fa-java:before { content: "\f4e4"; } .fa-invision:before { content: "\f7b0"; } .fa-creative-commons-pd-alt:before { content: "\f4ed"; } .fa-centercode:before { content: "\f380"; } .fa-glide-g:before { content: "\f2a6"; } .fa-drupal:before { content: "\f1a9"; } .fa-hire-a-helper:before { content: "\f3b0"; } .fa-creative-commons-by:before { content: "\f4e7"; } .fa-unity:before { content: "\e049"; } .fa-whmcs:before { content: "\f40d"; } .fa-rocketchat:before { content: "\f3e8"; } .fa-vk:before { content: "\f189"; } .fa-untappd:before { content: "\f405"; } .fa-mailchimp:before { content: "\f59e"; } .fa-css3-alt:before { content: "\f38b"; } .fa-square-reddit:before { content: "\f1a2"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-vimeo-v:before { content: "\f27d"; } .fa-contao:before { content: "\f26d"; } .fa-square-font-awesome:before { content: "\e5ad"; } .fa-deskpro:before { content: "\f38f"; } .fa-sistrix:before { content: "\f3ee"; } .fa-square-instagram:before { content: "\e055"; } .fa-instagram-square:before { content: "\e055"; } .fa-battle-net:before { content: "\f835"; } .fa-the-red-yeti:before { content: "\f69d"; } .fa-square-hacker-news:before { content: "\f3af"; } .fa-hacker-news-square:before { content: "\f3af"; } .fa-edge:before { content: "\f282"; } .fa-napster:before { content: "\f3d2"; } .fa-square-snapchat:before { content: "\f2ad"; } .fa-snapchat-square:before { content: "\f2ad"; } .fa-google-plus-g:before { content: "\f0d5"; } .fa-artstation:before { content: "\f77a"; } .fa-markdown:before { content: "\f60f"; } .fa-sourcetree:before { content: "\f7d3"; } .fa-google-plus:before { content: "\f2b3"; } .fa-diaspora:before { content: "\f791"; } .fa-foursquare:before { content: "\f180"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-github-alt:before { content: "\f113"; } .fa-phoenix-squadron:before { content: "\f511"; } .fa-pagelines:before { content: "\f18c"; } .fa-algolia:before { content: "\f36c"; } .fa-red-river:before { content: "\f3e3"; } .fa-creative-commons-sa:before { content: "\f4ef"; } .fa-safari:before { content: "\f267"; } .fa-google:before { content: "\f1a0"; } .fa-square-font-awesome-stroke:before { content: "\f35c"; } .fa-font-awesome-alt:before { content: "\f35c"; } .fa-atlassian:before { content: "\f77b"; } .fa-linkedin-in:before { content: "\f0e1"; } .fa-digital-ocean:before { content: "\f391"; } .fa-nimblr:before { content: "\f5a8"; } .fa-chromecast:before { content: "\f838"; } .fa-evernote:before { content: "\f839"; } .fa-hacker-news:before { content: "\f1d4"; } .fa-creative-commons-sampling:before { content: "\f4f0"; } .fa-adversal:before { content: "\f36a"; } .fa-creative-commons:before { content: "\f25e"; } .fa-watchman-monitoring:before { content: "\e087"; } .fa-fonticons:before { content: "\f280"; } .fa-weixin:before { content: "\f1d7"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-codepen:before { content: "\f1cb"; } .fa-git-alt:before { content: "\f841"; } .fa-lyft:before { content: "\f3c3"; } .fa-rev:before { content: "\f5b2"; } .fa-windows:before { content: "\f17a"; } .fa-wizards-of-the-coast:before { content: "\f730"; } .fa-square-viadeo:before { content: "\f2aa"; } .fa-viadeo-square:before { content: "\f2aa"; } .fa-meetup:before { content: "\f2e0"; } .fa-centos:before { content: "\f789"; } .fa-adn:before { content: "\f170"; } .fa-cloudsmith:before { content: "\f384"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-square-dribbble:before { content: "\f397"; } .fa-dribbble-square:before { content: "\f397"; } .fa-codiepie:before { content: "\f284"; } .fa-node:before { content: "\f419"; } .fa-mix:before { content: "\f3cb"; } .fa-steam:before { content: "\f1b6"; } .fa-cc-apple-pay:before { content: "\f416"; } .fa-scribd:before { content: "\f28a"; } .fa-openid:before { content: "\f19b"; } .fa-instalod:before { content: "\e081"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-sellcast:before { content: "\f2da"; } .fa-square-twitter:before { content: "\f081"; } .fa-twitter-square:before { content: "\f081"; } .fa-r-project:before { content: "\f4f7"; } .fa-delicious:before { content: "\f1a5"; } .fa-freebsd:before { content: "\f3a4"; } .fa-vuejs:before { content: "\f41f"; } .fa-accusoft:before { content: "\f369"; } .fa-ioxhost:before { content: "\f208"; } .fa-fonticons-fi:before { content: "\f3a2"; } .fa-app-store:before { content: "\f36f"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-itunes-note:before { content: "\f3b5"; } .fa-golang:before { content: "\e40f"; } .fa-kickstarter:before { content: "\f3bb"; } .fa-grav:before { content: "\f2d6"; } .fa-weibo:before { content: "\f18a"; } .fa-uncharted:before { content: "\e084"; } .fa-firstdraft:before { content: "\f3a1"; } .fa-square-youtube:before { content: "\f431"; } .fa-youtube-square:before { content: "\f431"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-wpressr:before { content: "\f3e4"; } .fa-rendact:before { content: "\f3e4"; } .fa-angellist:before { content: "\f209"; } .fa-galactic-republic:before { content: "\f50c"; } .fa-nfc-directional:before { content: "\e530"; } .fa-skype:before { content: "\f17e"; } .fa-joget:before { content: "\f3b7"; } .fa-fedora:before { content: "\f798"; } .fa-stripe-s:before { content: "\f42a"; } .fa-meta:before { content: "\e49b"; } .fa-laravel:before { content: "\f3bd"; } .fa-hotjar:before { content: "\f3b1"; } .fa-bluetooth-b:before { content: "\f294"; } .fa-sticker-mule:before { content: "\f3f7"; } .fa-creative-commons-zero:before { content: "\f4f3"; } .fa-hips:before { content: "\f452"; } .fa-behance:before { content: "\f1b4"; } .fa-reddit:before { content: "\f1a1"; } .fa-discord:before { content: "\f392"; } .fa-chrome:before { content: "\f268"; } .fa-app-store-ios:before { content: "\f370"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-wpbeginner:before { content: "\f297"; } .fa-confluence:before { content: "\f78d"; } .fa-mdb:before { content: "\f8ca"; } .fa-dochub:before { content: "\f394"; } .fa-accessible-icon:before { content: "\f368"; } .fa-ebay:before { content: "\f4f4"; } .fa-amazon:before { content: "\f270"; } .fa-unsplash:before { content: "\e07c"; } .fa-yarn:before { content: "\f7e3"; } .fa-square-steam:before { content: "\f1b7"; } .fa-steam-square:before { content: "\f1b7"; } .fa-500px:before { content: "\f26e"; } .fa-square-vimeo:before { content: "\f194"; } .fa-vimeo-square:before { content: "\f194"; } .fa-asymmetrik:before { content: "\f372"; } .fa-font-awesome:before { content: "\f2b4"; } .fa-font-awesome-flag:before { content: "\f2b4"; } .fa-font-awesome-logo-full:before { content: "\f2b4"; } .fa-gratipay:before { content: "\f184"; } .fa-apple:before { content: "\f179"; } .fa-hive:before { content: "\e07f"; } .fa-gitkraken:before { content: "\f3a6"; } .fa-keybase:before { content: "\f4f5"; } .fa-apple-pay:before { content: "\f415"; } .fa-padlet:before { content: "\e4a0"; } .fa-amazon-pay:before { content: "\f42c"; } .fa-square-github:before { content: "\f092"; } .fa-github-square:before { content: "\f092"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-fedex:before { content: "\f797"; } .fa-phoenix-framework:before { content: "\f3dc"; } .fa-shopify:before { content: "\e057"; } .fa-neos:before { content: "\f612"; } .fa-hackerrank:before { content: "\f5f7"; } .fa-researchgate:before { content: "\f4f8"; } .fa-swift:before { content: "\f8e1"; } .fa-angular:before { content: "\f420"; } .fa-speakap:before { content: "\f3f3"; } .fa-angrycreative:before { content: "\f36e"; } .fa-y-combinator:before { content: "\f23b"; } .fa-empire:before { content: "\f1d1"; } .fa-envira:before { content: "\f299"; } .fa-square-gitlab:before { content: "\e5ae"; } .fa-gitlab-square:before { content: "\e5ae"; } .fa-studiovinari:before { content: "\f3f8"; } .fa-pied-piper:before { content: "\f2ae"; } .fa-wordpress:before { content: "\f19a"; } .fa-product-hunt:before { content: "\f288"; } .fa-firefox:before { content: "\f269"; } .fa-linode:before { content: "\f2b8"; } .fa-goodreads:before { content: "\f3a8"; } .fa-square-odnoklassniki:before { content: "\f264"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-sith:before { content: "\f512"; } .fa-themeisle:before { content: "\f2b2"; } .fa-page4:before { content: "\f3d7"; } .fa-hashnode:before { content: "\e499"; } .fa-react:before { content: "\f41b"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-squarespace:before { content: "\f5be"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-creative-commons-share:before { content: "\f4f2"; } .fa-bitcoin:before { content: "\f379"; } .fa-keycdn:before { content: "\f3ba"; } .fa-opera:before { content: "\f26a"; } .fa-itch-io:before { content: "\f83a"; } .fa-umbraco:before { content: "\f8e8"; } .fa-galactic-senate:before { content: "\f50d"; } .fa-ubuntu:before { content: "\f7df"; } .fa-draft2digital:before { content: "\f396"; } .fa-stripe:before { content: "\f429"; } .fa-houzz:before { content: "\f27c"; } .fa-gg:before { content: "\f260"; } .fa-dhl:before { content: "\f790"; } .fa-square-pinterest:before { content: "\f0d3"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-xing:before { content: "\f168"; } .fa-blackberry:before { content: "\f37b"; } .fa-creative-commons-pd:before { content: "\f4ec"; } .fa-playstation:before { content: "\f3df"; } .fa-quinscape:before { content: "\f459"; } .fa-less:before { content: "\f41d"; } .fa-blogger-b:before { content: "\f37d"; } .fa-opencart:before { content: "\f23d"; } .fa-vine:before { content: "\f1ca"; } .fa-paypal:before { content: "\f1ed"; } .fa-gitlab:before { content: "\f296"; } .fa-typo3:before { content: "\f42b"; } .fa-reddit-alien:before { content: "\f281"; } .fa-yahoo:before { content: "\f19e"; } .fa-dailymotion:before { content: "\e052"; } .fa-affiliatetheme:before { content: "\f36b"; } .fa-pied-piper-pp:before { content: "\f1a7"; } .fa-bootstrap:before { content: "\f836"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-nfc-symbol:before { content: "\e531"; } .fa-ethereum:before { content: "\f42e"; } .fa-speaker-deck:before { content: "\f83c"; } .fa-creative-commons-nc-eu:before { content: "\f4e9"; } .fa-patreon:before { content: "\f3d9"; } .fa-avianex:before { content: "\f374"; } .fa-ello:before { content: "\f5f1"; } .fa-gofore:before { content: "\f3a7"; } .fa-bimobject:before { content: "\f378"; } .fa-facebook-f:before { content: "\f39e"; } .fa-square-google-plus:before { content: "\f0d4"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-mandalorian:before { content: "\f50f"; } .fa-first-order-alt:before { content: "\f50a"; } .fa-osi:before { content: "\f41a"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-d-and-d-beyond:before { content: "\f6ca"; } .fa-periscope:before { content: "\f3da"; } .fa-fulcrum:before { content: "\f50b"; } .fa-cloudscale:before { content: "\f383"; } .fa-forumbee:before { content: "\f211"; } .fa-mizuni:before { content: "\f3cc"; } .fa-schlix:before { content: "\f3ea"; } .fa-square-xing:before { content: "\f169"; } .fa-xing-square:before { content: "\f169"; } .fa-bandcamp:before { content: "\f2d5"; } .fa-wpforms:before { content: "\f298"; } .fa-cloudversify:before { content: "\f385"; } .fa-usps:before { content: "\f7e1"; } .fa-megaport:before { content: "\f5a3"; } .fa-magento:before { content: "\f3c4"; } .fa-spotify:before { content: "\f1bc"; } .fa-optin-monster:before { content: "\f23c"; } .fa-fly:before { content: "\f417"; } .fa-aviato:before { content: "\f421"; } .fa-itunes:before { content: "\f3b4"; } .fa-cuttlefish:before { content: "\f38c"; } .fa-blogger:before { content: "\f37c"; } .fa-flickr:before { content: "\f16e"; } .fa-viber:before { content: "\f409"; } .fa-soundcloud:before { content: "\f1be"; } .fa-digg:before { content: "\f1a6"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-symfony:before { content: "\f83d"; } .fa-maxcdn:before { content: "\f136"; } .fa-etsy:before { content: "\f2d7"; } .fa-facebook-messenger:before { content: "\f39f"; } .fa-audible:before { content: "\f373"; } .fa-think-peaks:before { content: "\f731"; } .fa-bilibili:before { content: "\e3d9"; } .fa-erlang:before { content: "\f39d"; } .fa-cotton-bureau:before { content: "\f89e"; } .fa-dashcube:before { content: "\f210"; } .fa-42-group:before { content: "\e080"; } .fa-innosoft:before { content: "\e080"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-elementor:before { content: "\f430"; } .fa-square-pied-piper:before { content: "\e01e"; } .fa-pied-piper-square:before { content: "\e01e"; } .fa-creative-commons-nd:before { content: "\f4eb"; } .fa-palfed:before { content: "\f3d8"; } .fa-superpowers:before { content: "\f2dd"; } .fa-resolving:before { content: "\f3e7"; } .fa-xbox:before { content: "\f412"; } .fa-searchengin:before { content: "\f3eb"; } .fa-tiktok:before { content: "\e07b"; } .fa-square-facebook:before { content: "\f082"; } .fa-facebook-square:before { content: "\f082"; } .fa-renren:before { content: "\f18b"; } .fa-linux:before { content: "\f17c"; } .fa-glide:before { content: "\f2a5"; } .fa-linkedin:before { content: "\f08c"; } .fa-hubspot:before { content: "\f3b2"; } .fa-deploydog:before { content: "\f38e"; } .fa-twitch:before { content: "\f1e8"; } .fa-ravelry:before { content: "\f2d9"; } .fa-mixer:before { content: "\e056"; } .fa-square-lastfm:before { content: "\f203"; } .fa-lastfm-square:before { content: "\f203"; } .fa-vimeo:before { content: "\f40a"; } .fa-mendeley:before { content: "\f7b3"; } .fa-uniregistry:before { content: "\f404"; } .fa-figma:before { content: "\f799"; } .fa-creative-commons-remix:before { content: "\f4ee"; } .fa-cc-amazon-pay:before { content: "\f42d"; } .fa-dropbox:before { content: "\f16b"; } .fa-instagram:before { content: "\f16d"; } .fa-cmplid:before { content: "\e360"; } .fa-facebook:before { content: "\f09a"; } .fa-gripfire:before { content: "\f3ac"; } .fa-jedi-order:before { content: "\f50e"; } .fa-uikit:before { content: "\f403"; } .fa-fort-awesome-alt:before { content: "\f3a3"; } .fa-phabricator:before { content: "\f3db"; } .fa-ussunnah:before { content: "\f407"; } .fa-earlybirds:before { content: "\f39a"; } .fa-trade-federation:before { content: "\f513"; } .fa-autoprefixer:before { content: "\f41c"; } .fa-whatsapp:before { content: "\f232"; } .fa-slideshare:before { content: "\f1e7"; } .fa-google-play:before { content: "\f3ab"; } .fa-viadeo:before { content: "\f2a9"; } .fa-line:before { content: "\f3c0"; } .fa-google-drive:before { content: "\f3aa"; } .fa-servicestack:before { content: "\f3ec"; } .fa-simplybuilt:before { content: "\f215"; } .fa-bitbucket:before { content: "\f171"; } .fa-imdb:before { content: "\f2d8"; } .fa-deezer:before { content: "\e077"; } .fa-raspberry-pi:before { content: "\f7bb"; } .fa-jira:before { content: "\f7b1"; } .fa-docker:before { content: "\f395"; } .fa-screenpal:before { content: "\e570"; } .fa-bluetooth:before { content: "\f293"; } .fa-gitter:before { content: "\f426"; } .fa-d-and-d:before { content: "\f38d"; } .fa-microblog:before { content: "\e01a"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-gg-circle:before { content: "\f261"; } .fa-pied-piper-hat:before { content: "\f4e5"; } .fa-kickstarter-k:before { content: "\f3bc"; } .fa-yandex:before { content: "\f413"; } .fa-readme:before { content: "\f4d5"; } .fa-html5:before { content: "\f13b"; } .fa-sellsy:before { content: "\f213"; } .fa-sass:before { content: "\f41e"; } .fa-wirsindhandwerk:before { content: "\e2d0"; } .fa-wsh:before { content: "\e2d0"; } .fa-buromobelexperte:before { content: "\f37f"; } .fa-salesforce:before { content: "\f83b"; } .fa-octopus-deploy:before { content: "\e082"; } .fa-medapps:before { content: "\f3c6"; } .fa-ns8:before { content: "\f3d5"; } .fa-pinterest-p:before { content: "\f231"; } .fa-apper:before { content: "\f371"; } .fa-fort-awesome:before { content: "\f286"; } .fa-waze:before { content: "\f83f"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-snapchat:before { content: "\f2ab"; } .fa-snapchat-ghost:before { content: "\f2ab"; } .fa-fantasy-flight-games:before { content: "\f6dc"; } .fa-rust:before { content: "\e07a"; } .fa-wix:before { content: "\f5cf"; } .fa-square-behance:before { content: "\f1b5"; } .fa-behance-square:before { content: "\f1b5"; } .fa-supple:before { content: "\f3f9"; } .fa-rebel:before { content: "\f1d0"; } .fa-css3:before { content: "\f13c"; } .fa-staylinked:before { content: "\f3f5"; } .fa-kaggle:before { content: "\f5fa"; } .fa-space-awesome:before { content: "\e5ac"; } .fa-deviantart:before { content: "\f1bd"; } .fa-cpanel:before { content: "\f388"; } .fa-goodreads-g:before { content: "\f3a9"; } .fa-square-git:before { content: "\f1d2"; } .fa-git-square:before { content: "\f1d2"; } .fa-square-tumblr:before { content: "\f174"; } .fa-tumblr-square:before { content: "\f174"; } .fa-trello:before { content: "\f181"; } .fa-creative-commons-nc-jp:before { content: "\f4ea"; } .fa-get-pocket:before { content: "\f265"; } .fa-perbyte:before { content: "\e083"; } .fa-grunt:before { content: "\f3ad"; } .fa-weebly:before { content: "\f5cc"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-leanpub:before { content: "\f212"; } .fa-black-tie:before { content: "\f27e"; } .fa-themeco:before { content: "\f5c6"; } .fa-python:before { content: "\f3e2"; } .fa-android:before { content: "\f17b"; } .fa-bots:before { content: "\e340"; } .fa-free-code-camp:before { content: "\f2c5"; } .fa-hornbill:before { content: "\f592"; } .fa-js:before { content: "\f3b8"; } .fa-ideal:before { content: "\e013"; } .fa-git:before { content: "\f1d3"; } .fa-dev:before { content: "\f6cc"; } .fa-sketch:before { content: "\f7c6"; } .fa-yandex-international:before { content: "\f414"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-uber:before { content: "\f402"; } .fa-github:before { content: "\f09b"; } .fa-php:before { content: "\f457"; } .fa-alipay:before { content: "\f642"; } .fa-youtube:before { content: "\f167"; } .fa-skyatlas:before { content: "\f216"; } .fa-firefox-browser:before { content: "\e007"; } .fa-replyd:before { content: "\f3e6"; } .fa-suse:before { content: "\f7d6"; } .fa-jenkins:before { content: "\f3b6"; } .fa-twitter:before { content: "\f099"; } .fa-rockrms:before { content: "\f3e9"; } .fa-pinterest:before { content: "\f0d2"; } .fa-buffer:before { content: "\f837"; } .fa-npm:before { content: "\f3d4"; } .fa-yammer:before { content: "\f840"; } .fa-btc:before { content: "\f15a"; } .fa-dribbble:before { content: "\f17d"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-stubber:before { content: "\e5c7"; } .fa-telegram:before { content: "\f2c6"; } .fa-telegram-plane:before { content: "\f2c6"; } .fa-old-republic:before { content: "\f510"; } .fa-odysee:before { content: "\e5c6"; } .fa-square-whatsapp:before { content: "\f40c"; } .fa-whatsapp-square:before { content: "\f40c"; } .fa-node-js:before { content: "\f3d3"; } .fa-edge-legacy:before { content: "\e078"; } .fa-slack:before { content: "\f198"; } .fa-slack-hash:before { content: "\f198"; } .fa-medrt:before { content: "\f3c8"; } .fa-usb:before { content: "\f287"; } .fa-tumblr:before { content: "\f173"; } .fa-vaadin:before { content: "\f408"; } .fa-quora:before { content: "\f2c4"; } .fa-reacteurope:before { content: "\f75d"; } .fa-medium:before { content: "\f23a"; } .fa-medium-m:before { content: "\f23a"; } .fa-amilia:before { content: "\f36d"; } .fa-mixcloud:before { content: "\f289"; } .fa-flipboard:before { content: "\f44d"; } .fa-viacoin:before { content: "\f237"; } .fa-critical-role:before { content: "\f6c9"; } .fa-sitrox:before { content: "\e44a"; } .fa-discourse:before { content: "\f393"; } .fa-joomla:before { content: "\f1aa"; } .fa-mastodon:before { content: "\f4f6"; } .fa-airbnb:before { content: "\f834"; } .fa-wolf-pack-battalion:before { content: "\f514"; } .fa-buy-n-large:before { content: "\f8a6"; } .fa-gulp:before { content: "\f3ae"; } .fa-creative-commons-sampling-plus:before { content: "\f4f1"; } .fa-strava:before { content: "\f428"; } .fa-ember:before { content: "\f423"; } .fa-canadian-maple-leaf:before { content: "\f785"; } .fa-teamspeak:before { content: "\f4f9"; } .fa-pushed:before { content: "\f3e1"; } .fa-wordpress-simple:before { content: "\f411"; } .fa-nutritionix:before { content: "\f3d6"; } .fa-wodu:before { content: "\e088"; } .fa-google-pay:before { content: "\e079"; } .fa-intercom:before { content: "\f7af"; } .fa-zhihu:before { content: "\f63f"; } .fa-korvue:before { content: "\f42f"; } .fa-pix:before { content: "\e43a"; } .fa-steam-symbol:before { content: "\f3f6"; } /* [3. Components ] */ /* * Document : _breadscrumbs.scss * Author : RedStar Template * Description: This scss file for breadscrumbs style classes */ .breadcrumb { border-radius: 0; background-color: transparent; font-size: 12px; margin-bottom: 0px; padding-left: 0px; color: #555; } .breadcrumb:before { content: ""; margin: 0; } .breadcrumb li { display: inline-block; } .breadcrumb li a { color: #444; text-decoration: none; } .breadcrumb li a .fa-home { font-size: 17px; position: relative; top: 0; float: left; padding-right: 3px; } .breadcrumb li .material-icons { font-size: 18px; position: relative; top: 4px; float: none; } .breadcrumb li.active { color: #444444; } .breadcrumb > li + li:before { content: "/" !important; color: #444444; padding-left: 5px; } .breadcrumb .page-title { border-right: 1px solid #c5c5c5; padding-right: 10px; font-size: 23px; font-weight: 600; color: #444444; } .breadcrumb .breadcrumb-item + .breadcrumb-item { padding-top: 0px; } .breadcrumb-col-blue li a { color: #0d6efd !important; font-weight: bold; } .breadcrumb-bg-blue { background-color: #0d6efd !important; } .breadcrumb-bg-blue li { color: #fff !important; } .breadcrumb-bg-blue li a { color: #fff; font-weight: bold; } .breadcrumb-bg-blue li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-blue li + li:before { color: #fff; } .breadcrumb-col-indigo li a { color: #6610f2 !important; font-weight: bold; } .breadcrumb-bg-indigo { background-color: #6610f2 !important; } .breadcrumb-bg-indigo li { color: #fff !important; } .breadcrumb-bg-indigo li a { color: #fff; font-weight: bold; } .breadcrumb-bg-indigo li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-indigo li + li:before { color: #fff; } .breadcrumb-col-purple li a { color: #6f42c1 !important; font-weight: bold; } .breadcrumb-bg-purple { background-color: #6f42c1 !important; } .breadcrumb-bg-purple li { color: #fff !important; } .breadcrumb-bg-purple li a { color: #fff; font-weight: bold; } .breadcrumb-bg-purple li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-purple li + li:before { color: #fff; } .breadcrumb-col-pink li a { color: #d63384 !important; font-weight: bold; } .breadcrumb-bg-pink { background-color: #d63384 !important; } .breadcrumb-bg-pink li { color: #fff !important; } .breadcrumb-bg-pink li a { color: #fff; font-weight: bold; } .breadcrumb-bg-pink li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-pink li + li:before { color: #fff; } .breadcrumb-col-red li a { color: #dc3545 !important; font-weight: bold; } .breadcrumb-bg-red { background-color: #dc3545 !important; } .breadcrumb-bg-red li { color: #fff !important; } .breadcrumb-bg-red li a { color: #fff; font-weight: bold; } .breadcrumb-bg-red li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-red li + li:before { color: #fff; } .breadcrumb-col-orange li a { color: #fd7e14 !important; font-weight: bold; } .breadcrumb-bg-orange { background-color: #fd7e14 !important; } .breadcrumb-bg-orange li { color: #fff !important; } .breadcrumb-bg-orange li a { color: #fff; font-weight: bold; } .breadcrumb-bg-orange li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-orange li + li:before { color: #fff; } .breadcrumb-col-yellow li a { color: #ffc107 !important; font-weight: bold; } .breadcrumb-bg-yellow { background-color: #ffc107 !important; } .breadcrumb-bg-yellow li { color: #fff !important; } .breadcrumb-bg-yellow li a { color: #fff; font-weight: bold; } .breadcrumb-bg-yellow li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-yellow li + li:before { color: #fff; } .breadcrumb-col-green li a { color: #198754 !important; font-weight: bold; } .breadcrumb-bg-green { background-color: #198754 !important; } .breadcrumb-bg-green li { color: #fff !important; } .breadcrumb-bg-green li a { color: #fff; font-weight: bold; } .breadcrumb-bg-green li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-green li + li:before { color: #fff; } .breadcrumb-col-teal li a { color: #20c997 !important; font-weight: bold; } .breadcrumb-bg-teal { background-color: #20c997 !important; } .breadcrumb-bg-teal li { color: #fff !important; } .breadcrumb-bg-teal li a { color: #fff; font-weight: bold; } .breadcrumb-bg-teal li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-teal li + li:before { color: #fff; } .breadcrumb-col-cyan li a { color: #0dcaf0 !important; font-weight: bold; } .breadcrumb-bg-cyan { background-color: #0dcaf0 !important; } .breadcrumb-bg-cyan li { color: #fff !important; } .breadcrumb-bg-cyan li a { color: #fff; font-weight: bold; } .breadcrumb-bg-cyan li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-cyan li + li:before { color: #fff; } .breadcrumb-col-black li a { color: #000 !important; font-weight: bold; } .breadcrumb-bg-black { background-color: #000 !important; } .breadcrumb-bg-black li { color: #fff !important; } .breadcrumb-bg-black li a { color: #fff; font-weight: bold; } .breadcrumb-bg-black li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-black li + li:before { color: #fff; } .breadcrumb-col-white li a { color: #fff !important; font-weight: bold; } .breadcrumb-bg-white { background-color: #fff !important; } .breadcrumb-bg-white li { color: #fff !important; } .breadcrumb-bg-white li a { color: #fff; font-weight: bold; } .breadcrumb-bg-white li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-white li + li:before { color: #fff; } .breadcrumb-col-gray li a { color: #6c757d !important; font-weight: bold; } .breadcrumb-bg-gray { background-color: #6c757d !important; } .breadcrumb-bg-gray li { color: #fff !important; } .breadcrumb-bg-gray li a { color: #fff; font-weight: bold; } .breadcrumb-bg-gray li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-gray li + li:before { color: #fff; } .breadcrumb-col-gray-dark li a { color: #343a40 !important; font-weight: bold; } .breadcrumb-bg-gray-dark { background-color: #343a40 !important; } .breadcrumb-bg-gray-dark li { color: #fff !important; } .breadcrumb-bg-gray-dark li a { color: #fff; font-weight: bold; } .breadcrumb-bg-gray-dark li a .material-icons { padding-bottom: 8px; } .breadcrumb-bg-gray-dark li + li:before { color: #fff; } .breadcrumb-style { border-radius: 30px; /*background: #ffffff; padding-left: 20px !important;*/ } .breadcrumb-chart { display: inline-block; } .breadcrumb-chart .chart-info p { font-size: 12px; } /* * Document : _checkboxradio.scss * Author : RedStar Template * Description: This scss file for checkbox and radio button style classes */ [type=checkbox] + label { padding-left: 26px; height: 25px; line-height: 21px; font-size: 12px; font-weight: normal; vertical-align: middle; } [type=checkbox]:checked + label:before { top: -4px; left: -2px; width: 11px; height: 19px; } [type=checkbox]:checked.chk-col-blue + label:before { border-right: 2px solid #0d6efd; border-bottom: 2px solid #0d6efd; } [type=checkbox]:checked.chk-col-indigo + label:before { border-right: 2px solid #6610f2; border-bottom: 2px solid #6610f2; } [type=checkbox]:checked.chk-col-purple + label:before { border-right: 2px solid #6f42c1; border-bottom: 2px solid #6f42c1; } [type=checkbox]:checked.chk-col-pink + label:before { border-right: 2px solid #d63384; border-bottom: 2px solid #d63384; } [type=checkbox]:checked.chk-col-red + label:before { border-right: 2px solid #dc3545; border-bottom: 2px solid #dc3545; } [type=checkbox]:checked.chk-col-orange + label:before { border-right: 2px solid #fd7e14; border-bottom: 2px solid #fd7e14; } [type=checkbox]:checked.chk-col-yellow + label:before { border-right: 2px solid #ffc107; border-bottom: 2px solid #ffc107; } [type=checkbox]:checked.chk-col-green + label:before { border-right: 2px solid #198754; border-bottom: 2px solid #198754; } [type=checkbox]:checked.chk-col-teal + label:before { border-right: 2px solid #20c997; border-bottom: 2px solid #20c997; } [type=checkbox]:checked.chk-col-cyan + label:before { border-right: 2px solid #0dcaf0; border-bottom: 2px solid #0dcaf0; } [type=checkbox]:checked.chk-col-black + label:before { border-right: 2px solid #000; border-bottom: 2px solid #000; } [type=checkbox]:checked.chk-col-white + label:before { border-right: 2px solid #fff; border-bottom: 2px solid #fff; } [type=checkbox]:checked.chk-col-gray + label:before { border-right: 2px solid #6c757d; border-bottom: 2px solid #6c757d; } [type=checkbox]:checked.chk-col-gray-dark + label:before { border-right: 2px solid #343a40; border-bottom: 2px solid #343a40; } :checked.chk-col-blue + span:after { color: #0d6efd; } :checked.chk-col-indigo + span:after { color: #6610f2; } :checked.chk-col-purple + span:after { color: #6f42c1; } :checked.chk-col-pink + span:after { color: #d63384; } :checked.chk-col-red + span:after { color: #dc3545; } :checked.chk-col-orange + span:after { color: #fd7e14; } :checked.chk-col-yellow + span:after { color: #ffc107; } :checked.chk-col-green + span:after { color: #198754; } :checked.chk-col-teal + span:after { color: #20c997; } :checked.chk-col-cyan + span:after { color: #0dcaf0; } :checked.chk-col-black + span:after { color: #000; } :checked.chk-col-white + span:after { color: #fff; } :checked.chk-col-gray + span:after { color: #6c757d; } :checked.chk-col-gray-dark + span:after { color: #343a40; } [type=checkbox].filled-in:checked + label:after { top: 0; width: 20px; height: 20px; border: 2px solid #26a69a; background-color: #26a69a; z-index: 0; } [type=checkbox].filled-in:checked + label:before { border-right: 2px solid #fff !important; border-bottom: 2px solid #fff !important; } [type=checkbox].filled-in:checked.chk-col-blue + label:after { border: 2px solid #0d6efd; background-color: #0d6efd; } [type=checkbox].filled-in:checked.chk-col-indigo + label:after { border: 2px solid #6610f2; background-color: #6610f2; } [type=checkbox].filled-in:checked.chk-col-purple + label:after { border: 2px solid #6f42c1; background-color: #6f42c1; } [type=checkbox].filled-in:checked.chk-col-pink + label:after { border: 2px solid #d63384; background-color: #d63384; } [type=checkbox].filled-in:checked.chk-col-red + label:after { border: 2px solid #dc3545; background-color: #dc3545; } [type=checkbox].filled-in:checked.chk-col-orange + label:after { border: 2px solid #fd7e14; background-color: #fd7e14; } [type=checkbox].filled-in:checked.chk-col-yellow + label:after { border: 2px solid #ffc107; background-color: #ffc107; } [type=checkbox].filled-in:checked.chk-col-green + label:after { border: 2px solid #198754; background-color: #198754; } [type=checkbox].filled-in:checked.chk-col-teal + label:after { border: 2px solid #20c997; background-color: #20c997; } [type=checkbox].filled-in:checked.chk-col-cyan + label:after { border: 2px solid #0dcaf0; background-color: #0dcaf0; } [type=checkbox].filled-in:checked.chk-col-black + label:after { border: 2px solid #000; background-color: #000; } [type=checkbox].filled-in:checked.chk-col-white + label:after { border: 2px solid #fff; background-color: #fff; } [type=checkbox].filled-in:checked.chk-col-gray + label:after { border: 2px solid #6c757d; background-color: #6c757d; } [type=checkbox].filled-in:checked.chk-col-gray-dark + label:after { border: 2px solid #343a40; background-color: #343a40; } [type=radio]:not(:checked) + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 12px; font-weight: normal; } [type=radio]:checked + label { padding-left: 26px; height: 25px; line-height: 25px; font-size: 12px; font-weight: normal; } [type=radio] + label { vertical-align: middle; } [type=radio].radio-col-blue:checked + label:after { background-color: #0d6efd; border-color: #0d6efd; } [type=radio].radio-col-indigo:checked + label:after { background-color: #6610f2; border-color: #6610f2; } [type=radio].radio-col-purple:checked + label:after { background-color: #6f42c1; border-color: #6f42c1; } [type=radio].radio-col-pink:checked + label:after { background-color: #d63384; border-color: #d63384; } [type=radio].radio-col-red:checked + label:after { background-color: #dc3545; border-color: #dc3545; } [type=radio].radio-col-orange:checked + label:after { background-color: #fd7e14; border-color: #fd7e14; } [type=radio].radio-col-yellow:checked + label:after { background-color: #ffc107; border-color: #ffc107; } [type=radio].radio-col-green:checked + label:after { background-color: #198754; border-color: #198754; } [type=radio].radio-col-teal:checked + label:after { background-color: #20c997; border-color: #20c997; } [type=radio].radio-col-cyan:checked + label:after { background-color: #0dcaf0; border-color: #0dcaf0; } [type=radio].radio-col-black:checked + label:after { background-color: #000; border-color: #000; } [type=radio].radio-col-white:checked + label:after { background-color: #fff; border-color: #fff; } [type=radio].radio-col-gray:checked + label:after { background-color: #6c757d; border-color: #6c757d; } [type=radio].radio-col-gray-dark:checked + label:after { background-color: #343a40; border-color: #343a40; } [type=radio].with-gap.radio-col-blue:checked + label:before { border: 2px solid #0d6efd; } [type=radio].with-gap.radio-col-blue:checked + label:after { background-color: #0d6efd; border: 2px solid #0d6efd; } [type=radio].with-gap.radio-col-indigo:checked + label:before { border: 2px solid #6610f2; } [type=radio].with-gap.radio-col-indigo:checked + label:after { background-color: #6610f2; border: 2px solid #6610f2; } [type=radio].with-gap.radio-col-purple:checked + label:before { border: 2px solid #6f42c1; } [type=radio].with-gap.radio-col-purple:checked + label:after { background-color: #6f42c1; border: 2px solid #6f42c1; } [type=radio].with-gap.radio-col-pink:checked + label:before { border: 2px solid #d63384; } [type=radio].with-gap.radio-col-pink:checked + label:after { background-color: #d63384; border: 2px solid #d63384; } [type=radio].with-gap.radio-col-red:checked + label:before { border: 2px solid #dc3545; } [type=radio].with-gap.radio-col-red:checked + label:after { background-color: #dc3545; border: 2px solid #dc3545; } [type=radio].with-gap.radio-col-orange:checked + label:before { border: 2px solid #fd7e14; } [type=radio].with-gap.radio-col-orange:checked + label:after { background-color: #fd7e14; border: 2px solid #fd7e14; } [type=radio].with-gap.radio-col-yellow:checked + label:before { border: 2px solid #ffc107; } [type=radio].with-gap.radio-col-yellow:checked + label:after { background-color: #ffc107; border: 2px solid #ffc107; } [type=radio].with-gap.radio-col-green:checked + label:before { border: 2px solid #198754; } [type=radio].with-gap.radio-col-green:checked + label:after { background-color: #198754; border: 2px solid #198754; } [type=radio].with-gap.radio-col-teal:checked + label:before { border: 2px solid #20c997; } [type=radio].with-gap.radio-col-teal:checked + label:after { background-color: #20c997; border: 2px solid #20c997; } [type=radio].with-gap.radio-col-cyan:checked + label:before { border: 2px solid #0dcaf0; } [type=radio].with-gap.radio-col-cyan:checked + label:after { background-color: #0dcaf0; border: 2px solid #0dcaf0; } [type=radio].with-gap.radio-col-black:checked + label:before { border: 2px solid #000; } [type=radio].with-gap.radio-col-black:checked + label:after { background-color: #000; border: 2px solid #000; } [type=radio].with-gap.radio-col-white:checked + label:before { border: 2px solid #fff; } [type=radio].with-gap.radio-col-white:checked + label:after { background-color: #fff; border: 2px solid #fff; } [type=radio].with-gap.radio-col-gray:checked + label:before { border: 2px solid #6c757d; } [type=radio].with-gap.radio-col-gray:checked + label:after { background-color: #6c757d; border: 2px solid #6c757d; } [type=radio].with-gap.radio-col-gray-dark:checked + label:before { border: 2px solid #343a40; } [type=radio].with-gap.radio-col-gray-dark:checked + label:after { background-color: #343a40; border: 2px solid #343a40; } /* * Document : _dropdownmenu.scss * Author : RedStar Template * Description: This scss file for dropdown menu style classes */ .dropdown-menu { border-radius: 0; margin-top: -35px !important; margin-left: -15px; box-shadow: 0 5px 15px 2px rgba(64, 70, 74, 0.2) !important; border-radius: 0px; border: none; padding: 0px; } .dropdown-menu .divider { margin: 5px 0; } .dropdown-menu .header { font-size: 12px; font-weight: bold; width: 100%; border-bottom: 1px solid #eee; text-align: center; padding: 4px 0 6px 0; } .dropdown-menu ul.menu { padding-left: 0; } .dropdown-menu ul.menu.tasks h4, .dropdown-menu ul.menu.tasks .h4 { color: #333; font-size: 12px; margin: 0 0 8px 0; } .dropdown-menu ul.menu.tasks h4 small, .dropdown-menu ul.menu.tasks .h4 small, .dropdown-menu ul.menu.tasks h4 .small, .dropdown-menu ul.menu.tasks .h4 .small { float: right; margin-top: 6px; } .dropdown-menu ul.menu.tasks .progress { height: 7px; margin-bottom: 7px; } .dropdown-menu ul.menu .icon-circle { width: 36px; height: 36px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; float: left; } .dropdown-menu ul.menu .icon-circle i { font-size: 18px; line-height: 36px !important; } .dropdown-menu ul.menu .msg-user { width: 44px; height: 44px; border-radius: 50%; color: #fff; text-align: center; display: inline-block; vertical-align: top; float: left; } .dropdown-menu ul.menu .msg-user img { float: left; } .dropdown-menu ul.menu li:last-child { border-bottom: none; } .dropdown-menu ul.menu li a { padding: 11px 11px; text-decoration: none; transition: 0.5s; float: left; width: 100%; border-bottom: 1px solid #eee; } .dropdown-menu ul.menu li a:hover { background-color: #e9e9e9; } .dropdown-menu ul.menu .menu-info { display: inline-block; position: relative; top: 3px; left: 10px; float: left; width: calc(100% - 45px); } .dropdown-menu ul.menu .menu-info h4, .dropdown-menu ul.menu .menu-info .h4, .dropdown-menu ul.menu .menu-info .menu-title { margin: 0; font-size: 12px; color: #333; float: left; width: 100%; line-height: 1; font-weight: bold; } .dropdown-menu ul.menu .menu-info p, .dropdown-menu ul.menu .menu-info .menu-desc { margin: 0; font-size: 11px; color: #aaa; float: left; width: 100%; line-height: 20px; } .dropdown-menu ul.menu .menu-info p .material-icons, .dropdown-menu ul.menu .menu-info .menu-desc .material-icons { font-size: 12px; color: #aaa; position: relative; top: 3px; float: left; margin-right: 3px; height: 20px; } .dropdown-menu .footer a { text-align: center; border-top: 1px solid #eee; padding: 10px 0 5px 0; font-size: 12px; margin-bottom: -5px; color: #ff5e00; font-weight: 500; } .dropdown-menu .footer a:hover { background-color: transparent; } .dropdown-menu > li > a { padding: 7px 18px; color: #666; transition: all 0.5s; font-size: 12px; line-height: 25px; display: block; } .dropdown-menu > li > a:hover { background-color: rgba(0, 0, 0, 0.075); } .dropdown-menu > li > a i.material-icons { float: left; margin-right: 7px; margin-top: 2px; font-size: 20px; } .dropdown-content li > a, .dropdown-content li > span { font-size: 12px; color: #636262; } .dropdown-animated { animation-duration: 0.3s !important; } .dropdown-menu.pull-right.show { position: absolute !important; left: auto !important; right: 0 !important; top: 50px !important; transform: none !important; } /* * Document : _feed.scss * Author : RedStar Template * Description: This scss file for feed style classes */ .feedBody { border-left: 1px solid #d6d6d6; margin-left: 30px; padding-top: 10px; padding-left: 0px; } .col-auto { padding-left: 15px; padding-right: 15px; } .feedLblStyle { font-weight: bold; padding: 0px 7px 0px 7px; border-radius: 10px; } .lblFileStyle { color: red; border: 1px solid red; } .lblTaskStyle { color: #2ed8b6; border: 1px solid #2ed8b6; } .lblCommentStyle { color: #4099ff; border: 1px solid #4099ff; } .lblReplyStyle { color: #f15317; border: 1px solid #f15317; } .feedBody li { position: relative; padding-left: 30px; margin-bottom: 25px; } .feedBody li .feed-user-img { position: absolute; left: -20px; top: -10px; } .feedBody li .feed-user-img img { width: 40px; height: 40px; border-radius: 50%; } .feedBody li.active-feed .feed-user-img:after { border-color: #2ed8b6; } .feedBody li .feed-user-img:after { content: ""; position: absolute; top: 3px; right: 3px; border: 3px solid transparent; border-radius: 50%; } .feedBody li h6, .feedBody li .h6 { line-height: 1.5; cursor: pointer; } .text-muted { color: #96a2b4 !important; margin-bottom: 10px; } .img-100 { width: 100px; } .feedBody li h6, .feedBody li .h6 { line-height: 1.5; cursor: pointer; } .feedBody li.active-feed .feed-user-img:after { border-color: #2ed8b6; } .sl-item { border-left: 1px solid #13b1e0; padding-bottom: 1px; padding-left: 15px; position: relative; } .sl-item:last-child::after { border-radius: 100%; bottom: 0; content: ""; height: 6px; left: -3px; position: absolute; width: 6px; } .sl-item .sl-content i { font-size: 12px; } .sl-item .sl-content small, .sl-item .sl-content .small { position: relative; top: -4px; } .sl-item .sl-content p { padding-bottom: 4px; position: relative; } .sl-item::before { background-color: #13b1e0; border-radius: 100%; content: ""; height: 12px; left: -6.5px; position: absolute; top: 0; width: 12px; } .sl-primary { border-left-color: #2196f3; } .sl-primary:last-child::after { background-color: #2196f3; } .sl-primary::before { background-color: #2196f3; } .sl-danger { border-left-color: #f44336; } .sl-danger:last-child::after { background-color: #f44336; } .sl-danger::before { background-color: #f44336; } .sl-success { border-left-color: #4caf50; } .sl-success:last-child::after { background-color: #4caf50; } .sl-success::before { background-color: #4caf50; } .sl-warning { border-left-color: #ff5722; } .sl-warning:last-child::after { background-color: #ff5722; } .sl-warning::before { background-color: #ff5722; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ .example-form { min-width: 150px; max-width: 500px; width: 100%; } .example-full-width { width: 100%; } .example-h2 { margin: 10px; } .example-section { display: flex; align-content: center; align-items: center; height: 60px; } .example-margin { margin: 0 10px; } .example-radio-group { display: flex; flex-direction: column; margin: 15px 0; } .example-radio-button { margin: 5px; } .advance-validation .error-msg { margin-top: -15px; } .mat-radio-button ~ .mat-radio-button { margin-left: 16px; } .mat-radio-label { margin-bottom: 0px; } .mat-datepicker-content-touch .mat-calendar { width: 50vh !important; height: 57vh !important; } .mat-datepicker-toggle-default-icon { width: 1.4em !important; } .mat-form-field { line-height: 1.225; font-size: 12px !important; } .mat-form-field .date-icon { cursor: pointer; } .mat-form-field-prefix, .mat-form-field-suffix { color: rgba(0, 0, 0, 0.54); } /* * Document : _infobox.scss * Author : RedStar Template * Description: This scss file for info box style classes */ .info-box { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box .icon { display: inline-block; text-align: center; background-color: rgba(0, 0, 0, 0.12); width: 80px; } .info-box .icon i { color: #fff; font-size: 50px; line-height: 80px; } .info-box .icon .chart.chart-bar { height: 100%; line-height: 100px; } .info-box .icon .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-pie { height: 100%; line-height: 123px; } .info-box .icon .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box .icon .chart.chart-line { height: 100%; line-height: 115px; } .info-box .icon .chart.chart-line canvas { vertical-align: baseline !important; } .info-box .content { display: inline-block; padding: 7px 10px; } .info-box .content .text { font-size: 12px; margin-top: 11px; color: #555; } .info-box .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box.hover-zoom-effect .icon { overflow: hidden; } .info-box.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 80px; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box.hover-expand-effect:hover:after { width: 100%; } .info-box-2 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-2 .icon { display: inline-block; text-align: center; width: 80px; } .info-box-2 .icon i { color: #fff; font-size: 50px; line-height: 80px; } .info-box-2 .chart.chart-bar { height: 100%; line-height: 105px; } .info-box-2 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-pie { height: 100%; line-height: 123px; } .info-box-2 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-2 .chart.chart-line { height: 100%; line-height: 115px; } .info-box-2 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-2 .content { display: inline-block; padding: 7px 10px; } .info-box-2 .content .text { font-size: 12px; margin-top: 11px; color: #555; } .info-box-2 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-2.hover-zoom-effect .icon { overflow: hidden; } .info-box-2.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-2.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-2.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-2.hover-expand-effect:hover:after { width: 100%; } .info-box-3 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-3 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-3 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 60px; } .info-box-3 .chart { margin-right: 5px; } .info-box-3 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-3 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-3 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-3 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-3 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-3 .content { display: inline-block; padding: 7px 16px; } .info-box-3 .content .text { font-size: 12px; margin-top: 11px; color: #555; } .info-box-3 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-3.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-3.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-3.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-3.hover-expand-effect:hover:after { width: 100%; } .info-box-4 { box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); height: 80px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; margin-bottom: 30px; } .info-box-4 .icon { position: absolute; right: 10px; bottom: 2px; text-align: center; } .info-box-4 .icon i { color: rgba(0, 0, 0, 0.15); font-size: 60px; } .info-box-4 .chart { margin-right: 5px; } .info-box-4 .chart.chart-bar { height: 100%; line-height: 50px; } .info-box-4 .chart.chart-bar canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-pie { height: 100%; line-height: 34px; } .info-box-4 .chart.chart-pie canvas { vertical-align: baseline !important; } .info-box-4 .chart.chart-line { height: 100%; line-height: 40px; } .info-box-4 .chart.chart-line canvas { vertical-align: baseline !important; } .info-box-4 .content { display: inline-block; padding: 7px 16px; } .info-box-4 .content .text { font-size: 12px; margin-top: 11px; color: #555; } .info-box-4 .content .number { font-weight: normal; font-size: 26px; margin-top: -4px; color: #555; } .info-box-4.hover-zoom-effect .icon i { transition: all 0.3s ease; } .info-box-4.hover-zoom-effect:hover .icon i { opacity: 0.4; transform: rotate(-32deg) scale(1.4); } .info-box-4.hover-expand-effect:after { background-color: rgba(0, 0, 0, 0.05); content: "."; position: absolute; left: 0; top: 0; width: 0; height: 100%; color: transparent; transition: all 0.95s; } .info-box-4.hover-expand-effect:hover:after { width: 100%; } .info-box-new { background: #fff; padding: 20px 20px 0px 20px; color: #463f3f; border-radius: 15px; } .info-box-new .progress { height: 10px; border-radius: 20px; } .support-box { padding: 15px; color: #fff; margin: 8px 0px 25px 0px; border-radius: 10px; min-height: 140px; } .counter-box { padding: 15px; color: #212529; margin: 8px 0px 25px 0px; border-radius: 10px; min-height: 140px; background-color: #ffffff; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); } .info-box1 .text-right h2, .info-box1 .text-right .h2 { color: #44e229; } .info-box2 .text-right h2, .info-box2 .text-right .h2 { color: #e66c2f; } .info-box3 .text-right h2, .info-box3 .text-right .h2 { color: #58b5f5; } .info-box4 .text-right h2, .info-box4 .text-right .h2 { color: #ab92d4; } .info-box5 { width: 100%; box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1); margin-bottom: 25px; padding: 0px 20px 0 20px; border-radius: 25px; height: 110px; display: flex; cursor: default; background-color: #fff; position: relative; overflow: hidden; } .info-box5 small, .info-box5 .small { font-size: 12px; } .info-box5 .progress { background: rgba(0, 0, 0, 0.2); margin: 5px -10px 5px 0; height: 8px; background: #e3e3e3; border-radius: 20px; box-shadow: none; overflow: visible; } .info-box5 .progress .progress-bar { border-radius: 20px; background: #fff; } .info-box5 .knob-icon { margin-top: 16px; } .info-box5 .info-box-content { margin-top: 24px; margin-left: 10px; } .info-box5 .progress-bar { position: relative; animation: animate-positive 4s; line-height: 8px; } .info-box6 { box-shadow: 2px 2px 10px #dadada; margin: 0px 0px 10px 0px; padding: 20px 10px; background-color: #fff; height: 100px; border-radius: 5px; transition: 0.3s linear all; } .info-box6:hover { box-shadow: 4px 4px 20px #dadada; transition: 0.3s linear all; } .info-box6.primary { background-color: #007bff; color: #fff; } .info-box6.danger { background-color: #ef5350; color: #fff; } .info-box6.success { background-color: #66bb6a; color: #fff; } .info-box6.info { background-color: #26c6da; color: #fff; } .info-box6 i { font-size: 5em; opacity: 0.2; } .info-box6 .count-numbers { position: absolute; right: 35px; top: 20px; font-size: 32px; display: block; } .info-box6 .count-name { position: absolute; right: 35px; top: 65px; font-style: italic; text-transform: capitalize; opacity: 0.5; display: block; font-size: 18px; } .bg-c-blue { background: linear-gradient(45deg, #4099ff, #73b4ff); } .bg-c-green { background: linear-gradient(45deg, #2ed8b6, #59e0c5); } .bg-c-yellow { background: linear-gradient(45deg, #ffb64d, #ffcb80); } .bg-c-pink { background: linear-gradient(45deg, #ff5370, #ff869a); } .info-box7 { border-radius: 5px; color: #fff; box-shadow: 0 1px 2.94px 0.06px rgba(4, 26, 55, 0.16); border: none; margin: 0px 0px 10px 0px; transition: all 0.3s ease-in-out; } .info-box7 .info-box7-block { padding: 25px; } .order-info-box7 i { font-size: 26px; } .box-part { background: #fff; border-radius: 10px; padding: 15px 15px; margin: 5px 0 10px; } .infobox-5 .card-icon i { font-size: 4rem; } .card-statistic-4 { position: relative; color: #000000; padding: 15px; border-radius: 3px; overflow: hidden; } .card-statistic-4 .card-icon-large { font-size: 110px; width: 110px; height: 50px; text-shadow: 3px 7px rgba(0, 0, 0, 0.3); } .card-statistic-4 .card-icon { text-align: center; line-height: 50px; margin-left: 15px; color: #000; position: absolute; right: -5px; top: 20px; opacity: 0.1; } .card-statistic-4 .banner-img img { max-width: 100%; float: right; } @keyframes animate-positive { 0% { width: 0; } } /* * Document : _inputformgroup.scss * Author : RedStar Template * Description: This scss file for input form style classes */ label, .form-check { line-height: 1.42857; color: #414244; font-weight: 400; } .input-group { width: 100%; margin-bottom: 20px; } .input-group .form-line { display: inline-block; width: 100%; position: relative; } .input-group .form-line:after { content: ""; position: absolute; left: 0; width: 100%; bottom: 0px; transform: scaleX(0); transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .input-group .form-line + .input-group-addon { padding-right: 0; padding-left: 10px; } .input-group .help-info { float: right; margin-top: 5px; color: #999; } .input-group label.error { display: block; margin-top: 5px; font-weight: normal; color: #f44336; } .input-group .form-line.error:after { border-bottom: 2px solid #f44336; } .input-group .form-line.success:after { border-bottom: 2px solid #4caf50; } .input-group .form-line.warning:after { border-bottom: 2px solid #ffc107; } .input-group .form-line.focused:after { transform: scaleX(1); } .input-group .form-line.focused .form-label { bottom: 25px; left: 0; } .input-group .input-group-addon { border: none; background-color: transparent; padding-left: 0; font-weight: bold; display: table-cell; } .input-group .input-group-addon .material-icons { font-size: 18px; color: #555; } .input-group input[type=text], .input-group .form-control { box-shadow: none; padding-left: 0; margin: 0; } .input-group .form-control:focus { -ms-box-shadow: none !important; box-shadow: none !important; } .input-group.input-group-sm .input-group-addon i { font-size: 14px; } .input-group.input-group-lg .input-group-addon i { font-size: 26px; } .input-field > label:not(.label-icon).active { transform: translateY(-5px) scale(0.8); } .form-control-label { text-align: right; } .form-control-label label { margin-top: 8px; } .form-horizontal .form-group { margin-bottom: 0; } .form-group { width: 100%; margin-bottom: 25px; } .form-group .form-control { width: 100%; /* border: none; */ box-shadow: none; /* border-bottom: 1px solid #9e9e9e;*/ border-radius: 0; padding-left: 0; } .form-group input.form-control { margin: 0; } .form-group .help-info { float: right; margin-top: 5px; color: #999; } .form-group label.error { display: block; margin-top: 5px; font-weight: normal; color: #f44336; } .form-group .form-line { width: 100%; position: relative; } .form-group .form-line:after { content: ""; position: absolute; left: 0; width: 100%; height: 0; bottom: -1px; transform: scaleX(0); transition: 0.25s ease-in; border-bottom: 2px solid #1f91f3; } .form-group .form-line .form-label { font-weight: normal; color: #aaa; position: absolute; top: 10px; left: 0; cursor: text; transition: 0.2s; } .form-group .form-line.error:after { border-bottom: 2px solid #f44336; } .form-group .form-line.success:after { border-bottom: 2px solid #4caf50; } .form-group .form-line.warning:after { border-bottom: 2px solid #ffc107; } .form-group .form-line.focused:after { transform: scaleX(1); } .form-group .form-line.focused .form-label { top: -10px; left: 0; } .form-group-sm .form-line.focused .form-label { bottom: 20px; } .form-group-lg .form-line.focused .form-label { bottom: 35px; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: transparent; } .caret { display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle; border-top: 4px dashed; border-top: 4px solid \9 ; border-right: 4px solid transparent; border-left: 4px solid transparent; } .show > .dropdown-menu { display: block; } .spinner .input-group-addon { /*position: relative;*/ position: absolute; top: 10px; right: 0; } .spinner .input-group-addon .spin-up i { position: absolute; left: 0; } .spinner .input-group-addon .spin-down i { position: absolute; left: 0; bottom: -15px; } .bootstrap-select .btn { color: #333; } .input-group-addon, .input-group-btn, .input-group .form-control { display: table-cell; } .form-check { margin-bottom: 0.5rem; padding-left: 0; } .form-check .form-check-label { cursor: pointer; padding-left: 25px; position: relative; padding-right: 15px; } .form-check .form-check-label span { display: block; position: absolute; left: -1px; top: -1px; transition-duration: 0.2s; padding-left: 0; } .form-check .form-check-input { opacity: 0; height: 0; width: 0; overflow: hidden; position: absolute; margin: 0; z-index: -1; left: 0; pointer-events: none; } .form-check .form-check-input:checked + .form-check-sign:before { animation: rippleOn 0.5s; } .form-check .form-check-input:checked + .form-check-sign .check { background: #9c27b0; } .form-check .form-check-input:checked + .form-check-sign .check:before { color: #ffffff; box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px; animation: checkboxOn 0.3s forwards; } .form-check .form-check-sign { vertical-align: middle; position: relative; top: -2px; float: left; padding-right: 10px; display: inline-block; } .form-check .form-check-sign:before { display: block; position: absolute; left: 0; content: ""; background-color: rgba(0, 0, 0, 0.84); height: 20px; width: 20px; border-radius: 100%; z-index: 1; opacity: 0; margin: 0; top: 0; transform: scale3d(2.3, 2.3, 1); } .form-check .form-check-sign .check { position: relative; display: inline-block; width: 20px; height: 20px; border: 1px solid rgba(0, 0, 0, 0.54); overflow: hidden; z-index: 1; border-radius: 3px; } .form-check .form-check-sign .check:before { position: absolute; content: ""; transform: rotate(45deg); display: block; margin-top: -3px; margin-left: 7px; width: 0; color: #ffffff; height: 0; animation: checkboxOff 0.3s forwards; } .default-select select { width: 100px; appearance: none; } .default-select .select-wrapper input.select-dropdown { display: none; } /* * Document : _labels.scss * Author : RedStar Template * Description: This scss file for label style classes */ .label { border-radius: 10px; padding: 2px 10px; color: #fff; display: inline-block; } .label-default { background-color: #777; } .label-primary { background-color: #1f91f3; } .label-success { background-color: #2b982b; } .label-info { background-color: #00b0e4; } .label-warning { background-color: #ff9600; } .label-danger { background-color: #fb483a; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /* * Document : _leftsidebaroverlay.scss * Author : RedStar Template * Description: This scss file for left side bar style classes */ .overlay { position: fixed; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.5); z-index: 10; } .overlay-open .sidebar { margin-left: 0; z-index: 99999999; } .sidebar { transition: all 0.5s; font-family: "Inter", sans-serif; background: #ffffff; width: 249px; overflow: hidden; display: inline-block; height: calc(100vh - 60px); position: fixed; top: 60px; left: 0; border-right: 1px solid #f2f4f9; box-shadow: 0 8px 10px 0 rgba(183, 192, 206, 0.2); z-index: 999 !important; } .sidebar .user-info { padding: 13px 15px 12px 15px; white-space: nowrap; position: relative; border-bottom: 1px solid #e9e9e9; height: 135px; } .sidebar .user-info .image { margin-right: 12px; display: inline-block; } .sidebar .user-info .image img { border-radius: 50%; vertical-align: bottom !important; } .sidebar .user-info .info-container { cursor: default; display: block; position: relative; top: 25px; } .sidebar .user-info .info-container .name { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 200px; color: #fff; } .sidebar .user-info .info-container .email { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; max-width: 200px; color: #fff; } .sidebar .user-info .info-container .user-helper-dropdown { position: absolute; right: -3px; bottom: -12px; -ms-box-shadow: none; box-shadow: none; cursor: pointer; color: #fff; } .sidebar .menu { position: relative; overflow-y: auto; height: 100vh; } .sidebar .menu .list { list-style: none; padding-left: 0; } .sidebar .menu .list li { margin-bottom: 0.2em; margin-top: 0.2em; } .sidebar .menu .list li.active .menu-top { background-color: #f0f3fb; } .sidebar .menu .list li.active > :first-child span { font-weight: 500; } .sidebar .menu .list .header { font-weight: 600; margin: 15px 0px 5px 33px; text-transform: uppercase; letter-spacing: 0.5px; color: #8d8d8e; } .sidebar .menu .list i.material-icons { font-size: 15px; } .sidebar .menu .list i.fas { font-size: 15px; } .sidebar .menu .list i.far { font-size: 15px; } .sidebar .menu .list i.fab { font-size: 15px; } .sidebar .menu .list i.fa { font-size: 15px; } .sidebar .menu .list .tooltips .sidebarQuickIcon { font-size: 18px; margin-top: 10px; } .sidebar .menu .list .active .menu-toggle { background: rgba(146, 144, 144, 0.28); } .sidebar .menu .list .active .ml-menu { display: block; line-height: 2rem; } .sidebar .menu .list .active .ml-sub-menu { display: block; } .sidebar .menu .list .menu-toggle:after, .sidebar .menu .list .menu-toggle:before { position: absolute; top: calc(50% - 5px); right: 17px; font-size: 19px; transform: scale(0); transition: all 0.3s; } .sidebar .menu .list .menu-toggle:before { content: "+"; transform: scale(1); } .sidebar .menu .list .menu-toggle:after { content: "–"; transform: scale(0); } .sidebar .menu .list .material-icons-two-tone { vertical-align: middle; filter: invert(43%) sepia(4%) saturate(19%) hue-rotate(342deg) brightness(94%) contrast(88%); } .sidebar .menu .list .active .menu-toggle:before { transform: scale(0); } .sidebar .menu .list .active .menu-toggle:after { transform: scale(1); } .sidebar .menu .list .ml-sub-menu:after, .sidebar .menu .list .ml-sub-menu:before { position: absolute; top: calc(50% - 13px); right: 17px; font-size: 19px; transform: scale(0); transition: all 0.3s; } .sidebar .menu .list .ml-sub-menu:before { content: "+"; transform: scale(1); } .sidebar .menu .list .ml-sub-menu:after { content: "–"; transform: scale(0); } .sidebar .menu .list .activeSub .ml-sub-menu:before { transform: scale(0); } .sidebar .menu .list .activeSub .ml-sub-menu:after { transform: scale(1); } .sidebar .menu .list a { color: #000000; position: relative; display: flex; overflow: hidden; line-height: 1rem; cursor: pointer; padding: 4px 9px 4px 9px; margin: 0px 9px 0px 9px; border-radius: 0.3rem; } .sidebar .menu .list a:hover, .sidebar .menu .list a:active { text-decoration: none !important; background-color: #f0f3fb; } .sidebar .menu .list a small, .sidebar .menu .list a .small { position: absolute; top: calc(50% - 7.5px); right: 15px; } .sidebar .menu .list a span { margin: 7px 0 7px 12px; color: #333; overflow: hidden; } .sidebar .menu .list .ml-menu { list-style: none; display: none; padding-left: 0; } .sidebar .menu .list .ml-menu span { font-weight: normal; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu li a { padding-left: 33px; padding-top: 0px; padding-bottom: 0px; } .sidebar .menu .list .ml-menu li.active a.toggled:not(.menu-toggle):before { content: ""; display: block; width: 7px; height: 7px; border-radius: 50%; position: absolute; left: 18%; top: 50%; transform: translate(-10px, -50%); opacity: 1; transition: all 0.2s ease; } .sidebar .menu .list .ml-menu li.active a:before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-size: 11px; display: block; width: 7px; height: 7px; position: absolute; left: 10%; font-weight: 900; top: calc(50% - 15px); } .sidebar .menu .list .ml-menu li.active .ml-menu-2 { display: block; } .sidebar .menu .list .ml-menu li .ml-menu li a { padding-left: 80px; } .sidebar .menu .list .ml-menu li .ml-menu .ml-menu li a { padding-left: 95px; } .sidebar .menu .list .ml-menu .activeSub .ml-menu-2 { display: block; } .sidebar .menu .list .ml-menu-2 { list-style: none; display: none; padding-left: 0; } .sidebar .menu .list .ml-menu-2 span { font-weight: normal; margin: 3px 0 1px 6px; } .sidebar .menu .list .ml-menu-2 li a { padding-left: 65px; padding-top: 4px; padding-bottom: 4px; } .sidebar .sidebar-badge { position: absolute; right: 35px; padding: 3px 6px; margin-top: 5px !important; border-radius: 15px; color: #ffffff !important; font-size: 12px !important; border: none; font-weight: 300 !important; } .right-sidebar { width: 280px; height: calc(100vh - 60px); position: fixed; right: -300px; top: 60px; background: #fdfdfd; z-index: 999 !important; -ms-box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); box-shadow: -2px 2px 5px rgba(0, 0, 0, 0.1); overflow: hidden; transition: 0.5s; } .right-sidebar.open { right: 0; } .right-sidebar .nav-tabs { font-weight: 600; width: 100%; margin-left: 2px; } .right-sidebar .nav-tabs li { text-align: center; } .right-sidebar .nav-tabs li > a { margin-right: 0; } .right-sidebar .nav-tabs li:first-child { width: 45%; } .right-sidebar .nav-tabs li:last-child { width: 55%; } .right-sidebar .rightSidebarClose { position: absolute; top: 8px; left: 8px; z-index: 99; cursor: pointer; } .boxed-layout .sidebar { left: auto; } .boxed-layout.side-closed .sidebar { left: 0; } .horizontal-menu { width: 100%; text-align: center; } .top-sidebar { float: left; width: 100%; position: fixed; z-index: 9; top: 60px; background-color: #ffffff; -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .top-sidebar ul.horizontal-list { overflow: visible !important; margin: 0; display: inline-block; height: 60px; } .top-sidebar ul.horizontal-list a { color: #747474; float: left; width: 100%; } .top-sidebar ul.horizontal-list li { float: left; position: relative; padding: 20px 20px; } .top-sidebar ul.horizontal-list li:hover > ul { display: block !important; position: absolute; top: 63px; background-color: #fff; border-radius: 5px; z-index: 9; -ms-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3); } .top-sidebar ul.horizontal-list li:hover > ul:after { position: absolute; bottom: 100%; left: 1.8rem; width: 0; height: 0; margin-left: -16px; content: " "; pointer-events: none; border: solid transparent; border-width: 9px; border-color: rgba(136, 183, 213, 0); border-bottom-color: #fff; } .top-sidebar ul.horizontal-list li:hover > ul:before { position: absolute; bottom: 100%; left: 1.8rem; width: 0; height: 0; margin-left: -16px; content: " "; pointer-events: none; border: solid transparent; border-width: 9px; border-color: rgba(136, 183, 213, 0); border-bottom-color: #ad5454; } .top-sidebar ul.horizontal-list li:hover > ul.mega-ml-menu { position: relative; top: 0; } .top-sidebar ul.horizontal-list li ul li { width: 100%; padding: 10px 15px; text-align: left; } .top-sidebar ul.horizontal-list ul.ml-menu { display: none !important; width: 200px; } .top-sidebar ul.horizontal-list ul.ml-menu li:hover ul { top: 0; left: 100%; } .top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle { position: relative; } .top-sidebar ul.horizontal-list ul.ml-menu .menu-toggle:after { content: "‣"; position: absolute; right: 0; font-size: 25px; top: 0; line-height: 22px; } .top-sidebar ul.horizontal-list i.material-icons { margin-top: 1px; margin-right: 3px; float: left; font-size: 20px; } .top-sidebar .slimScrollDiv { overflow: visible !important; } .menu_dark .sidebar { background: #1a202e; border-right: 1px solid #2f3a44; font-weight: 500; } .menu_dark .sidebar .menu .list a { color: #fff; align-items: center; display: flex; line-height: 1rem; cursor: pointer; } .menu_dark .sidebar .menu .list a span { color: #fff; } .menu_dark .sidebar .menu .list a:hover { background-color: rgba(55, 127, 181, 0.3215686275) !important; } .menu_dark .sidebar .menu .list .header { background: transparent; color: #9babf1; font-weight: 600; margin: 15px 0px 5px 33px; text-transform: uppercase; letter-spacing: 0.5px; } .menu_dark .sidebar .menu .list .active .menu-toggle { background-color: rgba(29, 117, 184, 0.7882352941); } .menu_dark .sidebar .menu .list .menu-toggle::after { color: #b8babb; } .menu_dark .sidebar .menu .list .menu-toggle::before { color: #b8babb; } .menu_dark .sidebar .menu .list .material-icons-two-tone { filter: invert(86%) sepia(3%) saturate(2995%) hue-rotate(185deg) brightness(79%) contrast(78%); } .menu_dark .sidebar .menu .list .ml-menu li a { color: #fff; } .menu_dark .sidebar .menu .list li.active .menu-top { background-color: rgba(29, 117, 184, 0.8509803922); } .menu_dark .sidebar .menu .list .ml-menu .active a::before { content: "\f068"; font-family: "Font Awesome 5 Free"; font-size: 11px; display: block; width: 7px; height: 7px; position: absolute; left: 10%; font-weight: 900; } .menu_dark .sidebar-userpic-name { color: #e6e6e6; } .menu_dark .profile-usertitle-job { color: #e6e6e6; } .user-panel { float: left; width: 100%; color: #ccc; padding: 25px 0px 10px 0; } .user-panel .image { width: 35%; max-width: 75px; margin: 0 auto; } .user-panel .image img { max-width: 100%; } .user-img-circle { background: #fff; z-index: 1000; position: inherit; padding: 2px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2); } .img-circle { border-radius: 15%; } .profile-usertitle { text-align: center; color: #060606; } .profile-usertitle-job { font-size: 11px; color: #000000; } .sidebar-userpic-btn { display: flex; place-content: space-around; margin: auto; line-height: 2rem; padding: 9px 9px 9px 9px; margin: 8px 13px 0px 13px; } .sidebar-userpic-btn a { padding: 0px !important; margin: 0px !important; height: 30px; width: 30px; } .sidebar-userpic-btn a:hover { cursor: pointer; } .sidebar-userpic-btn a .mat-button-wrapper { margin-left: 0px !important; } .sidebar-userpic-btn a:hover { background-color: transparent !important; } .collapse.in { display: block; list-style-type: none; } /* * Document : _navbar.scss * Author : RedStar Template * Description: This scss file for navbar style classes */ .navbar { font-family: "Inter", sans-serif; border-radius: 0; box-shadow: none; border: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; padding: 0; } .navbar .navbar-brand { white-space: nowrap; -ms-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } .navbar .navbar-custom-right-menu { float: right; } .navbar .navbar-toggle { text-decoration: none; color: #fff; width: 20px; height: 20px; margin-top: -7px; line-height: 60px; margin-right: 17px; } .navbar .navbar-toggle:before { content: "\e8d5"; font-family: "Material Icons"; font-size: 26px; } .navbar .navbar-collapse.in { overflow: visible; } .navbar .nav.navbar-nav { display: block; } .navbar .container-fluid, .navbar .container-sm, .navbar .container-md, .navbar .container-lg, .navbar .container-xl, .navbar .container-xxl, .navbar .container { display: block; } .navbar .dropdown-menu ul.menu li { width: 100%; } .navbar .nav-left-menu { margin: 3px 15px; } .navbar .collapse-menu-icon { margin-bottom: 0px; line-height: 60px; padding-left: 35px; } .ls-closed .sidebar { margin-left: -300px; } .ls-closed section.content { margin-left: 15px; } .ls-closed .bars:after, .ls-closed .bars:before { font-family: "Material Icons"; font-size: 24px; position: absolute; left: 10px; top: 0px; line-height: 60px; margin-right: 10px; transform: scale(0); transition: all 0.3s; } .ls-closed .bars:before { content: "\e5d2"; transform: scale(1); } .ls-closed .navbar-brand { margin-left: 30px; } .overlay-open .bars:before { transform: scale(0); } .overlay-open .bars:after { transform: scale(1); } .overlay-open.ls-closed .sidebar { margin-left: 0; } .navbar-header { padding: 8px; background-color: #000; width: 260px; transition: all 0.5s; } .navbar-header .bars { float: left; text-decoration: none; } .navbar-icon { list-style-type: none; padding-left: 20px; } .logo-name { color: white; font-size: 24px; font-weight: 400; } .navbar-nav > li > a { padding: 7px 7px 2px 7px; margin-top: 14px; margin-left: 5px; } .navbar-nav > li .js-right-sidebar { margin-right: 20px; } .navbar-nav.navbar-right { float: right !important; margin-right: -15px; line-height: 60px; } .navbar-nav .dropdown-menu { margin-top: 60px !important; width: 325px; right: 0; left: auto; position: absolute !important; top: 0; padding: 0; border-radius: 5px; } .navbar-nav .dropdown-menu::before { content: ""; position: absolute; top: -7px; right: 19px; display: inline-block !important; border-right: 7px solid transparent; border-bottom: 7px solid #eee; border-left: 7px solid transparent; border-bottom-color: rgba(0, 0, 0, 0.2); } .navbar-nav .dropdown-menu::after { content: ""; position: absolute; top: -6px; right: 20px; display: inline-block !important; border-right: 6px solid transparent; border-bottom: 6px solid #fff; border-left: 6px solid transparent; } .navbar-nav .dropdown-menu ul.menu .menu-info p { line-height: 1; } .navbar-nav .dropdown-menu ul.menu .menu-info p .material-icons { display: inline-block; } .navbar-nav .dropdown-menu li.footer { width: 100%; height: 45px; } .navbar-nav .dropdown-menu .header { line-height: 2; } .navbar-nav .material-icons { line-height: 1; height: 24px; } .navbar-nav .fas { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .far { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .fab { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .fa { line-height: 1; height: 24px; font-size: 18px; } .navbar-nav .user_profile .user_dw_menu { list-style-type: none; padding-left: 0px; } .navbar-nav .user_profile .user_dw_menu li { width: 100%; border-bottom: 1px solid #eee; height: 45px; } .navbar-nav .user_profile .user_dw_menu li a { line-height: 24px; color: #333333; padding: 8px 15px; display: inline-flex; } .navbar-nav .user_profile .user_dw_menu li i { float: left; padding-right: 5px; } .navbar-nav .user_profile .user_dw_menu li:last-child { border-bottom: 0; } .navbar-nav .user_profile .dropdown-menu { width: 200px; right: -10px; } .nav-notification-icons:after { display: none; } .notification-dropdown li a { border-bottom: 0px !important; } .label-count { position: absolute; top: 5px; right: 10px; font-size: 10px; line-height: 15px; background-color: #000; padding: 3px 3px; border-radius: 3px; } .navbar-brand { float: left; height: 45px; padding: 6px 25px; font-size: 18px; line-height: 20px; text-align: center; width: 100%; } .navbar-brand img { /*float: left;*/ vertical-align: top; } .navbar-brand span { line-height: 32px; padding-left: 10px; } .navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } .collapse { display: none; } .navbar-nav { margin: 0px -15px; } .navbar-nav > li > a { padding-top: 10px; padding-bottom: 10px; line-height: 20px; } .nav { padding-left: 0; margin-bottom: 0; list-style: none; } .nav > li { position: relative; display: block; } .nav > li > a { position: relative; display: block; padding: 10px 11px; } nav.navbar { min-height: 60px; } .col-blue .navbar .navbar-brand, .col-blue .navbar .navbar-brand:hover, .col-blue .navbar .navbar-brand:active, .col-blue .navbar .navbar-brand:focus { color: #fff; } .col-blue .navbar .nav > li > a:hover, .col-blue .navbar .nav > li > a:focus, .col-blue .navbar .nav .open > a, .col-blue .navbar .nav .open > a:hover, .col-blue .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-blue .navbar .nav > li > a { color: #fff; } .col-blue .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-blue .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-indigo .navbar .navbar-brand, .col-indigo .navbar .navbar-brand:hover, .col-indigo .navbar .navbar-brand:active, .col-indigo .navbar .navbar-brand:focus { color: #fff; } .col-indigo .navbar .nav > li > a:hover, .col-indigo .navbar .nav > li > a:focus, .col-indigo .navbar .nav .open > a, .col-indigo .navbar .nav .open > a:hover, .col-indigo .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-indigo .navbar .nav > li > a { color: #fff; } .col-indigo .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-indigo .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-purple .navbar .navbar-brand, .col-purple .navbar .navbar-brand:hover, .col-purple .navbar .navbar-brand:active, .col-purple .navbar .navbar-brand:focus { color: #fff; } .col-purple .navbar .nav > li > a:hover, .col-purple .navbar .nav > li > a:focus, .col-purple .navbar .nav .open > a, .col-purple .navbar .nav .open > a:hover, .col-purple .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-purple .navbar .nav > li > a { color: #fff; } .col-purple .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-purple .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-pink .navbar .navbar-brand, .col-pink .navbar .navbar-brand:hover, .col-pink .navbar .navbar-brand:active, .col-pink .navbar .navbar-brand:focus { color: #fff; } .col-pink .navbar .nav > li > a:hover, .col-pink .navbar .nav > li > a:focus, .col-pink .navbar .nav .open > a, .col-pink .navbar .nav .open > a:hover, .col-pink .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-pink .navbar .nav > li > a { color: #fff; } .col-pink .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-pink .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-red .navbar .navbar-brand, .col-red .navbar .navbar-brand:hover, .col-red .navbar .navbar-brand:active, .col-red .navbar .navbar-brand:focus { color: #fff; } .col-red .navbar .nav > li > a:hover, .col-red .navbar .nav > li > a:focus, .col-red .navbar .nav .open > a, .col-red .navbar .nav .open > a:hover, .col-red .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-red .navbar .nav > li > a { color: #fff; } .col-red .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-red .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-orange .navbar .navbar-brand, .col-orange .navbar .navbar-brand:hover, .col-orange .navbar .navbar-brand:active, .col-orange .navbar .navbar-brand:focus { color: #fff; } .col-orange .navbar .nav > li > a:hover, .col-orange .navbar .nav > li > a:focus, .col-orange .navbar .nav .open > a, .col-orange .navbar .nav .open > a:hover, .col-orange .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-orange .navbar .nav > li > a { color: #fff; } .col-orange .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-orange .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-yellow .navbar .navbar-brand, .col-yellow .navbar .navbar-brand:hover, .col-yellow .navbar .navbar-brand:active, .col-yellow .navbar .navbar-brand:focus { color: #fff; } .col-yellow .navbar .nav > li > a:hover, .col-yellow .navbar .nav > li > a:focus, .col-yellow .navbar .nav .open > a, .col-yellow .navbar .nav .open > a:hover, .col-yellow .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-yellow .navbar .nav > li > a { color: #fff; } .col-yellow .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-yellow .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-green .navbar .navbar-brand, .col-green .navbar .navbar-brand:hover, .col-green .navbar .navbar-brand:active, .col-green .navbar .navbar-brand:focus { color: #fff; } .col-green .navbar .nav > li > a:hover, .col-green .navbar .nav > li > a:focus, .col-green .navbar .nav .open > a, .col-green .navbar .nav .open > a:hover, .col-green .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-green .navbar .nav > li > a { color: #fff; } .col-green .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-green .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-teal .navbar .navbar-brand, .col-teal .navbar .navbar-brand:hover, .col-teal .navbar .navbar-brand:active, .col-teal .navbar .navbar-brand:focus { color: #fff; } .col-teal .navbar .nav > li > a:hover, .col-teal .navbar .nav > li > a:focus, .col-teal .navbar .nav .open > a, .col-teal .navbar .nav .open > a:hover, .col-teal .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-teal .navbar .nav > li > a { color: #fff; } .col-teal .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-teal .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-cyan .navbar .navbar-brand, .col-cyan .navbar .navbar-brand:hover, .col-cyan .navbar .navbar-brand:active, .col-cyan .navbar .navbar-brand:focus { color: #fff; } .col-cyan .navbar .nav > li > a:hover, .col-cyan .navbar .nav > li > a:focus, .col-cyan .navbar .nav .open > a, .col-cyan .navbar .nav .open > a:hover, .col-cyan .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-cyan .navbar .nav > li > a { color: #fff; } .col-cyan .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-cyan .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-black .navbar .navbar-brand, .col-black .navbar .navbar-brand:hover, .col-black .navbar .navbar-brand:active, .col-black .navbar .navbar-brand:focus { color: #fff; } .col-black .navbar .nav > li > a:hover, .col-black .navbar .nav > li > a:focus, .col-black .navbar .nav .open > a, .col-black .navbar .nav .open > a:hover, .col-black .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-black .navbar .nav > li > a { color: #fff; } .col-black .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-black .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-white .navbar .navbar-brand, .col-white .navbar .navbar-brand:hover, .col-white .navbar .navbar-brand:active, .col-white .navbar .navbar-brand:focus { color: #fff; } .col-white .navbar .nav > li > a:hover, .col-white .navbar .nav > li > a:focus, .col-white .navbar .nav .open > a, .col-white .navbar .nav .open > a:hover, .col-white .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-white .navbar .nav > li > a { color: #fff; } .col-white .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-white .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-gray .navbar .navbar-brand, .col-gray .navbar .navbar-brand:hover, .col-gray .navbar .navbar-brand:active, .col-gray .navbar .navbar-brand:focus { color: #fff; } .col-gray .navbar .nav > li > a:hover, .col-gray .navbar .nav > li > a:focus, .col-gray .navbar .nav .open > a, .col-gray .navbar .nav .open > a:hover, .col-gray .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-gray .navbar .nav > li > a { color: #fff; } .col-gray .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-gray .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .col-gray-dark .navbar .navbar-brand, .col-gray-dark .navbar .navbar-brand:hover, .col-gray-dark .navbar .navbar-brand:active, .col-gray-dark .navbar .navbar-brand:focus { color: #fff; } .col-gray-dark .navbar .nav > li > a:hover, .col-gray-dark .navbar .nav > li > a:focus, .col-gray-dark .navbar .nav .open > a, .col-gray-dark .navbar .nav .open > a:hover, .col-gray-dark .navbar .nav .open > a:focus { background-color: rgba(0, 0, 0, 0.05); } .col-gray-dark .navbar .nav > li > a { color: #fff; } .col-gray-dark .navbar .bars { float: left; padding: 10px 20px; font-size: 22px; color: #fff; margin-right: 10px; margin-left: -10px; margin-top: 4px; } .col-gray-dark .navbar .bars:hover { background-color: rgba(0, 0, 0, 0.08); } .side-closed .sidebar { /*margin-left: -300px;*/ width: 60px; } .side-closed .sidebar .menu .list li .menu-toggle:before, .side-closed .sidebar .menu .list li .menu-toggle:after { content: ""; } .side-closed .sidebar .menu .list li span { display: none; } .side-closed .sidebar .menu .list li a { line-height: 1rem; padding: 9px 5px; } .side-closed .sidebar .menu .list li a:before, .side-closed .sidebar .menu .list li a:after { top: calc(50% - 7px); } .side-closed.submenu-closed .sidebar .menu .list li .ml-menu, .side-closed.submenu-closed .sidebar .menu .list .header { display: none !important; } .side-closed.submenu-closed .navbar-header { width: 60px; } .side-closed.submenu-closed .navbar-header .navbar-brand { padding-right: 0; padding-left: 0; margin: 0; } .side-closed.submenu-closed .navbar-header .navbar-brand span { display: none; } .side-closed.submenu-closed .sidebar-user-panel { display: none; } .side-closed section.content { margin-left: 68px; } .side-closed .navbar-brand { margin-left: 30px; } .side-closed.side-closed-hover .sidebar { width: 200px; } .side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:before { content: "+"; } .side-closed.side-closed-hover .sidebar .menu .list li .menu-toggle:after { content: "–"; } .side-closed.side-closed-hover .sidebar .menu .list li span { display: block; float: left; } .side-closed.side-closed-hover .sidebar .menu .list li a { padding: 9px 9px 9px 18px; } .side-closed.side-closed-hover .sidebar .menu .list li i { float: left; line-height: 2rem; } .side-closed.side-closed-hover .sidebar .menu .list .ml-menu li a { padding-left: 37px; padding-top: 7px; padding-bottom: 7px; line-height: 1rem; } .side-closed.side-closed-hover section.content { margin-left: 208px; } .sidemenu-collapse { height: 50px; padding: 0px 20px 0px 44px; } .sidemenu-collapse:hover { text-decoration: none; color: #fff; background-color: transparent; } .sidemenu-collapse .fas { line-height: 1; height: 24px; font-size: 18px; color: #3a2c70; } .boxed-layout .container > .navbar-header { margin-left: 0; } /* * Document : _navtabs.scss * Author : RedStar Template * Description: This scss file for navbar tabs style classes */ .nav-tabs { border-bottom: 2px solid #eee; } .nav-tabs > li { position: relative; top: 3px; left: -2px; } .nav-tabs > li > a { border: none !important; color: #999 !important; border-radius: 0; } .nav-tabs > li > a:hover, .nav-tabs > li > a:active, .nav-tabs > li > a:focus { background-color: transparent !important; } .nav-tabs > li > a:before { content: ""; position: absolute; left: 0; width: 100%; height: 0; border-bottom: 2px solid #2196f3; bottom: 2px; transform: scaleX(0); transition: 0.1s ease-in; } .nav-tabs > li > a .material-icons { position: relative; top: 7px; margin-bottom: 8px; } .nav-tabs li a.active { color: #222 !important; } .nav-tabs li a.active:hover, .nav-tabs li a.active:active, .nav-tabs li a.active:focus { background-color: transparent !important; } .nav-tabs li a.active:before { transform: scaleX(1); } .nav-tabs + .tab-content { padding: 15px 0; } .nav-tabs.tab-col-blue > li > a:before { border-bottom: 2px solid #0d6efd; } .nav-tabs.tab-col-indigo > li > a:before { border-bottom: 2px solid #6610f2; } .nav-tabs.tab-col-purple > li > a:before { border-bottom: 2px solid #6f42c1; } .nav-tabs.tab-col-pink > li > a:before { border-bottom: 2px solid #d63384; } .nav-tabs.tab-col-red > li > a:before { border-bottom: 2px solid #dc3545; } .nav-tabs.tab-col-orange > li > a:before { border-bottom: 2px solid #fd7e14; } .nav-tabs.tab-col-yellow > li > a:before { border-bottom: 2px solid #ffc107; } .nav-tabs.tab-col-green > li > a:before { border-bottom: 2px solid #198754; } .nav-tabs.tab-col-teal > li > a:before { border-bottom: 2px solid #20c997; } .nav-tabs.tab-col-cyan > li > a:before { border-bottom: 2px solid #0dcaf0; } .nav-tabs.tab-col-black > li > a:before { border-bottom: 2px solid #000; } .nav-tabs.tab-col-white > li > a:before { border-bottom: 2px solid #fff; } .nav-tabs.tab-col-gray > li > a:before { border-bottom: 2px solid #6c757d; } .nav-tabs.tab-col-gray-dark > li > a:before { border-bottom: 2px solid #343a40; } .notice-board { display: flex; align-items: flex-start; } .notice-board .notice-body { font-size: 12px; padding: 0px 0px 5px 10px; } .notice-board .notice-body p { margin-bottom: 0px; } .notice-board .notice-body .notice-heading { margin: 5px 0px 0px 0px; } .rightSetting { padding: 20px 25px 0px 25px; } .rightSetting p { font-weight: bold; margin: 0; border-bottom: 1px solid #eee; font-size: 12px; text-align: left; } .rightSetting .mat-button-toggle-checked { background-color: #6e68c1; color: #ffffff !important; } .rightSetting .mat-button-toggle { width: 60px; height: 30px; font-size: 12px; } .rightSetting .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { line-height: 30px !important; } /* * Document : _noUISlider.scss * Author : RedStar Template * Description: This scss file for noUISlider component style classes */ .search-box:focus button.icon, .search-box:active button.icon, .search-box:hover button.icon { outline: none; opacity: 1; margin-left: -43px; } .search-box { overflow: hidden; width: 270px; vertical-align: middle; white-space: nowrap; } .search-box input#search { width: 250px; height: 40px; background: rgb(255, 255, 255); border: none; font-size: 10pt; float: left; color: #fff; padding-left: 15px; margin-bottom: 0; margin-top: 10px; border-radius: 50px; } .search-box input#search:-moz-placeholder { color: #65737e; } .search-box input#search:-ms-input-placeholder { color: #65737e; } .search-box input#search::-webkit-input-placeholder { color: #65737e; } .search-box input#search::-moz-placeholder { color: #65737e; } .search-box button.icon { border: none; background: transparent; height: 50px; width: 0px; color: #4f5b66; opacity: 0; font-size: 10pt; transition: all 0.55s ease; } .search-box button.icon .fa { font-size: 18px; } .search-box:hover button.icon:hover { background: transparent; } /* * Document : _switch.scss * Author : RedStar Template * Description: This scss file switch button style classes */ .switch label { font-weight: normal; font-size: 12px; } .switch label .lever { margin: 0 14px; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-blue:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(13, 110, 253, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue { background-color: rgba(13, 110, 253, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-blue:after { background-color: #0d6efd; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-indigo:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(102, 16, 242, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo { background-color: rgba(102, 16, 242, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-indigo:after { background-color: #6610f2; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-purple:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(111, 66, 193, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple { background-color: rgba(111, 66, 193, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-purple:after { background-color: #6f42c1; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-pink:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(214, 51, 132, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink { background-color: rgba(214, 51, 132, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-pink:after { background-color: #d63384; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-red:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(220, 53, 69, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-red { background-color: rgba(220, 53, 69, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-red:after { background-color: #dc3545; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-orange:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(253, 126, 20, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange { background-color: rgba(253, 126, 20, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-orange:after { background-color: #fd7e14; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-yellow:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 193, 7, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow { background-color: rgba(255, 193, 7, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-yellow:after { background-color: #ffc107; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-green:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(25, 135, 84, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-green { background-color: rgba(25, 135, 84, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-green:after { background-color: #198754; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-teal:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(32, 201, 151, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal { background-color: rgba(32, 201, 151, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-teal:after { background-color: #20c997; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-cyan:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(13, 202, 240, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan { background-color: rgba(13, 202, 240, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-cyan:after { background-color: #0dcaf0; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-black:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(0, 0, 0, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-black { background-color: rgba(0, 0, 0, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-black:after { background-color: #000; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-white:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(255, 255, 255, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-white { background-color: rgba(255, 255, 255, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-white:after { background-color: #fff; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-gray:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(108, 117, 125, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray { background-color: rgba(108, 117, 125, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray:after { background-color: #6c757d; } .switch label input[type=checkbox]:checked:not(:disabled) ~ .lever.switch-col-gray-dark:active:after { box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(52, 58, 64, 0.1); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray-dark { background-color: rgba(52, 58, 64, 0.5); } .switch label input[type=checkbox]:checked + .lever.switch-col-gray-dark:after { background-color: #343a40; } /* * Document : _thumbnail.scss * Author : RedStar Template * Description: This scss file for thumbnail style classes */ .thumbnail { border-radius: 0; } .thumbnail p:not(button) { color: #999999; font-size: 12px; } .thumbnail h3, .thumbnail .h3 { font-weight: bold; font-size: 17px; } /* * Document : _todo.scss * Author : RedStar Template * Description: This scss file for todo style classes */ .to-do-list { padding-left: 0; margin-top: -10px; font-size: 12px; min-height: 311px; float: left; width: 100%; } .to-do-list li { padding: 15px 0; border-radius: 3px; position: relative; cursor: move; list-style: none; font-size: 12px; background: #fff; border-bottom: 1px dotted rgba(0, 0, 0, 0.2); } .to-do-list li p { margin: 0; padding-left: 50px; } .to-do-list li .todo-check input[type=checkbox] { visibility: hidden; } .todo-actionlist { position: absolute; right: -5px; top: 22px; } .todo-actionlist a { height: 24px; width: 24px; display: inline-block; float: left; } .todo-actionlist a i { height: 24px; width: 24px; display: inline-block; text-align: center; line-height: 24px; color: #ccc; } .todo-actionlist a:hover i { color: #666; } .line-through { text-decoration: line-through; } .todo-action-bar { margin-top: 20px; } .todo-check { width: 20px; position: relative; margin-right: 10px; margin-left: 10px; } .todo-check input[type=checkbox] { visibility: hidden; } .todo-check label { cursor: pointer; position: absolute; width: 20px; height: 20px; top: 0; left: 0; border-radius: 2px; } .todo-done i { font-size: 12px; } .todo-remove i { font-size: 10px; } .inbox-small-cells .todo-check input[type=checkbox] { visibility: hidden; } /* [4. Apps] */ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /* * Document : _calendar.scss * Author : RedStar Template * Description: This scss file for style related to calendar app */ #event_title { font-size: 1.2rem; } #calendar { float: right; width: 100%; } #external-events .fc-event { padding: 5px 10px; font-size: 14px; margin-bottom: 4px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); border-radius: 3px; cursor: move; } #external-events .form-check .form-check-label { font-size: 12px !important; } .cal-event { display: inline-block !important; height: 10px; width: 10px; border-radius: 50%; padding: 0; } .fc-state-active { background: #a389d4 !important; color: #fff; } .fc-day-grid-event { color: white !important; text-align: center; } .fc-event-primary { border: none; background-color: #007bff; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 154, 255, 0.4); } .fc-event-warning { border: none; background-color: #ff9800; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(255, 152, 0, 0.4); } .fc-event-success { border: none; position: relative; background-color: #53b958; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(76, 175, 80, 0.4); font-weight: 400; } .fc-event-danger { border: none; background-color: #f9483b; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(244, 67, 54, 0.4); } .fc-event-info { border: none; position: relative; background-color: #03c5de; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(0, 188, 212, 0.4); font-weight: 400; } .fc-event-default { background: #007bff; border: 1px solid #007bff; } .fc-state-default { border: 1px solid #eee; background: transparent !important; color: #7e869d; border-radius: 0; } .catLbl { font-weight: 600; color: #34395e; font-size: 12px !important; letter-spacing: 0.5px; margin-bottom: 0; } .fc-button-primary { background-color: #ffffff; border: 1px solid #eee; color: #7e869d; border-radius: 5px !important; margin-right: 8px; } .fc-button-primary:disabled { color: #fff; background-color: #6777ef; border-color: #6777ef; } .fc-button-primary:hover { color: #868181; background-color: #e1e0e0; border-color: #e1e0e0; } .fc-button-primary:focus { box-shadow: 0 0 0 0.1rem rgba(76, 91, 106, 0.5); } .fc-button-primary:not(:disabled).fc-button-active { color: #fff; background-color: #6777ef; border-color: #6777ef; } .fc-button-primary:not(:disabled):active { color: #fff; background-color: #6777ef; border-color: #6777ef; } .fc-color-picker { list-style: none; margin: 0; padding: 0; } .fc-color-picker > li { float: left; font-size: 30px; margin-right: 5px; line-height: 30px; } .fc-unthemed td.fc-today { background: #edeef3; } .fc-content-skeleton thead { border-bottom: none; } .fc-toolbar h2, .fc-toolbar .h2 { font-size: 16px; margin-top: 4px; } .fc-view { border-color: #f2f2f2; color: color(fontdark) !important; font-weight: 500; padding: 10px; } .fc-view > table { border-color: #f2f2f2; } .fc-view > table th { border-color: #f2f2f2; color: color(fontdark) !important; font-weight: 500; padding: 10px; } .fc-view-container > .fc-view { padding: 0; } .fc-view { color: #666; text-align: right; } .fc-view > table td { color: #666; text-align: right; } .fc-unthemed td.fc-today { background-color: #f2f2f2; } .fc button .fc-icon { top: -0.09em; } .fc-basic-view .fc-day-number, .fc-basic-view .fc-week-number { padding: 10px; } .fc-day-grid-event .fc-content { padding: 5px 10px; box-shadow: 0 4px 25px 0 rgba(0, 0, 0, 0.1); } tr:first-child > td > .fc-day-grid-event { margin-bottom: 10px; } .fc-state-default { border-radius: 3px; background-color: #f2f2f2; background-image: none; border: none; box-shadow: none; text-transform: capitalize; font-weight: 500; } .fc button { height: auto; padding: 10px 15px; text-shadow: none; border-radius: 0; } .fc button.fc-state-active { background-color: color(primary); color: #fff; } .fc .fc-axis { vertical-align: middle; padding: 0 4px; white-space: nowrap; } .ngx-mat-timepicker .ng-pristine td { padding: 0px; border-top: none; border-bottom: none; } .fc-time-grid-event .fc-content { color: #ffffff; } .fc-list-item { color: #ffffff; } .fc-unthemed .fc-list-item:hover td { background-color: #cccaca; } .fc-event-container:hover { cursor: pointer; } .fc-unthemed td.fc-today { background: transparent; } .fc-unthemed td.fc-today span { background: #6777ef; border-radius: 50%; color: #fff; font-size: 12px !important; font-weight: 700; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 21px; margin: 4px 0; float: none !important; } .fc-unthemed td.fc-day-top { text-align: center; } .fc-unthemed td.fc-day-top .fc-day-number { display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 21px; margin: 4px 0; font-size: 12px !important; border-radius: 50%; float: none !important; } /* * Document : _chat.scss * Author : RedStar Template * Description: This scss file for style related to chat app */ .chat .chat-message .fa-file-image-o, .chat .chat-message .fa-file-o { font-size: 16px; color: gray; cursor: pointer; } .chat-app { height: 690px; } .chat-app .people-list { width: 280px; position: absolute; left: 0; top: 0; padding: 20px; } .chat-app .chat { border-left: 1px solid #e8e8e8; } .chat-app .list_btn { position: fixed; bottom: 20px; right: 20px; z-index: 9999; padding: 0; width: 40px; height: 40px; text-align: center; line-height: 40px; display: none; -ms-box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; } .people-list { transition: 0.5s; } .people-list .chat-list li { padding: 5px 15px; list-style: none; border-radius: 3px; } .people-list .chat-list li:hover { background: #efefef; cursor: pointer; } .people-list .chat-list li.active { background: #efefef; } .people-list .chat-list li .name { font-size: 15px; } .people-list .chat-list img { width: 45px; border-radius: 50%; } .people-list img { float: left; border: 1px solid #fff; -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); border-radius: 50%; } .people-list .about { float: left; padding-left: 8px; } .people-list .status { color: #999; font-size: 12px; } .chat .chat-header { padding: 20px; border-bottom: 1px solid #eee; border-radius: 0 0.55rem 0 0; } .chat .chat-header img { float: left; border-radius: 50%; width: 45px; } .chat .chat-header .chat-about { float: left; padding-left: 10px; } .chat .chat-header .chat-with { font-weight: bold; font-size: 16px; } .chat .chat-header .chat-num-messages { color: 434651; } .chat .chat-history { padding: 20px; border-bottom: 2px solid #fff; height: 450px; } .chat .chat-history ul { padding: 0; } .chat .chat-history ul li { list-style: none; } .chat .chat-history .message-data { margin-bottom: 15px; } .chat .chat-history .message-data .message-data-name { font-size: 12px; font-weight: 700; } .chat .chat-history .message-data-time { color: #434651; padding-left: 6px; } .chat .chat-history .message { color: #444; padding: 18px 20px; line-height: 26px; font-size: 12px; border-radius: 7px; margin-bottom: 30px; width: 90%; position: relative; } .chat .chat-history .message:after { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #fff; border-width: 10px; margin-left: -10px; } .chat .chat-history .my-message { background: #e8e8e8; } .chat .chat-history .my-message:after { bottom: 100%; left: 7%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-bottom-color: #e8e8e8; border-width: 10px; margin-left: -10px; } .chat .chat-history .other-message { background: #d9e7ea; } .chat .chat-history .other-message:after { border-bottom-color: #d9e7ea; left: 93%; } .chat .chat-message { padding: 20px; } .chat .chat-message textarea { width: 100%; border: none; padding: 10px 20px; font: 14px/22px Lato, Arial, sans-serif; margin-bottom: 10px; border-radius: 5px; resize: none; } .online { margin-right: 3px; font-size: 10px; color: #86bb71; } .offline { margin-right: 3px; font-size: 10px; color: #e38968; } .me { margin-right: 3px; font-size: 10px; color: #0498bd; } .float-right { float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } .slimScrollBar { z-index: 0 !important; } .chat-upload { float: right; } /* * Document : _contactlist.scss * Author : RedStar Template * Description: This scss file for style related to contact list app */ .contact-detail .fa { float: left; width: 30px; font-size: 20px; margin-top: 5px; } .contact-detail span { float: left; width: calc(100% - 30px); margin-bottom: 20px; } .contact-detail .fa-envelope { font-size: 15px; } .contact-detail .fa-mobile { font-size: 25px; } .contact-photo { float: left; width: 100%; text-align: center; padding-top: 20px; } .contact-photo img { margin: 0 auto; width: 130px; padding: 3px; border: 3px solid rgb(210, 214, 222); border-radius: 50% 50% 50% 50%; } .contact-usertitle { text-align: center; margin-top: 5px; } .contact-usertitle-name { font-size: 20px; margin-bottom: 2px; font-weight: bold; color: #3a405b; } .contact-usertitle-job { color: #777777; font-size: 12px; margin-bottom: 5px; } .newLabelBtn { padding: 20px 0; text-align: center; } .alert-dismissible .close { text-indent: 0; } .alert.alert-dismissible { color: #ffffff; } .contact_list .phone { position: relative; padding-left: 20px; } .contact_list .phone .material-icons { position: absolute; left: 0; font-size: 16px; top: 1px; } .list-group-unbordered .list-group-item { border: 0px; } .contact-header { display: flex; } .contact-header .contact-details-img img { position: relative; display: flex; width: 80px; height: 80px; border-radius: 50%; margin-right: 0px; overflow: hidden; } .contact-details-name { font-size: 25px; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .contact-details-field { display: flex; margin-top: 30px; } .contact-details-field .material-icons-two-tone { margin: 0 20px 0 10px; } .contact-details-field .contact-detail-info { white-space: pre-wrap; } .contact-details-field .color-icon { filter: invert(14%) sepia(0%) saturate(5141%) hue-rotate(101deg) brightness(95%) contrast(97%); } .contact-form .modalHeader img { border-radius: 50%; height: 35px; width: 35px; } .contact-details-heading { margin: 0px 10px; } /* * Document : _contactgrid.scss * Author : RedStar Template * Description: This scss file for style related to contact grid app */ .contact-grid { float: left; width: 100%; text-align: center; } .profile-header { min-height: 150px; color: #fff; } .user-name { padding: 3px; font-size: 22px; text-align: center; padding-top: 10px; } .user-img { padding: 3px; border-radius: 50% 50% 50% 50%; max-width: 112px; margin-top: -70px; box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.3); margin-bottom: 20px; } .profile-userbuttons { text-align: center; margin-top: 10px; } .contact-grid .phone .material-icons { font-size: 16px; padding: 4px 7px 40px 0px; } .board { float: left; position: relative; max-width: 300px; height: auto; margin: 8px; background-color: lightgray; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); } .drop-card { float: left; width: 100%; height: auto; background-color: white; padding: 2px 10px; margin: 2px 0; border-radius: 3px; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); cursor: move; cursor: grab; } .drop-card header { float: left; width: 100%; padding: 0.5em; background-color: lightgray; text-transform: uppercase; border-radius: 3px 3px 0 0; } .drop-cardtitle { float: left; width: 100%; } .noselect { -webkit-user-select: none; user-select: none; } .gu-mirror { cursor: move; cursor: grabbing; position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 1; transform: rotate(5deg); } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.4; filter: alpha(opacity=20); } #board1 header { background-color: #bc3425; color: white; } #board2 header { background-color: #92549e; color: white; } #board3 header { background-color: #00b1cf; color: white; } .drop-cards .is-moving { background-color: white; color: black; } .cards { padding: 4px 8px; } .gu-mirror { position: fixed !important; margin: 0 !important; z-index: 9999 !important; opacity: 0.8; filter: alpha(opacity=80); } .gu-hide { display: none !important; } .gu-unselectable { -webkit-user-select: none !important; user-select: none !important; } .gu-transit { opacity: 0.2; filter: alpha(opacity=20); } .taskbar .checked { border: 3px solid #dda500 !important; } .taskbar .box { padding-bottom: 7px; } .taskbar .box .task-name { font-size: 18px; font-weight: 600; color: green; } .taskbar .box .task-desc { font-size: 1.1em; color: #555; } .taskbar .box .task-deadline { margin-top: 5px; margin-right: 5px; font-size: 0.8em; color: #555; } .taskbar .done div.box { pointer-events: none; } .taskbar .done div.box .tasks { color: #fff !important; } .taskbar .avatar-image { display: inline-block; position: relative; } .taskbar .task-header { text-align: center; font-size: 25px; padding: 20px; color: #6b6a6a; } .taskbar .card-footer { background: #fff !important; border-radius: 0px 0px 10px 10px; } .taskbar .card-footer .progress { height: 5px; } .pad { padding-left: 0; padding-right: 0; display: flex; } .move { text-align: center; background: #eee; } .move .btn { margin-bottom: 20px; } .task-module { display: flex; flex-direction: column; padding: 0 !important; min-height: 100%; } .task-module .mat-drawer.mat-drawer-end { width: 500px; min-width: 500px; border: 1px solid #dcd6d6; } .task-module .task-header { display: flex; flex: 0 1 auto; align-items: center; margin: 10px 0px 23px 0px; } .task-module .header-button { margin-left: auto; } .task-container .header .header-title { margin: 0px 0px 0px 5px; } .task-container .header .header-close { position: absolute; top: 10px; right: 15px; list-style: none; } .task-list { width: 100%; max-width: 100%; border: solid 1px #ccc; min-height: 60px; display: block; background: white; border-radius: 4px; overflow: hidden; } .task-list .task-user-img { height: 30px; width: 30px; position: relative; margin-left: 30px; border-radius: 50%; } .task-list .task-date { margin-left: 30px; } .task-list .lbl-low { display: inline-flex; vertical-align: middle; } .task-list .lbl-high { display: inline-flex; vertical-align: middle; } .task-list .lbl-normal { display: inline-flex; vertical-align: middle; } .task-list .task-low { color: #0bc53a; position: relative; margin-left: auto; } .task-list .task-high { color: #f9683a; position: relative; margin-left: auto; } .task-list .task-normal { color: #868688; position: relative; margin-left: auto; } .task-box { padding: 2px 10px; border-bottom: solid 1px #ccc; color: rgba(0, 0, 0, 0.87); display: flex; flex-direction: row; align-items: center; box-sizing: border-box; cursor: move; background: white; font-size: 12px; } .task-box .mat-checkbox { margin-bottom: -5px; } .task-box:hover { cursor: pointer; } .cdk-drag-preview { box-sizing: border-box; border-radius: 4px; box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12); } .cdk-drag-animating { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .task-box:last-child { border: none; } .task-list.cdk-drop-list-dragging .task-box:not(.cdk-drag-placeholder) { transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .task-custom-placeholder { background: #ccc; border: dotted 3px #999; min-height: 60px; transition: transform 250ms cubic-bezier(0, 0, 0.2, 1); } .task-handle { color: #ccc; cursor: move; width: 24px; height: 24px; } .done { text-decoration: line-through; opacity: 0.5; } .mat-list-base { padding-top: 0px !important; } .mat-list-base .mat-list-item .mat-list-item-content, .mat-list-base .mat-list-option .mat-list-item-content { display: flex; flex-direction: row; justify-content: space-between; padding: 0 5px !important; } /* [5. Pages ] */ /* * Document : _dashboard.scss * Author : RedStar Template * Description: This scss file for dashboard page style classes */ .dashboard-flot-chart { height: 275px; } .dashboard-donut-chart { height: 265px; text-align: center; } .dashboard-line-chart { height: 250px; } .dashboard-stat-list { list-style: none; padding-left: 0; margin-top: 40px; } .dashboard-stat-list li { padding: 16px 0 0 0; } .dashboard-stat-list li small, .dashboard-stat-list li .small { font-size: 8px; } .dashboard-task-infos .progress { height: 10px; position: relative; top: 6px; } .totalEarning { text-align: center; padding: 6px; color: #ff9800; } .earningProgress .progress { height: 9px; } /* * Document : _inbox.scss * Author : RedStar Template * Description: This scss file for email page style classes */ .p-15 { padding: 15px; } .p-10 { padding: 10px; } .b-b { border-bottom: 1px solid rgba(0, 0, 0, 0.2); } .mail_listing .mail-option .btn-group { margin-bottom: 5px; } #mail-nav .btn { min-width: 110px; } #mail-nav #mail-folders { list-style-type: none; padding-left: 0px; } #mail-nav #mail-folders .badge { float: right; } #mail-nav #mail-folders > li { margin: 2px 0; } #mail-nav #mail-folders > li a:hover { color: #fff; background-color: #337ab7; } #mail-nav #mail-folders > li.active > a { color: #fff; background-color: #337ab7; } #mail-nav #mail-folders > li.active > a:hover { background-color: #32c0c3; } #mail-nav #mail-labels { float: left; width: 100%; list-style-type: none; padding-left: 0px; } #mail-nav #mail-labels li { float: left; } #mail-nav #mail-labels .material-icons { font-size: 16px; height: 16px; padding: 2px; float: left; } #mail-nav #online-offline { list-style-type: none; padding-left: 0px; } #mail-nav #online-offline .material-icons { font-size: 8px; height: 8px; padding: 0px 5px 2px 0; } #mail-nav #mail-labels li a:hover, #mail-nav #online-offline li a:hover { background-color: #e6e6e6; } #mail-nav li a { color: #212529; padding: 7px 10px; display: block; border-radius: 4px; position: relative; transition: all 0.2s ease-out; } .composeForm { padding: 25px; } .inbox-body { padding: 20px; } .replyBox { border: 1px solid rgba(120, 130, 140, 0.13); padding: 20px; } .inbox-center .table thead th { vertical-align: middle; padding: 5px; } .email-btn-group { position: relative; display: inline-flex; vertical-align: middle; } .email-btn-group .mat-icon-button { margin-left: -0.75em; } .max-texts { padding: 8px !important; } .max-texts a { color: #212529; padding: 10px 0px 10px 0px; } /* * Document : _pricing.scss * Author : RedStar Template * Description: This scss file for pricing page style classes */ .pricingTable { text-align: center; background: #fff; margin: 0 -10px; box-shadow: 0 0 10px #ababab; padding-bottom: 40px; border-radius: 10px; color: #cad0de; transform: scale(1); transition: all 0.5s ease 0s; } .pricingTable:hover { transform: scale(1.05); z-index: 1; } .pricingTable:hover .pricingTable-header { background: #ff9624; } .pricingTable:hover .pricingTable-header i { color: #fff; } .pricingTable:hover .price-value { color: #fff; } .pricingTable:hover .month { color: #fff; } .pricingTable .pricingTable-header { padding: 40px 0; background: #f5f6f9; border-radius: 10px 10px 50% 50%; transition: all 0.5s ease 0s; } .pricingTable .pricingTable-header i { font-size: 50px; color: #858c9a; margin-bottom: 10px; transition: all 0.5s ease 0s; } .pricingTable .price-value { font-size: 35px; color: #ff9624; transition: all 0.5s ease 0s; } .pricingTable .month { display: block; font-size: 12px; color: #cad0de; } .pricingTable .heading { font-size: 24px; color: #ff9624; margin-bottom: 20px; text-transform: uppercase; padding-top: 15px; } .pricingTable.blue .price-value { color: #4b64ff; } .pricingTable.blue .heading { color: #4b64ff; } .pricingTable.blue:hover .pricingTable-header { background: #4b64ff; } .pricingTable.blue .pricingTable-signup a { background: #4b64ff; } .pricingTable.blue .pricingTable-signup a:hover { box-shadow: 0 0 10px #4b64ff; } .pricingTable.red .price-value { color: #ff4b4b; } .pricingTable.red .heading { color: #ff4b4b; } .pricingTable.red:hover .pricingTable-header { background: #ff4b4b; } .pricingTable.red .pricingTable-signup a { background: #ff4b4b; } .pricingTable.red .pricingTable-signup a:hover { box-shadow: 0 0 10px #ff4b4b; } .pricingTable.greenColor .price-value { color: #40c952; } .pricingTable.greenColor:hover .pricingTable-header { background: #40c952; } .pricingTable.greenColor:hover .price-value { color: #fff; } .pricingTable.greenColor .pricingTable-signup a { background: #40c952; } .pricingTable.greenColor .pricingTable-signup a:hover { box-shadow: 0 0 10px #40c952; } .pricingTable.blueColor:hover .pricingTable-header { background: #4b64ff; } .pricingTable.blueColor:hover .price-value { color: #fff; } .pricingTable.blueColor .price-value { color: #4b64ff; } .pricingTable.blueColor .heading { color: #4b64ff; } .pricingTable.blueColor .pricingTable-signup a { background: #4b64ff; } .pricingTable.redColor:hover .pricingTable-header { background: #ff4b4b; } .pricingTable.redColor:hover .price-value { color: #fff; } .pricingTable.redColor .price-value { color: #ff4b4b; } .pricingTable.redColor .heading { color: #ff4b4b; } .pricingTable.redColor .pricingTable-signup a { background: #ff4b4b; } .pricingTable .pricing-content ul { list-style: none; padding: 0; margin-bottom: 30px; } .pricingTable .pricing-content ul li { line-height: 30px; color: #a7a8aa; } .pricingTable .pricingTable-signup a { display: inline-block; font-size: 15px; color: #fff; padding: 10px 35px; border-radius: 20px; background: #ffa442; text-transform: uppercase; transition: all 0.3s ease 0s; } .pricingTable .pricingTable-signup a:hover { box-shadow: 0 0 10px #ffa442; } .pricingTable.green .heading { color: #40c952; } @media screen and (max-width: 990px) { .pricingTable { margin: 0 0 20px 0; } } .greenColor .heading { font-size: 24px; color: #40c952; margin-bottom: 20px; text-transform: uppercase; } /* * Document : _profile.scss * Author : RedStar Template * Description: This scss file for profile page style classes */ .profile-tab-box { background: #fff; padding: 10px; margin-top: 10px; margin-bottom: 15px; width: 100%; } .skill-progress { height: 10px !important; } .tab-all a { color: #948f8f !important; } .tab-all a.active { background-color: #e91e63 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #ffffff !important; border-radius: 30px; } /* * Document : _timeline.scss * Author : RedStar Template * Description: This scss file for timeline page style classes */ .cd-container { width: 90%; max-width: 1170px; margin: 0 auto; } .cd-container::after { content: ""; display: table; clear: both; } /* -------------------------------- Main components -------------------------------- */ header { height: 200px; line-height: 200px; text-align: center; background: #303e49; } header h1, header .h1 { color: #ffffff; font-size: 18px; font-size: 1.125rem; } .timelineImgHight { width: 150px; } @media only screen and (min-width: 1170px) { header { height: 300px; line-height: 300px; } header h1, header .h1 { font-size: 24px; font-size: 1.5rem; } } #cd-timeline { position: relative; padding: 2em 0; margin-top: 2em; margin-bottom: 2em; } #cd-timeline::before { /* this is the vertical line */ content: ""; position: absolute; top: 0; left: 18px; height: 100%; width: 4px; background: #d7e4ed; } @media only screen and (min-width: 1170px) { #cd-timeline { margin-top: 3em; margin-bottom: 3em; } #cd-timeline::before { left: 50%; margin-left: -2px; } } .cd-timeline-block { position: relative; margin: 2em 0; } .cd-timeline-block::after { clear: both; content: ""; display: table; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } @media only screen and (min-width: 1170px) { .cd-timeline-block { margin: 4em 0; } .cd-timeline-block:first-child { margin-top: 0; } .cd-timeline-block:last-child { margin-bottom: 0; } } .cd-timeline-img { position: absolute; top: 0; left: 0; width: 40px; height: 40px; border-radius: 50%; box-shadow: 0 0 0 4px #e6dfdf, inset 0 2px 0 rgba(0, 0, 0, 0.08), 0 3px 0 4px rgba(0, 0, 0, 0.05); } .cd-timeline-img img { display: block; width: 48px; position: relative; left: 30%; top: 30%; margin-left: -12px; margin-top: -12px; border-radius: 50%; } .cd-timeline-img.cd-picture { background: #75ce66; } .cd-timeline-img.cd-movie { background: #c03b44; } .cd-timeline-img.cd-location { background: #f0ca45; } @media only screen and (min-width: 1170px) { .cd-timeline-img { width: 60px; height: 60px; left: 50%; margin-left: -30px; /* Force Hardware Acceleration in WebKit */ -webkit-transform: translateZ(0); -webkit-backface-visibility: hidden; } .cssanimations .cd-timeline-img.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-img.bounce-in { visibility: visible; animation: cd-bounce-1 0.6s; } } @keyframes cd-bounce-1 { 0% { opacity: 0; transform: scale(0.5); } 60% { opacity: 1; transform: scale(1.2); } 100% { transform: scale(1); } } .cd-timeline-content { position: relative; margin-left: 60px; background: #f0f1f3; border-radius: 0.25em; padding: 1em; box-shadow: 0 3px 0 #d7e4ed; } .cd-timeline-content::after { clear: both; content: ""; display: table; } .cd-timeline-content h2, .cd-timeline-content .h2 { color: #303e49; } .cd-timeline-content p, .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { /* font-size: 13px; */ font-size: 12px; font-size: 0.8125rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { display: inline-block; } .cd-timeline-content p { margin: 1em 0; line-height: 1.6; } .cd-timeline-content .cd-read-more { float: right; padding: 0.8em 1em; background: #acb7c0; color: #ffffff; border-radius: 0.25em; } .no-touch .cd-timeline-content .cd-read-more:hover { background-color: #bac4cb; } .cd-timeline-content .cd-date { float: left; padding: 0.8em 0; opacity: 0.7; } .cd-timeline-content::before { content: ""; position: absolute; top: 16px; right: 100%; height: 0; width: 0; border: 7px solid transparent; border-right: 7px solid #ffffff; } @media only screen and (min-width: 768px) { .cd-timeline-content h2, .cd-timeline-content .h2 { font-size: 20px; font-size: 1.25rem; } .cd-timeline-content p { font-size: 16px; font-size: 1rem; } .cd-timeline-content .cd-read-more, .cd-timeline-content .cd-date { font-size: 12px; font-size: 0.875rem; } } @media only screen and (min-width: 1170px) { .cd-timeline-content { margin-left: 0; padding: 1.6em; width: 45%; } .cd-timeline-content::before { top: 24px; left: 100%; border-color: transparent; border-left-color: #f0f1f3; } .cd-timeline-content .cd-read-more { float: left; } .cd-timeline-content .cd-date { position: absolute; width: 100%; left: 122%; top: 6px; font-size: 16px; font-size: 1rem; } .cd-timeline-block:nth-child(even) .cd-timeline-content { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content::before { top: 24px; left: auto; right: 100%; border-color: transparent; border-right-color: #f0f1f3; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-read-more { float: right; } .cd-timeline-block:nth-child(even) .cd-timeline-content .cd-date { left: auto; right: 122%; text-align: right; } .cssanimations .cd-timeline-content.is-hidden { visibility: hidden; } .cssanimations .cd-timeline-content.bounce-in { visibility: visible; animation: cd-bounce-2 0.6s; } } @media only screen and (min-width: 1170px) { /* inverse bounce effect on even content blocks */ .cssanimations .cd-timeline-block:nth-child(even) .cd-timeline-content.bounce-in { animation: cd-bounce-2-inverse 0.6s; } } @keyframes cd-bounce-2 { 0% { opacity: 0; transform: translateX(-100px); } 60% { opacity: 1; transform: translateX(20px); } 100% { transform: translateX(0); } } @keyframes cd-bounce-2-inverse { 0% { opacity: 0; transform: translateX(100px); } 60% { opacity: 1; transform: translateX(-20px); } 100% { transform: translateX(0); } } .timeline { list-style: none; padding: 0 0 8px; position: relative; } .timeline:before { top: 0px; bottom: 0; position: absolute; content: " "; width: 3px; background-color: #e7e7e7; left: 25px; margin-right: -1.5px; } .timeline > li { margin-bottom: 5px; position: relative; } .timeline > li:before { content: " "; display: table; } .timeline > li:after { content: " "; display: table; clear: both; } .timeline > li > .timeline-panel { width: calc(100% - 70px); float: right; border: 1px solid #e7e7e7; border-radius: 2px; padding: 5px 20px; position: relative; border-radius: 10px; margin-bottom: 5px; } .timeline > li > .timeline-panel:before { position: absolute; top: 26px; left: -15px; display: inline-block; border-top: 15px solid transparent; border-right: 15px solid #e7e7e7; border-left: 0 solid #e7e7e7; border-bottom: 15px solid transparent; content: " "; } .timeline > li > .timeline-panel:after { position: absolute; top: 27px; left: -14px; display: inline-block; border-top: 14px solid transparent; border-right: 14px solid #ffffff; border-left: 0 solid #ffffff; border-bottom: 14px solid transparent; content: " "; } .timeline > li > .timeline-badge { width: 35px; height: 35px; position: absolute; top: 25px; left: 8px; } .timeline > li > .timeline-badge img { border-radius: 50%; border: 2px solid #ffffff; -ms-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.2); } .timeline-title { margin: 4px 0 !important; /* font-size: 13px; */ font-size: 12px; } .timeline-body > p { font-size: 12px; margin-bottom: 2px; } .left-timeline { margin: 0; padding: 0; list-style: none; position: relative; } .left-timeline:before { content: ""; position: absolute; top: 0; bottom: 0; width: 3px; background: #eee; left: 20%; margin-left: -6px; } .left-timeline > li { position: relative; } .left-timeline > li:first-child .left-icon { background: #fff; color: #666; } .left-timeline > li:first-child .left-time span.large { color: #444; font-size: 17px !important; font-weight: 700; } .left-timeline > li:nth-child(odd) .left-label { background: #f0f1f3; } .left-timeline > li:nth-child(odd) .left-label:after { border-right-color: #f0f1f3; } .left-timeline > li:nth-child(odd) .left-time span:last-child { color: #444; /* font-size: 13px; */ font-size: 12px; } .left-timeline > li .left-time { display: block; width: 23%; padding-right: 70px; position: absolute; } .left-timeline > li .left-time span { display: block; text-align: right; } .left-timeline > li .left-time span:first-child { font-size: 15px; color: #3d4c5a; font-weight: 700; } .left-timeline > li .left-time span:last-child { font-size: 12px; color: #444; } .left-timeline > li .left-label { margin: 0 0 15px 25%; background: #f0f1f3; padding: 1.2em; position: relative; border-radius: 5px; } .left-timeline > li .left-label:after { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-right-color: #f0f1f3; border-width: 10px; top: 10px; } .left-timeline > li .left-label blockquote { font-size: 16px; } .left-timeline > li .left-label .map-checkin { border: 5px solid rgba(235, 235, 235, 0.2); box-shadow: 0 0 0 1px #ebebeb; background: #fff !important; } .left-timeline > li .left-label h2, .left-timeline > li .left-label .h2 { margin: 0; padding: 0 0 10px 0; line-height: 26px; font-size: 16px; font-weight: normal; } .left-timeline > li .left-label h2 a, .left-timeline > li .left-label .h2 a { font-size: 15px; } .left-timeline > li .left-label h2 a:hover, .left-timeline > li .left-label .h2 a:hover { text-decoration: none; } .left-timeline > li .left-label h2 span, .left-timeline > li .left-label .h2 span { font-size: 15px; } .left-timeline > li .left-label p { color: #444; } .left-timeline > li .left-icon { width: 40px; height: 40px; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; font-size: 1.4em; line-height: 40px; position: absolute; color: #fff; border-radius: 50%; text-align: center; left: 20%; top: 0; margin: 0 0 0 -25px; } .left-timeline > li .left-icon img { border-radius: 50%; } .left-timeline > li .empty span { color: #777; } @media screen and (max-width: 992px) and (min-width: 768px) { .left-timeline > li .left-time { padding-right: 60px; } } @media screen and (max-width: 65.375em) { .left-timeline > li .left-time span:last-child { font-size: 12px; } } @media screen and (max-width: 47.2em) { .left-timeline:before { display: none; } .left-timeline > li .left-time { width: 100%; position: relative; padding: 0 0 20px 0; } .left-timeline > li .left-time span { text-align: left; } .left-timeline > li .left-label { margin: 0 0 30px 0; padding: 1em; font-weight: 400; font-size: 95%; } .left-timeline > li .left-label:after { right: auto; left: 20px; border-right-color: transparent; border-bottom-color: #f5f5f6; top: -20px; } .left-timeline > li .left-icon { position: relative; float: right; left: auto; margin: -64px 5px 0 0; } .left-timeline > li:nth-child(odd) .left-label:after { border-right-color: transparent; border-bottom-color: #f5f5f6; } } .auth-container { height: 100%; width: 100%; } .auth-container .auth-main { height: 100%; width: 100%; margin: 0px !important; min-height: 100vh; } .left-img { height: 100%; width: 100%; background-repeat: no-repeat; background-position: center center; background-size: cover; display: flex; align-items: center; justify-content: center; padding: 30px 15px; position: relative; z-index: 1; } .left-content { display: flex; align-items: center; justify-content: center; flex-direction: column; max-width: 480px; width: 100%; text-align: center; } .left-content h1, .left-content .h1 { color: #fff; } .left-content p { color: #fff; } .auth-form-section { background-color: #fff; } .auth-form-btn { display: flex; justify-content: center; align-items: center; padding: 0 20px; width: 100%; height: 35px !important; border-radius: 10px; background: #6675df; font-size: 12px; color: #fff; line-height: 1.2; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; transition: all 0.4s; } .form-section { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; } .auth-signup-text { font-size: 18px; color: #000; padding-bottom: 30px; width: 410px; max-width: 100%; } .sign-up-link { color: #3699ff; font-size: 20px !important; margin: 0px 10px; } .auth-wrapper { width: 410px; max-width: 100%; margin-top: auto; margin-bottom: auto; } .login-title { margin-bottom: 20px; } .social-login-title { font-size: 15px; color: #919aa3; display: flex; margin: 20px 0px; } .social-login-title::before, .social-login-title::after { content: ""; background-image: linear-gradient(#bbb8b8, #f3f3f3); flex-grow: 1; background-size: calc(100% - 20px) 1px; background-repeat: no-repeat; } .social-login-title::before { background-position: center left; } .social-login-title::after { background-position: center right; } .welcome-msg { font-weight: 600; } .social-icon { text-align: center; } .social-icon li a { color: #3c4858; border: 1px solid #3c4858; display: inline-block; height: 32px; width: 32px; line-height: 32px; text-align: center; transition: all 0.4s ease; overflow: hidden; position: relative; } .social-icon li a:hover { background-color: #2f55d4; border-color: #2f55d4 !important; color: #ffffff !important; } .sm-icon { height: 16px !important; width: 16px !important; } .show-pwd-icon { color: #000000; } .auth-locked { font-size: 60px; color: #333; width: 120px; height: 120px; background-color: transparent; margin: 0 auto; } .auth-locked img { width: 100px; border-radius: 50%; box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.2); } .auth-locked-title { font-size: 30px; font-family: Poppins, sans-serif; color: #403866; line-height: 1.2; text-align: center; width: 100%; display: block; } .error-header { font-size: 80px; line-height: 1.2; color: #403866; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 700; } .error-subheader { font-size: 17px; color: #403866; text-transform: uppercase; text-align: center; width: 100%; display: block; font-weight: 700; } .error-subheader2 { font-size: 12px; color: #919192; text-align: center; width: 100%; display: block; font-weight: 500; } /* [6. Pugins ] */ /* * Document : _carousel.scss * Author : RedStar Template * Description: This scss file for owl carousel style classes */ .owl-btns { text-align: center; } .owl-btns [class*=owl-] { color: #fff; font-size: 14px; margin: 5px; padding: 4px 7px; background: #d6d6d6; display: inline-block; cursor: pointer; border-radius: 3px; } .owl-btns [class*=owl-]:hover { background: #869791; color: #fff; text-decoration: none; } #dashboard_slide { padding: 6px 10px 0px 0px; } #dashboard_slide2 { padding: 0px 10px 0px 0px; } .carousel-content { height: 232px; border-radius: 5px; } .carousel-content .slide-heading { font-size: 20px; } /* * Document : _charts.scss * Author : RedStar Template * Description: This scss file for all charts style classes */ /* Morris */ .morris-hover.morris-default-style { border-radius: 0; } /* Flot */ .flot-chart { width: 100%; height: 320px; } .panel-switch-btn { position: relative; right: 20px; z-index: 9; } .panel-switch-btn label { font-weight: bold !important; } .legendLabel { width: 85px !important; position: relative; left: 3px; } #multiple_axis_chart .legendLabel { width: 160px !important; } /* Sparkline */ .sparkline { text-align: center; } .chart-box { display: flex; justify-content: space-between; font-size: 12px; margin-bottom: 30px; } .chart-box2 { font-size: 12px; margin-bottom: 30px; text-align: center; } .chart-note { text-transform: capitalize; display: inline-block; margin-right: 12px; font-size: 12px; } .chart-note .dot { margin: 0px 7px; } .chart-statis { display: inline-block; margin-right: 35px; } .chart-statis .label { display: block; text-transform: capitalize; line-height: 1.2; } .chart-statis .index { font-size: 18px; color: #333; padding-left: 15px; } .dot { display: inline-block; width: 10px; height: 10px; border-radius: 100%; } .dot-black { background: #000000; } .dot-orange { background: #f96332; } .chart-box-left { padding-left: 10px; } .area_chart-style { height: 170px; margin: 30px; } .chart-shadow2 { filter: drop-shadow(0 -6px 4px rgba(106, 141, 247, 0.5)); } .chart-shadow { filter: drop-shadow(0px 9px 2px rgba(0, 0, 0, 0.3)); } .chartsh { height: 16rem; } .axisData { position: absolute; color: #fff; z-index: 1; text-transform: uppercase; display: flex; width: 100%; bottom: 0; } .axisData .tick { flex: 1; position: relative; overflow: hidden; opacity: 0.2; font-size: 11px; text-align: center; line-height: 40px; padding-top: 150px; } .axisData .tick:hover { opacity: 1; background-color: rgba(255, 255, 255, 0.2); } .axisData .tick:hover .value.productValue { transform: translateY(0); display: block; } .axisData .tick:hover .value.serviceValue { transform: translateY(0); display: block; left: 0; top: 80px; color: #000; transition: 0.3s transform; } .axisData .tick .value { transform: translateY(20px); transition: 0.3s transform; position: absolute; top: 20px; color: #000; border-radius: 2px; width: 100%; line-height: 20px; } .dot-product { background: #5bcfe4; } .dot-service { background: #64e88b; } .dot-product1 { background: #d3d3d3; } .dot-service1 { background: #6e68c1; } .chart-legend header { background: transparent; height: 0px; } .chart-legend .legend-labels { background: transparent !important; } .ngx-charts text { fill: #9aa0ac; } mwl-gauge { width: 150px; height: 150px; display: block; padding: 10px; } mwl-gauge > .gauge > .dial { stroke: #d7d7d7; stroke-width: 5; fill: rgba(0, 0, 0, 0); } mwl-gauge > .gauge > .value { stroke: #4fa1f1; stroke-width: 5; fill: rgba(0, 0, 0, 0); } mwl-gauge > .gauge > .value-text { fill: #4fa1f1; font-family: sans-serif; font-weight: bold; font-size: 0.8em; } /* ------- Alternate Style ------- */ mwl-gauge.two > .gauge > .dial { stroke: #334455; stroke-width: 10; } mwl-gauge.two > .gauge > .value { stroke: orange; stroke-dasharray: none; stroke-width: 13; } mwl-gauge.two > .gauge > .value-text { fill: orange; } /* ------- Alternate Style ------- */ mwl-gauge.three > .gauge > .dial { stroke: #334455; stroke-width: 2; } mwl-gauge.three > .gauge > .value { stroke: #c9de3c; stroke-width: 5; } mwl-gauge.three > .gauge > .value-text { fill: #c9de3c; } /* ----- Alternate Style ----- */ mwl-gauge.four > .gauge > .dial { stroke: #334455; stroke-width: 5; } mwl-gauge.four > .gauge > .value { stroke: #be80ff; stroke-dasharray: none; stroke-width: 5; } mwl-gauge.four > .gauge > .value-text { fill: #be80ff; } /* ----- Alternate Style ----- */ mwl-gauge.five > .gauge > .dial { stroke: #334455; stroke-width: 5; } mwl-gauge.five > .gauge > .value { stroke: #f8774b; stroke-dasharray: 25 1; stroke-width: 5; } mwl-gauge.five > .gauge > .value-text { fill: #f8774b; font-size: 0.7em; } /* ----- Alternate Style ----- */ mwl-gauge.six > .gauge > .dial { stroke: #334455; fill: #334455; stroke-width: 20; } mwl-gauge.six > .gauge > .value { stroke: #ff6daf; stroke-width: 20; } mwl-gauge.six > .gauge > .value-text { fill: #ff6daf; font-size: 0.7em; } mwl-gauge.seven > .gauge > .dial { stroke: transparent; stroke-width: 5; transform: scale(0.9, 0.9) translate3d(5.5px, 5.5px, 0); fill: rgba(191, 202, 214, 0.42); } mwl-gauge.seven > .gauge > .value { stroke: #f8774b; stroke-dasharray: none; stroke-width: 5; } ngx-gauge.guage-chart-center { display: flex; justify-content: center; width: 100% !important; } .apex-pie-center { display: flex; justify-content: center; } .apexcharts-legend-marker { margin: 0px 5px !important; } /* * Document : _formwizard.scss * Author : RedStar Template * Description: This scss file for wizard style classes */ .wizard, .tabcontrol { display: block; width: 100%; overflow: hidden; } .wizard a, .tabcontrol a { outline: 0; } .wizard ul, .tabcontrol ul { list-style: none !important; padding: 0; margin: 0; } .wizard ul > li, .tabcontrol ul > li { display: block; padding: 0; } /* Accessibility */ .wizard > .steps .current-info, .tabcontrol > .steps .current-info, .wizard > .content > .title, .tabcontrol > .content > .title { position: absolute; left: -999em; } .wizard > .steps { position: relative; display: block; width: 100%; } .wizard.vertical > .steps { float: left; width: 30%; clear: none; } .wizard.vertical > .steps > ul > li { float: none; width: 100%; } .wizard.vertical > .content { float: left; margin: 0 0 0.5em 0; width: 70%; clear: none; } .wizard.vertical > .actions { float: right; width: 100%; } .wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; } .wizard > .steps .number { font-size: 1.429em; } .wizard > .steps > ul > li { width: 25%; float: left; } .wizard > .actions > ul > li { float: left; } .wizard > .steps a { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps a:hover, .wizard > .steps a:active { display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; border-radius: 5px; } .wizard > .steps .disabled a { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .disabled a:hover, .wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; } .wizard > .steps .current a { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .current a:hover, .wizard > .steps .current a:active { background: #2184be; color: #fff; cursor: default; } .wizard > .steps .done a { background: #9dc8e2; color: #fff; } .wizard > .steps .done a:hover, .wizard > .steps .done a:active { background: #9dc8e2; color: #fff; } .wizard > .steps .error a { background: #ff3111; color: #fff; } .wizard > .steps .error a:hover, .wizard > .steps .error a:active { background: #ff3111; color: #fff; } .wizard > .content { border: 1px solid #ddd; display: block; margin: 0.5em; min-height: 35em; overflow: hidden; position: relative; width: auto; } .wizard > .actions { position: relative; display: block; text-align: right; width: 100%; } .wizard > .actions > ul { display: inline-block; text-align: right; } .wizard > .actions > ul > li { margin: 0 0.5em; } .wizard > .actions a { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 0; } .wizard > .actions a:hover, .wizard > .actions a:active { background: #009688; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; border-radius: 0; } .wizard > .actions .disabled a { background: #eee; color: #aaa; } .wizard > .actions .disabled a:hover, .wizard > .actions .disabled a:active { background: #eee; color: #aaa; } .tabcontrol > .steps { position: relative; display: block; width: 100%; } .tabcontrol > .steps > ul { position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; } .tabcontrol > .steps > ul > li { float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; } .tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; } .tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; } .tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; } .tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; } .tabcontrol > .steps > ul > li > a:hover { text-decoration: none; } .tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; } .tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; } .tabcontrol > .content > .body ul { list-style: disc !important; } .tabcontrol > .content > .body ul > li { display: list-item; } .wizard .content { min-height: 245px; border-radius: 0; overflow-y: auto; } .wizard .content .body { padding: 15px; } .wizard .steps a { border-radius: 0; transition: 0.5s; } .wizard .steps a:active, .wizard .steps a:focus, .wizard .steps a:hover { border-radius: 0; } .wizard .steps .done a { background-color: rgba(0, 150, 136, 0.6); } .wizard .steps .done a:hover, .wizard .steps .done a:active, .wizard .steps .done a:focus { background-color: rgba(0, 150, 136, 0.5); } .wizard .steps .error a { background-color: #f44336 !important; } .wizard .steps .current a { background-color: #009688; } .wizard .steps .current a:active, .wizard .steps .current a:focus, .wizard .steps .current a:hover { background-color: #009688; } /* * Document : _imagegallery.scss * Author : RedStar Template * Description: This scss file for image gallery style classes */ .group-1, .group-2 { border: 1px solid #ffffff; border-radius: 5px; display: table; margin-bottom: 20px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); } .group-1 img, .group-2 img { cursor: pointer; width: 300px; height: 300px; padding: 10px; border-radius: 10px; } /* * Document : _maps.scss * Author : RedStar Template * Description: This scss file for maps style classes */ /* Google Maps */ agm-map { height: 300px; } /* * Document : _tables.scss * Author : RedStar Template * Description: This scss file for tables style classes */ /* Presently disabled by ramu because ngx-datatable uninstalled @import "~@swimlane/ngx-datatable/index.css"; @import "~@swimlane/ngx-datatable/themes/material.scss"; @import "~@swimlane/ngx-datatable/assets/icons.css"; */ .table { margin-bottom: 0px; } .table tbody tr td, .table tbody tr th { padding: 2px 10px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; vertical-align: middle; } .table tbody tr td ul, .table tbody tr th ul { margin: 0; } .table tbody tr.primary td, .table tbody tr.primary th { background-color: #1f91f3; color: #fff; } .table tbody tr.success td, .table tbody tr.success th { background-color: #2b982b; color: #fff; } .table tbody tr.info td, .table tbody tr.info th { background-color: #00b0e4; color: #fff; } .table tbody tr.warning td, .table tbody tr.warning th { background-color: #ff9600; color: #fff; } .table tbody tr.danger td, .table tbody tr.danger th { background-color: #fb483a; color: #fff; } .table thead tr th { padding: 0 10px; height: 25px; vertical-align: middle; background-color: #f5f5f5; color: #666; font-weight: 500; border: none; } .table .tbl-pdf { color: #f96332; font-size: 16px; cursor: pointer; } .table-bordered { border-top: 1px solid #eee; } .table-bordered tbody tr td, .table-bordered tbody tr th { padding: 2px 10px; border: 1px solid #eee; } .table-bordered thead tr th { padding: 2px 10px; border: 1px solid #eee; } .table-img img { border-radius: 10px; height: 33px; width: 33px; background: #fff; position: inherit; border: 1px solid rgba(52, 73, 94, 0.44); padding: 2px; } .btn-tbl-edit { background-color: #96a2b4; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-edit .material-icons { font-size: 16px !important; } .btn-tbl-edit:hover { background-color: #888; color: #fff; } .btn-tbl-edit:focus { background-color: #888; } .btn-tbl-delete { background-color: #ff944f; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-delete .material-icons { font-size: 16px !important; } .btn-tbl-delete:hover { background-color: #ff9600; color: #fff; } .btn-tbl-delete:focus { background-color: #ff9600; } .btn-tbl-confirm { background-color: #3fa3f3; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-confirm .material-icons { font-size: 16px !important; } .btn-tbl-confirm:hover { background-color: #62b5f8; color: #fff; } .btn-tbl-confirm:focus { background-color: #62b5f8; } .btn-tbl-reject { background-color: #f96333; height: 30px !important; width: 30px !important; margin: 2px !important; line-height: 30px !important; color: #fff; } .btn-tbl-reject .material-icons { font-size: 16px !important; } .btn-tbl-reject:hover { background-color: #f87346; color: #fff; } .btn-tbl-reject:focus { background-color: #f87346; } .avatar { position: relative; width: 30px; white-space: nowrap; border-radius: 1000px; vertical-align: bottom; display: inline-block; } .avatar img { width: 100%; max-width: 100%; height: auto; border: 0; border-radius: 1000px; } .avatar-sm { width: 32px; } .list-inline { padding-left: 0; list-style: none; } .list-unstyled { padding-left: 0; list-style: none; } .spinner { display: inline-block; } .spinner-reverse { display: inline-block; } .order-list li img { border: 2px solid #ffffff; box-shadow: 0 2px 10px 0 rgba(107, 111, 130, 0.3); } .order-list li + li { margin-left: -14px; } .order-list li .badge { background: rgba(255, 255, 255, 0.8); color: #6b6f82; margin-bottom: 6px; } .buttons-copy { background-color: #666 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-excel { background-color: #59bf70 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-csv { background-color: #2ab9d0 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-pdf { background-color: #e91e63 !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px rgba(233, 30, 99, 0.6); color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } .buttons-print { background-color: #6563ef !important; box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2), 0 13px 24px -11px #6563ef; color: #fff !important; border-radius: 30px !important; border: 0px !important; height: 30px; width: 60px; cursor: pointer; } tr.group, tr.group:hover { background-color: #ddd !important; } .tableBody { font-size: 12px; color: #555; padding: 0px 5px 0px 5px; } .tbl-checkbox { text-align: center; } .ngx-datatable.material { background: #fff; border: 1px solid #f5f5f5; box-shadow: none !important; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a { margin: 5px; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev { line-height: 30px; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: #0d8df3; transition: 0.25s ease; color: #ffffff; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .ngx-table-form-select { margin-top: 0px; padding-left: 40px !important; } .ngx-search { margin: 15px auto !important; width: 30% !important; font-size: 12px !important; } .ngx-datatable .datatable-body-cell { display: table !important; } .ngx-datatable .datatable-body-cell-label { display: table-cell !important; vertical-align: middle !important; } .ngx-datatable .datatable-header-cell { line-height: 2.4 !important; } .ngxTableHeader { padding: 10px 20px; display: flex; align-items: center; border-color: #e6e9ed; background-color: #ebebee; min-width: 800px; height: 70px; } .ngxTableHeader .header-buttons { position: absolute; right: 15px; list-style: none; top: 15px; } .ngxTableHeader .header-buttons li { display: inline-block; } .ngxTableHeader .header-buttons .material-icons { color: #000000; vertical-align: text-bottom; } .ngxTableHeader .header-buttons-left { position: absolute; list-style: none; } .ngxTableHeader .header-buttons-left li { display: inline-block; } .ngxTableHeader .header-buttons-left .searchbox { position: relative; } .ngxTableHeader .header-buttons-left ::placeholder { color: rgba(0, 0, 0, 0.54); } .ngxTableHeader .header-buttons-left .search-icon { position: absolute; top: 10px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .ngxTableHeader .header-buttons-left input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 25px; border: 0; height: 45px; padding: 8px 8px 8px 50px; width: 250px; background: #ffffff; transition: background 0.2s, width 0.2s; } .ngxTableHeader .header-buttons-left input.search-field:hover { background: #fffefe; } .ngxTableHeader .header-buttons-left input.search-field:focus { outline: none; width: 380px; color: #212121; } .ngxTableHeader .header-buttons-left input.search-field:focus:hover { background: #f7f7f7; } .ngxTableHeader h2, .ngxTableHeader .h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5b626b; } .mat-table { font-family: "noto sans", sans-serif; } .mat-table .mat-header-cell { font-size: 14px; font-weight: 600; } .ngx-datatable.material { background: #fff; border: 1px solid #f5f5f5; box-shadow: none !important; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a { margin: 5px; } .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-right, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-skip, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-left, .ngx-datatable.material .datatable-footer .datatable-pager .pager li a .datatable-icon-prev { line-height: 30px; } .ngx-datatable.material .datatable-footer .datatable-pager li.active a { background-color: #0d8df3; transition: 0.25s ease; color: #ffffff; box-shadow: 4px 3px 6px 0 rgba(0, 0, 0, 0.2); } .ngx-table-form-select { margin-top: 0px; padding-left: 40px !important; } .ngx-search { margin: 15px auto !important; width: 30% !important; font-size: 12px !important; } .ngx-datatable .datatable-body-cell { display: table !important; } .ngx-datatable .datatable-body-cell-label { display: table-cell !important; vertical-align: middle !important; } .ngx-datatable .datatable-header-cell { line-height: 2.4 !important; } .materialTableHeader { padding: 10px 20px; align-items: center; border-color: #e6e9ed; background-color: #ebebee; height: 70px; min-width: 800px; } .materialTableHeader .header-buttons { position: absolute; right: 0px; padding: 6px 8px 8px 8px; } .materialTableHeader .header-buttons li { display: inline-block; } .materialTableHeader .header-buttons-left { position: absolute; list-style: none; padding-top: 3px; } .materialTableHeader .header-buttons-left li { display: inline-block; } .materialTableHeader .header-buttons-left .searchbox { position: relative; } .materialTableHeader .header-buttons-left ::placeholder { color: rgba(0, 0, 0, 0.54); } .materialTableHeader .header-buttons-left .search-icon { position: absolute; top: 10px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .materialTableHeader .header-buttons-left input.search-field { font-weight: 500; color: rgba(0, 0, 0, 0.54); border-radius: 25px; border: 0; height: 45px; padding: 8px 8px 8px 50px; width: 250px; background: #ffffff; transition: background 0.2s, width 0.2s; } .materialTableHeader .header-buttons-left input.search-field:hover { background: #fffefe; } .materialTableHeader h2, .materialTableHeader .h2 { margin: 0; font-size: 16px; font-weight: normal; color: #5b626b; } .tbl-checkbox label { margin-bottom: 0px; } .column-nowrap { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .table-tab a { background-color: #e2e2e2 !important; color: #868788 !important; border-radius: 30px; } .table-tab a.active { background-color: #7274e2 !important; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 4px 13px -11px #7197b5; color: #ffffff !important; border-radius: 30px; } .app-list { display: flex; flex-direction: row; align-items: center; border-radius: 10px; vertical-align: middle; padding: 5px 5px; margin-bottom: 0px; background: #f9f9f9; } .app-list img { margin: 0px 10px; } .lecture-list { display: flex; flex-direction: row; align-items: center; border-radius: 5px; vertical-align: middle; padding: 2px 10px; margin-bottom: 0px; background: #f6f4ff; } .report-list { display: flex; align-items: center; margin-bottom: 5px; padding: 12px 12px; border: 1px dashed #bfc9d4; border-radius: 6px; } .report-list .file-style { font-size: 20px; margin: 0px 10px; } .report-list .media-cta { margin-right: 10px; cursor: pointer; } .report-list .media-cta i { padding-right: 10px; } .patient-group-list { display: flex; align-items: center; padding: 5px 12px; border-radius: 6px; } .patient-group-list .lbl-bedge { padding: 10px; margin: 0px 5px; border-radius: 50%; position: relative; display: inline-block; width: 38px; height: 38px; font-size: 14px; font-weight: 600; letter-spacing: 1px; } .patient-group-list .lbl-bedge .lbl-bedge-title { color: #ffffff; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; } .patient-group-list .group-details { line-height: 38px; padding-left: 10px; font-weight: 500; } .tbl-spinner { display: flex; justify-content: center; align-items: center; margin-top: 20px; } .doc-file-type .media { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #d5dadb; } .doc-file-type .img-icon { width: 46px; height: 46px; line-height: 46px; border-radius: 10%; font-size: 23px; text-align: center; margin: 0px 15px; } .doc-file-type .media-body { display: block; color: #000; height: 30px; } .doc-file-type .media-cta { margin-right: 10px; cursor: pointer; } .doc-file-type .media-cta i { padding-right: 10px; } .primary-rgba { background-color: rgba(110, 129, 220, 0.1); } .success-rgba { background-color: rgba(95, 194, 126, 0.1); } .danger-rgba { background-color: rgba(244, 68, 85, 0.1); } .info-rgba { background-color: rgba(114, 208, 251, 0.1); } .timetable-block { border-radius: 4px; border: 1px solid #f4f4f4; padding: 10px; margin-bottom: 20px; box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); background: #ffffff; } /* [7. UI ] */ /* * Document : alert.scss * Author : RedStar Template * Description: This scss file for alert style classes */ .alert { border-radius: 0; -ms-box-shadow: none; box-shadow: none; border: none; color: #fff !important; } .alert .alert-link { color: #fff; text-decoration: underline; font-weight: bold; } .alert-success { background-color: rgba(24, 206, 15, 0.8); } .alert-info { background-color: rgba(44, 168, 255, 0.8); } .alert-warning { background-color: rgba(255, 178, 54, 0.8); } .alert-danger { background-color: rgba(255, 54, 54, 0.8); } .alert-dismissible .close { color: #fff; opacity: 1; border: none; text-shadow: none; } /* * Document : badgelistgroupitem.scss * Author : RedStar Template * Description: This scss file for badge style classes */ .badge { padding: 2px 5px; line-height: 12px; border: 1px solid; font-weight: 400; font-size: 12px; } .list-group-item { border-radius: 0; transition: 0.5s; } .list-group .active, .list-group .list-group-item.active { background-color: #2196f3; border-color: #2196f3; } .list-group .active:hover, .list-group .active:focus, .list-group .active:active, .list-group .list-group-item.active:hover, .list-group .list-group-item.active:focus, .list-group .list-group-item.active:active { background-color: #2196f3; border-color: #2196f3; } .list-group .active .list-group-item-text, .list-group .list-group-item.active .list-group-item-text { color: #dfe9f1; font-size: 12px; } .list-group .active .list-group-item-text:hover, .list-group .active .list-group-item-text:active, .list-group .active .list-group-item-text:focus, .list-group .list-group-item.active .list-group-item-text:hover, .list-group .list-group-item.active .list-group-item-text:active, .list-group .list-group-item.active .list-group-item-text:focus { color: #dfe9f1; } .list-group a.list-group-item, .list-group button.list-group-item { color: #555; } .list-group a.list-group-item.active, .list-group button.list-group-item.active { color: #dfe9f1; } .list-group .list-group-item.active:hover .list-group-item-text, .list-group .list-group-item.active:focus .list-group-item-text, .list-group .list-group-item.active:active .list-group-item-text { color: #dfe9f1; } .list-group .list-group-item { text-align: left; } .list-group .list-group-item:first-child, .list-group .list-group-item:last-child { border-radius: 0; } .list-group .list-group-item .list-group-item-heading { font-weight: bold; font-size: 17px; } .list-group .list-group-item:focus, .list-group .list-group-item:hover { background-color: #f5f5f5; } .list-group .list-group-item-success { background-color: #2b982b; border: none; color: #fff; } .list-group .list-group-item-success:hover, .list-group .list-group-item-success:focus { background-color: #2b982b; color: #fff; opacity: 0.8; } .list-group .list-group-item-info { background-color: #00b0e4; border: none; color: #fff; } .list-group .list-group-item-info:hover, .list-group .list-group-item-info:focus { background-color: #00b0e4; color: #fff; opacity: 0.8; } .list-group .list-group-item-warning { background-color: #ff9600; border: none; color: #fff; } .list-group .list-group-item-warning:hover, .list-group .list-group-item-warning:focus { background-color: #ff9600; color: #fff; opacity: 0.8; } .list-group .list-group-item-danger { background-color: #fb483a; border: none; color: #fff; } .list-group .list-group-item-danger:hover, .list-group .list-group-item-danger:focus { background-color: #fb483a; color: #fff; opacity: 0.8; } .list-group .pl-blue { stroke: #0d6efd; } .list-group .list-group-bg-blue { background-color: #0d6efd; border: none; color: #fff; } .list-group .list-group-bg-blue:hover, .list-group .list-group-bg-blue:focus { background-color: #0d6efd; color: #fff; opacity: 0.8; } .list-group .pl-indigo { stroke: #6610f2; } .list-group .list-group-bg-indigo { background-color: #6610f2; border: none; color: #fff; } .list-group .list-group-bg-indigo:hover, .list-group .list-group-bg-indigo:focus { background-color: #6610f2; color: #fff; opacity: 0.8; } .list-group .pl-purple { stroke: #6f42c1; } .list-group .list-group-bg-purple { background-color: #6f42c1; border: none; color: #fff; } .list-group .list-group-bg-purple:hover, .list-group .list-group-bg-purple:focus { background-color: #6f42c1; color: #fff; opacity: 0.8; } .list-group .pl-pink { stroke: #d63384; } .list-group .list-group-bg-pink { background-color: #d63384; border: none; color: #fff; } .list-group .list-group-bg-pink:hover, .list-group .list-group-bg-pink:focus { background-color: #d63384; color: #fff; opacity: 0.8; } .list-group .pl-red { stroke: #dc3545; } .list-group .list-group-bg-red { background-color: #dc3545; border: none; color: #fff; } .list-group .list-group-bg-red:hover, .list-group .list-group-bg-red:focus { background-color: #dc3545; color: #fff; opacity: 0.8; } .list-group .pl-orange { stroke: #fd7e14; } .list-group .list-group-bg-orange { background-color: #fd7e14; border: none; color: #fff; } .list-group .list-group-bg-orange:hover, .list-group .list-group-bg-orange:focus { background-color: #fd7e14; color: #fff; opacity: 0.8; } .list-group .pl-yellow { stroke: #ffc107; } .list-group .list-group-bg-yellow { background-color: #ffc107; border: none; color: #fff; } .list-group .list-group-bg-yellow:hover, .list-group .list-group-bg-yellow:focus { background-color: #ffc107; color: #fff; opacity: 0.8; } .list-group .pl-green { stroke: #198754; } .list-group .list-group-bg-green { background-color: #198754; border: none; color: #fff; } .list-group .list-group-bg-green:hover, .list-group .list-group-bg-green:focus { background-color: #198754; color: #fff; opacity: 0.8; } .list-group .pl-teal { stroke: #20c997; } .list-group .list-group-bg-teal { background-color: #20c997; border: none; color: #fff; } .list-group .list-group-bg-teal:hover, .list-group .list-group-bg-teal:focus { background-color: #20c997; color: #fff; opacity: 0.8; } .list-group .pl-cyan { stroke: #0dcaf0; } .list-group .list-group-bg-cyan { background-color: #0dcaf0; border: none; color: #fff; } .list-group .list-group-bg-cyan:hover, .list-group .list-group-bg-cyan:focus { background-color: #0dcaf0; color: #fff; opacity: 0.8; } .list-group .pl-black { stroke: #000; } .list-group .list-group-bg-black { background-color: #000; border: none; color: #fff; } .list-group .list-group-bg-black:hover, .list-group .list-group-bg-black:focus { background-color: #000; color: #fff; opacity: 0.8; } .list-group .pl-white { stroke: #fff; } .list-group .list-group-bg-white { background-color: #fff; border: none; color: #fff; } .list-group .list-group-bg-white:hover, .list-group .list-group-bg-white:focus { background-color: #fff; color: #fff; opacity: 0.8; } .list-group .pl-gray { stroke: #6c757d; } .list-group .list-group-bg-gray { background-color: #6c757d; border: none; color: #fff; } .list-group .list-group-bg-gray:hover, .list-group .list-group-bg-gray:focus { background-color: #6c757d; color: #fff; opacity: 0.8; } .list-group .pl-gray-dark { stroke: #343a40; } .list-group .list-group-bg-gray-dark { background-color: #343a40; border: none; color: #fff; } .list-group .list-group-bg-gray-dark:hover, .list-group .list-group-bg-gray-dark:focus { background-color: #343a40; color: #fff; opacity: 0.8; } span.badge { min-width: auto; float: none; font-size: 12px; } .list-group span.badge { float: right; } .btn-success .badge { color: #5cb85c; background-color: #fff; } .btn-primary .badge { color: #337ab7; background-color: #fff; } .btn-danger .badge { color: #d9534f; background-color: #fff; } .btn-warning .badge { color: #f0ad4e; background-color: #fff; } /* * Document : _buttons.scss * Author : RedStar Template * Description: This scss file for button style classes */ .example-button-row button, .example-button-row a { margin-right: 8px; } .btn:focus, .btn.focus { box-shadow: none; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /* * Document : _card.scss * Author : RedStar Template * Description: This scss file for card style classes */ .icon-color { color: #202020; } .card_height_cust { height: calc(100vh - 181px); padding-bottom: 0px; margin-bottom: 0px; overflow: auto; } .card { background: #fff; min-height: 50px; position: relative; margin-bottom: 24px; border-radius: 10px; box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); -webkit-box-shadow: 0 0 10px 0 rgba(183, 192, 206, 0.2); } .card .card-inside-title { margin-top: 25px; margin-bottom: 15px; display: block; color: #000; } .card .card-inside-title small, .card .card-inside-title .small { color: #999; display: block; margin-top: 5px; } .card .card-inside-title small a, .card .card-inside-title .small a { color: #777; font-weight: bold; } .card .card-inside-title:first-child { margin-top: 0; } .card .bg-red, .card .bg-pink, .card .bg-purple, .card .bg-deep-purple, .card .bg-indigo, .card .bg-blue, .card .bg-light-blue, .card .bg-cyan, .card .bg-teal, .card .bg-green, .card .bg-light-green, .card .bg-lime, .card .bg-yellow, .card .bg-amber, .card .bg-orange, .card .bg-deep-orange, .card .bg-brown, .card .bg-grey, .card .bg-blue-grey, .card .bg-black { border-bottom: none !important; color: #fff !important; } .card .bg-red h2, .card .bg-red .h2, .card .bg-red small, .card .bg-red .small, .card .bg-red .material-icons, .card .bg-pink h2, .card .bg-pink .h2, .card .bg-pink small, .card .bg-pink .small, .card .bg-pink .material-icons, .card .bg-purple h2, .card .bg-purple .h2, .card .bg-purple small, .card .bg-purple .small, .card .bg-purple .material-icons, .card .bg-deep-purple h2, .card .bg-deep-purple .h2, .card .bg-deep-purple small, .card .bg-deep-purple .small, .card .bg-deep-purple .material-icons, .card .bg-indigo h2, .card .bg-indigo .h2, .card .bg-indigo small, .card .bg-indigo .small, .card .bg-indigo .material-icons, .card .bg-blue h2, .card .bg-blue .h2, .card .bg-blue small, .card .bg-blue .small, .card .bg-blue .material-icons, .card .bg-light-blue h2, .card .bg-light-blue .h2, .card .bg-light-blue small, .card .bg-light-blue .small, .card .bg-light-blue .material-icons, .card .bg-cyan h2, .card .bg-cyan .h2, .card .bg-cyan small, .card .bg-cyan .small, .card .bg-cyan .material-icons, .card .bg-teal h2, .card .bg-teal .h2, .card .bg-teal small, .card .bg-teal .small, .card .bg-teal .material-icons, .card .bg-green h2, .card .bg-green .h2, .card .bg-green small, .card .bg-green .small, .card .bg-green .material-icons, .card .bg-light-green h2, .card .bg-light-green .h2, .card .bg-light-green small, .card .bg-light-green .small, .card .bg-light-green .material-icons, .card .bg-lime h2, .card .bg-lime .h2, .card .bg-lime small, .card .bg-lime .small, .card .bg-lime .material-icons, .card .bg-yellow h2, .card .bg-yellow .h2, .card .bg-yellow small, .card .bg-yellow .small, .card .bg-yellow .material-icons, .card .bg-amber h2, .card .bg-amber .h2, .card .bg-amber small, .card .bg-amber .small, .card .bg-amber .material-icons, .card .bg-orange h2, .card .bg-orange .h2, .card .bg-orange small, .card .bg-orange .small, .card .bg-orange .material-icons, .card .bg-deep-orange h2, .card .bg-deep-orange .h2, .card .bg-deep-orange small, .card .bg-deep-orange .small, .card .bg-deep-orange .material-icons, .card .bg-brown h2, .card .bg-brown .h2, .card .bg-brown small, .card .bg-brown .small, .card .bg-brown .material-icons, .card .bg-grey h2, .card .bg-grey .h2, .card .bg-grey small, .card .bg-grey .small, .card .bg-grey .material-icons, .card .bg-blue-grey h2, .card .bg-blue-grey .h2, .card .bg-blue-grey small, .card .bg-blue-grey .small, .card .bg-blue-grey .material-icons, .card .bg-black h2, .card .bg-black .h2, .card .bg-black small, .card .bg-black .small, .card .bg-black .material-icons { color: #fff !important; } .card .bg-red .badge, .card .bg-pink .badge, .card .bg-purple .badge, .card .bg-deep-purple .badge, .card .bg-indigo .badge, .card .bg-blue .badge, .card .bg-light-blue .badge, .card .bg-cyan .badge, .card .bg-teal .badge, .card .bg-green .badge, .card .bg-light-green .badge, .card .bg-lime .badge, .card .bg-yellow .badge, .card .bg-amber .badge, .card .bg-orange .badge, .card .bg-deep-orange .badge, .card .bg-brown .badge, .card .bg-grey .badge, .card .bg-blue-grey .badge, .card .bg-black .badge { background-color: #fff; color: #555; } .card .header { position: relative; display: flex; width: 100%; color: #555; padding: 10px 15px; line-height: 25px; min-height: 25px; border-radius: 10px 10px 0px 0px; } .card .header .header-dropdown { position: absolute; top: 10px; right: 0px; list-style: none; } .card .header .header-dropdown .dropdown-menu li { display: block !important; } .card .header .header-dropdown li { display: inline-block; } .card .header .header-dropdown i { font-size: 20px; color: #999; transition: all 0.5s; } .card .header .header-dropdown i:hover { color: #000; } .card .header h2, .card .header .h2 { margin: 0; color: #5b626b; line-height: 28px; padding-right: 10px; font-weight: 500; } .card .header h2 small, .card .header .h2 small, .card .header h2 .small, .card .header .h2 .small { display: block; margin-top: 5px; color: #999; line-height: 15px; } .card .header h2 small a, .card .header .h2 small a, .card .header h2 .small a, .card .header .h2 .small a { font-weight: bold; color: #777; } .card .header .col-xs-12 h2, .card .header .col-xs-12 .h2 { margin-top: 5px; } .card .body { color: #555; padding: 15px; } .card .body .col-xs-1, .card .body .col-sm-1, .card .body .col-md-1, .card .body .col-lg-1 { margin-bottom: 20px; } .card .body .col-xs-2, .card .body .col-sm-2, .card .body .col-md-2, .card .body .col-lg-2 { margin-bottom: 20px; } .card .body .col-xs-3, .card .body .col-sm-3, .card .body .col-md-3, .card .body .col-lg-3 { margin-bottom: 20px; } .card .body .col-xs-4, .card .body .col-sm-4, .card .body .col-md-4, .card .body .col-lg-4 { margin-bottom: 20px; } .card .body .col-xs-5, .card .body .col-sm-5, .card .body .col-md-5, .card .body .col-lg-5 { margin-bottom: 20px; } .card .body .col-xs-6, .card .body .col-sm-6, .card .body .col-md-6, .card .body .col-lg-6 { margin-bottom: 20px; } .card .body .col-xs-7, .card .body .col-sm-7, .card .body .col-md-7, .card .body .col-lg-7 { margin-bottom: 20px; } .card .body .col-xs-8, .card .body .col-sm-8, .card .body .col-md-8, .card .body .col-lg-8 { margin-bottom: 20px; } .card .body .col-xs-9, .card .body .col-sm-9, .card .body .col-md-9, .card .body .col-lg-9 { margin-bottom: 20px; } .card .body .col-xs-10, .card .body .col-sm-10, .card .body .col-md-10, .card .body .col-lg-10 { margin-bottom: 20px; } .card .body .col-xs-11, .card .body .col-sm-11, .card .body .col-md-11, .card .body .col-lg-11 { margin-bottom: 20px; } .card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 { margin-bottom: 20px; } .card .list-body { padding: 0px 10px; } .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header { border-color: transparent; padding-bottom: 0; height: auto; min-height: auto; display: block; } .card.card-statistic-1 .card-icon { width: 30px; height: 30px; margin: 10px 0px 0px 20px; border-radius: 3px; line-height: 78px; text-align: center; float: left; font-size: 30px; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4, .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { line-height: 1.2; color: color(muted); } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { padding-top: 0; } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { font-weight: 700; color: color(fontdark); padding-bottom: 0; } .card.card-statistic-1, .card.card-statistic-2 { display: inline-block; width: 100%; } .card.card-statistic-1 .card-icon, .card.card-statistic-2 .card-icon { width: 80px; height: 80px; margin: 10px; border-radius: 3px; line-height: 94px; text-align: center; float: left; border-radius: 50px; margin-right: 15px; } .card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal { font-size: 22px; color: #fff; } .card.card-statistic-1 .card-icon { line-height: 90px; } .card.card-statistic-2 .card-icon { width: 50px; height: 50px; line-height: 50px; font-size: 22px; margin: 25px; box-shadow: 5px 3px 10px 0 rgba(21, 15, 15, 0.3); border-radius: 10px; background: #6777ef; } .card.card-statistic-2 .card-icon-only { font-size: 35px; margin: 20px; } .card.card-statistic-1 .card-header, .card.card-statistic-2 .card-header { padding-bottom: 0; padding-top: 25px; } .card.card-statistic-2 .card-header + .card-body, .card.card-statistic-2 .card-body + .card-header { padding-top: 0; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4, .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { font-weight: 600; letter-spacing: 0.5px; } .card.card-statistic-1 .card-header h4, .card.card-statistic-1 .card-header .h4 { margin-bottom: 0; } .card.card-statistic-2 .card-header h4, .card.card-statistic-2 .card-header .h4 { text-transform: none; margin-bottom: 0; } .card.card-statistic-2 .card-chart { margin-left: -10px; margin-right: -1px; margin-bottom: -7px; } .card.card-statistic-2 .card-chart canvas { height: 70px !important; } .plain-card { box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1); padding: 20px; padding-right: 35px; border-radius: 10px; background: #fff; overflow: hidden; margin-bottom: 26px; margin: 0.5rem 0 1rem 0; } .card-inner .progress { height: 10px; margin: 0px; } .col-block { margin-left: 5px; } .card-height-100 { height: 100px; } .doc-card-title { color: #00bdf2; } .doc-card-image { background: #fff; position: inherit; padding: 2px; box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.2); } /* Ros Column auto height and responsive start*/ @media (max-width: 576px) { .card-columns { column-count: 1; column-gap: 1.25rem; orphans: 1; widows: 1; } } @media (min-width: 576px) { .card-columns { column-count: 2; column-gap: 1.25rem; orphans: 1; widows: 1; } } @media (min-width: 769px) { .card-columns { column-count: 3; orphans: 1; widows: 1; } .card-columns { column-gap: 0.6rem; } } @media (min-width: 992px) { .card-columns { column-count: 4; orphans: 1; widows: 1; } .card-columns { column-gap: 0.6rem; } } @media (min-width: 1280px) { .card-columns { column-count: 5; orphans: 1; widows: 1; } .card-columns { column-gap: 0.6rem; } } /* Ros Column auto height and responsive end*/ /* * Document : _collapse.scss * Author : RedStar Template * Description: This scss file for collapse style classes */ .collapse .well, .collapse.in .well, .collapsing .well { border-radius: 0; margin-bottom: 0; } .collapse.show, .collapse.in.show, .collapsing.show { display: block; } /* * Document : _dialogs.scss * Author : RedStar Template * Description: This scss file for dialogs style classes */ .sweet-alert { border-radius: 0 !important; } .sweet-alert p { font-size: 14px !important; } .sweet-alert .sa-input-error { top: 23px !important; right: 13px !important; } .sweet-alert h2, .sweet-alert .h2 { font-size: 18px !important; margin: 0 0 5px 0 !important; line-height: 40px; } .sweet-alert button { font-size: 15px !important; border-radius: 0 !important; padding: 5px 20px !important; } .drag-video-dialog-container .mat-dialog-container { overflow: visible; /* Ensures dragging works */ padding: 0; border-radius: 8px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); /* Optional shadow for better visibility */ } /* * Document : _expansion * Author : RedStar Template * Description: This scss file for collapse style classes */ .example-headers-align .mat-expansion-panel-header-title, .example-headers-align .mat-expansion-panel-header-description { flex-basis: 0; } .example-headers-align .mat-expansion-panel-header-description { justify-content: space-between; align-items: center; } .example-headers-align .mat-form-field + .mat-form-field { margin-left: 8px; } /* * Document : _mediaobject.scss * Author : RedStar Template * Description: This scss file for media object style classes */ .media { margin-bottom: 5px; margin-top: 5px; } .media .media-left { padding-right: 10px; } .media .media-body { color: #777; font-size: 12px; } .media .media-body .media-heading { font-size: 16px; font-weight: bold; color: #333; } /* * Document : _modals.scss * Author : RedStar Template * Description: This scss file for modals style classes */ .modal { background-color: rgba(238, 238, 238, 0.41); max-height: 100%; width: 100%; } .modal .modal-header { border: none; padding: 0px; border-bottom: 1px solid #eee; } .modal .modal-header .modal-title { font-weight: bold; font-size: 16px; } .modal .modal-content { border-radius: 10px; box-shadow: 0 5px 20px rgba(0, 0, 0, 0.31) !important; border: none; padding: 10px; } .modal .modal-content .modal-body { color: #777; padding: 15px 25px; } .modal .modal-footer { border: none; background-color: transparent; } .modal .modal-footer .btn { margin: 10px; } .editRowModal .modal-header { padding: 5px; border-radius: 0 0.55rem 0 0; } .editRowModal .modal-header img { float: left; border-radius: 50%; width: 45px; } .editRowModal .modal-header .modal-about { float: left; padding-left: 10px; } .editRowModal .modal-header .modal-with { font-weight: bold; font-size: 16px; } .editRowModal .modal-header .modal-num-messages { color: 434651; } .addContainer { display: flex; flex-direction: column; overflow: hidden; } .addContainer .form { display: flex; padding-top: 6px; } .addContainer .mat-form-field { flex-grow: 1; } .addContainer .modalHeader img { border-radius: 50%; } .modalHeader { display: flex; align-items: flex-start; justify-content: space-between; padding: 0px 10px 0px 10px; } .modal-close-button { background-color: transparent !important; box-shadow: none !important; color: #161d38; } .modal-col-blue { background-color: #0d6efd; } .modal-col-blue .modal-body, .modal-col-blue .modal-title { color: #fff !important; } .modal-col-blue .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-blue .modal-footer .btn-link { color: #fff !important; } .modal-col-blue .modal-footer .btn-link:hover, .modal-col-blue .modal-footer .btn-link:active, .modal-col-blue .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo { background-color: #6610f2; } .modal-col-indigo .modal-body, .modal-col-indigo .modal-title { color: #fff !important; } .modal-col-indigo .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-indigo .modal-footer .btn-link { color: #fff !important; } .modal-col-indigo .modal-footer .btn-link:hover, .modal-col-indigo .modal-footer .btn-link:active, .modal-col-indigo .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple { background-color: #6f42c1; } .modal-col-purple .modal-body, .modal-col-purple .modal-title { color: #fff !important; } .modal-col-purple .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-purple .modal-footer .btn-link { color: #fff !important; } .modal-col-purple .modal-footer .btn-link:hover, .modal-col-purple .modal-footer .btn-link:active, .modal-col-purple .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink { background-color: #d63384; } .modal-col-pink .modal-body, .modal-col-pink .modal-title { color: #fff !important; } .modal-col-pink .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-pink .modal-footer .btn-link { color: #fff !important; } .modal-col-pink .modal-footer .btn-link:hover, .modal-col-pink .modal-footer .btn-link:active, .modal-col-pink .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red { background-color: #dc3545; } .modal-col-red .modal-body, .modal-col-red .modal-title { color: #fff !important; } .modal-col-red .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-red .modal-footer .btn-link { color: #fff !important; } .modal-col-red .modal-footer .btn-link:hover, .modal-col-red .modal-footer .btn-link:active, .modal-col-red .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange { background-color: #fd7e14; } .modal-col-orange .modal-body, .modal-col-orange .modal-title { color: #fff !important; } .modal-col-orange .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-orange .modal-footer .btn-link { color: #fff !important; } .modal-col-orange .modal-footer .btn-link:hover, .modal-col-orange .modal-footer .btn-link:active, .modal-col-orange .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow { background-color: #ffc107; } .modal-col-yellow .modal-body, .modal-col-yellow .modal-title { color: #fff !important; } .modal-col-yellow .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-yellow .modal-footer .btn-link { color: #fff !important; } .modal-col-yellow .modal-footer .btn-link:hover, .modal-col-yellow .modal-footer .btn-link:active, .modal-col-yellow .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green { background-color: #198754; } .modal-col-green .modal-body, .modal-col-green .modal-title { color: #fff !important; } .modal-col-green .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-green .modal-footer .btn-link { color: #fff !important; } .modal-col-green .modal-footer .btn-link:hover, .modal-col-green .modal-footer .btn-link:active, .modal-col-green .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal { background-color: #20c997; } .modal-col-teal .modal-body, .modal-col-teal .modal-title { color: #fff !important; } .modal-col-teal .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-teal .modal-footer .btn-link { color: #fff !important; } .modal-col-teal .modal-footer .btn-link:hover, .modal-col-teal .modal-footer .btn-link:active, .modal-col-teal .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan { background-color: #0dcaf0; } .modal-col-cyan .modal-body, .modal-col-cyan .modal-title { color: #fff !important; } .modal-col-cyan .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-cyan .modal-footer .btn-link { color: #fff !important; } .modal-col-cyan .modal-footer .btn-link:hover, .modal-col-cyan .modal-footer .btn-link:active, .modal-col-cyan .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-black { background-color: #000; } .modal-col-black .modal-body, .modal-col-black .modal-title { color: #fff !important; } .modal-col-black .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-black .modal-footer .btn-link { color: #fff !important; } .modal-col-black .modal-footer .btn-link:hover, .modal-col-black .modal-footer .btn-link:active, .modal-col-black .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white { background-color: #fff; } .modal-col-white .modal-body, .modal-col-white .modal-title { color: #fff !important; } .modal-col-white .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-white .modal-footer .btn-link { color: #fff !important; } .modal-col-white .modal-footer .btn-link:hover, .modal-col-white .modal-footer .btn-link:active, .modal-col-white .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray { background-color: #6c757d; } .modal-col-gray .modal-body, .modal-col-gray .modal-title { color: #fff !important; } .modal-col-gray .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray .modal-footer .btn-link { color: #fff !important; } .modal-col-gray .modal-footer .btn-link:hover, .modal-col-gray .modal-footer .btn-link:active, .modal-col-gray .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray-dark { background-color: #343a40; } .modal-col-gray-dark .modal-body, .modal-col-gray-dark .modal-title { color: #fff !important; } .modal-col-gray-dark .modal-footer { background-color: rgba(0, 0, 0, 0.12); } .modal-col-gray-dark .modal-footer .btn-link { color: #fff !important; } .modal-col-gray-dark .modal-footer .btn-link:hover, .modal-col-gray-dark .modal-footer .btn-link:active, .modal-col-gray-dark .modal-footer .btn-link:focus { background-color: rgba(0, 0, 0, 0.12); } .cdk-overlay-connected-position-bounding-box { z-index: 1052 !important; } .mat-dialog-content { margin: 0px !important; padding: 0px !important; } /* * Document : _pageloader.scss * Author : RedStar Template * Description: This scss file for page loader style classes */ .page-loader-wrapper { z-index: 99999999; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; background: #eee; overflow: hidden; text-align: center; } .page-loader-wrapper p { font-size: 12px; margin-top: 10px; font-weight: bold; color: #444; } .page-loader-wrapper .loader { position: relative; } /* * Document : _pagination.scss * Author : RedStar Template * Description: This scss file for pagination style classes */ .pager { padding-left: 0; margin: 20px 0; text-align: center; list-style: none; } .pager li { display: inline; } .pager li > a { border-radius: 0; border: none; background-color: transparent; color: #222; font-weight: bold; display: inline-block; padding: 5px 14px; } .pager li a:focus, .pager li a:active { background-color: transparent; } .pager .previous > a, .pager .previous > span { float: left; } .pager .next > a, .pager .next > span { float: right; } .pagination { margin: 20px 0; } .pagination .disabled a, .pagination .disabled a:hover, .pagination .disabled a:focus, .pagination .disabled a:active { color: #bbb; } .pagination li.active { background-color: transparent !important; } .pagination li.active a { background-color: #ffc107; border-color: #ffc107; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .pagination li { border-radius: 0; } .pagination > li > a { border: none; font-weight: bold; color: #555; font-size: 12px; margin: 0px 3px; color: gray; margin: 5px; border-radius: 50%; color: gray; min-width: 30px; text-transform: uppercase; padding: 0.5rem 0.75rem; line-height: 1.25; } .pagination > li > a:hover { font-weight: bold; background-color: transparent; color: #8c8b8b; border-radius: 50%; font-size: 12px; } .pagination > li:first-child > a, .pagination > li:last-child > a { width: auto; height: 32px; border-radius: 0; } .pagination > li:first-child > a .material-icons, .pagination > li:last-child > a .material-icons { position: relative; bottom: 0px; } .pagination-sm > li:first-child > a, .pagination-sm > li:last-child > a { width: 28px; height: 28px; } .pagination-sm > li:first-child > a .material-icons, .pagination-sm > li:last-child > a .material-icons { position: relative; top: 4px; left: -6px; font-size: 20px; } .pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; } .pagination-lg > li:first-child > a, .pagination-lg > li:last-child > a { width: 44px; height: 44px; } .pagination-lg > li:first-child > a .material-icons, .pagination-lg > li:last-child > a .material-icons { font-size: 30px; position: relative; top: 0px; left: -10px; } .pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; } .page-link:focus, .page-link:hover { color: #65686b; text-decoration: none; background-color: #e3eaf1; border-color: #e3eaf1; border-radius: 50%; } /* * Document : _panels.scss * Author : RedStar Template * Description: This scss file for panels style classes */ .panel-group .panel-col-blue { border: 1px solid #0d6efd; } .panel-group .panel-col-blue .panel-title { background-color: #0d6efd !important; color: #fff; } .panel-group .panel-col-blue .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-indigo { border: 1px solid #6610f2; } .panel-group .panel-col-indigo .panel-title { background-color: #6610f2 !important; color: #fff; } .panel-group .panel-col-indigo .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-purple { border: 1px solid #6f42c1; } .panel-group .panel-col-purple .panel-title { background-color: #6f42c1 !important; color: #fff; } .panel-group .panel-col-purple .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-pink { border: 1px solid #d63384; } .panel-group .panel-col-pink .panel-title { background-color: #d63384 !important; color: #fff; } .panel-group .panel-col-pink .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-red { border: 1px solid #dc3545; } .panel-group .panel-col-red .panel-title { background-color: #dc3545 !important; color: #fff; } .panel-group .panel-col-red .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-orange { border: 1px solid #fd7e14; } .panel-group .panel-col-orange .panel-title { background-color: #fd7e14 !important; color: #fff; } .panel-group .panel-col-orange .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-yellow { border: 1px solid #ffc107; } .panel-group .panel-col-yellow .panel-title { background-color: #ffc107 !important; color: #fff; } .panel-group .panel-col-yellow .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-green { border: 1px solid #198754; } .panel-group .panel-col-green .panel-title { background-color: #198754 !important; color: #fff; } .panel-group .panel-col-green .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-teal { border: 1px solid #20c997; } .panel-group .panel-col-teal .panel-title { background-color: #20c997 !important; color: #fff; } .panel-group .panel-col-teal .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-cyan { border: 1px solid #0dcaf0; } .panel-group .panel-col-cyan .panel-title { background-color: #0dcaf0 !important; color: #fff; } .panel-group .panel-col-cyan .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-black { border: 1px solid #000; } .panel-group .panel-col-black .panel-title { background-color: #000 !important; color: #fff; } .panel-group .panel-col-black .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-white { border: 1px solid #fff; } .panel-group .panel-col-white .panel-title { background-color: #fff !important; color: #fff; } .panel-group .panel-col-white .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-gray { border: 1px solid #6c757d; } .panel-group .panel-col-gray .panel-title { background-color: #6c757d !important; color: #fff; } .panel-group .panel-col-gray .panel-body { border-top-color: transparent !important; } .panel-group .panel-col-gray-dark { border: 1px solid #343a40; } .panel-group .panel-col-gray-dark .panel-title { background-color: #343a40 !important; color: #fff; } .panel-group .panel-col-gray-dark .panel-body { border-top-color: transparent !important; } .panel-group .panel { border-radius: 0; margin-top: 5px; } .panel-group .panel .panel-title { margin-bottom: 0; font-size: 16px; } .panel-group .panel .panel-title .material-icons { float: left; line-height: 16px; margin-right: 8px; } .panel-group .panel .panel-title > a, .panel-group .panel .panel-title > small, .panel-group .panel .panel-title > .small, .panel-group .panel .panel-title > small > a, .panel-group .panel .panel-title > .small > a { color: #fff; } .panel-group .panel .panel-heading { padding: 0; border-radius: 0; } .panel-group .panel .panel-heading a { display: block; padding: 10px 15px; } .panel-group .panel .panel-heading a:hover, .panel-group .panel .panel-heading a:focus, .panel-group .panel .panel-heading a:active { text-decoration: none; } .panel-group .panel .panel-body { color: #555; border-top: 1px solid #ddd; padding: 15px; } .panel-group .panel-primary { border: none; } .panel-group .panel-primary .panel-title { background-color: #f5f5f5; } .panel-group .panel-primary .panel-title a { color: #757575; font-weight: 400; font-size: 16px; } .panel-group .panel-success { border: 1px solid #2b982b; } .panel-group .panel-success .panel-title { background-color: #2b982b; color: #fff; } .panel-group .panel-warning { border: 1px solid #ff9600; } .panel-group .panel-warning .panel-title { background-color: #ff9600; color: #fff; } .panel-group .panel-danger { border: 1px solid #fb483a; } .panel-group .panel-danger .panel-title { background-color: #fb483a; color: #fff; } .full-body .panel-col-blue .panel-body { border-top-color: #fff !important; background-color: #0d6efd; color: #fff; } .full-body .panel-col-indigo .panel-body { border-top-color: #fff !important; background-color: #6610f2; color: #fff; } .full-body .panel-col-purple .panel-body { border-top-color: #fff !important; background-color: #6f42c1; color: #fff; } .full-body .panel-col-pink .panel-body { border-top-color: #fff !important; background-color: #d63384; color: #fff; } .full-body .panel-col-red .panel-body { border-top-color: #fff !important; background-color: #dc3545; color: #fff; } .full-body .panel-col-orange .panel-body { border-top-color: #fff !important; background-color: #fd7e14; color: #fff; } .full-body .panel-col-yellow .panel-body { border-top-color: #fff !important; background-color: #ffc107; color: #fff; } .full-body .panel-col-green .panel-body { border-top-color: #fff !important; background-color: #198754; color: #fff; } .full-body .panel-col-teal .panel-body { border-top-color: #fff !important; background-color: #20c997; color: #fff; } .full-body .panel-col-cyan .panel-body { border-top-color: #fff !important; background-color: #0dcaf0; color: #fff; } .full-body .panel-col-black .panel-body { border-top-color: #fff !important; background-color: #000; color: #fff; } .full-body .panel-col-white .panel-body { border-top-color: #fff !important; background-color: #fff; color: #fff; } .full-body .panel-col-gray .panel-body { border-top-color: #fff !important; background-color: #6c757d; color: #fff; } .full-body .panel-col-gray-dark .panel-body { border-top-color: #fff !important; background-color: #343a40; color: #fff; } .full-body .panel-primary .panel-body { border-top-color: #fff !important; background-color: #7861a9; color: #fff; } .full-body .panel-success .panel-body { border-top-color: #fff !important; background-color: #2b982b; color: #fff; } .full-body .panel-warning .panel-body { border-top-color: #fff !important; background-color: #ff9600; color: #fff; } .full-body .panel-danger .panel-body { border-top-color: #fff !important; background-color: #fb483a; color: #fff; } /* * Document : _preloaders.scss * Author : RedStar Template * Description: This scss file for preloaders style classes */ .md-preloader .pl-blue { stroke: #0d6efd; } .md-preloader .pl-indigo { stroke: #6610f2; } .md-preloader .pl-purple { stroke: #6f42c1; } .md-preloader .pl-pink { stroke: #d63384; } .md-preloader .pl-red { stroke: #dc3545; } .md-preloader .pl-orange { stroke: #fd7e14; } .md-preloader .pl-yellow { stroke: #ffc107; } .md-preloader .pl-green { stroke: #198754; } .md-preloader .pl-teal { stroke: #20c997; } .md-preloader .pl-cyan { stroke: #0dcaf0; } .md-preloader .pl-black { stroke: #000; } .md-preloader .pl-white { stroke: #fff; } .md-preloader .pl-gray { stroke: #6c757d; } .md-preloader .pl-gray-dark { stroke: #343a40; } .preloader { display: inline-block; position: relative; width: 50px; height: 50px; animation: container-rotate 1568ms linear infinite; } .preloader.pl-size-xl { width: 75px; height: 75px; } .preloader.pl-size-l { width: 60px; height: 60px; } .preloader.pl-size-md { width: 50px; height: 50px; } .preloader.pl-size-sm { width: 40px; height: 40px; } .preloader.pl-size-xs { width: 25px; height: 25px; } .spinner-layer { position: absolute; width: 100%; height: 100%; border-color: #f44336; -ms-opacity: 1; opacity: 1; animation: fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .spinner-layer.pl-blue { border-color: #0d6efd; } .spinner-layer.pl-indigo { border-color: #6610f2; } .spinner-layer.pl-purple { border-color: #6f42c1; } .spinner-layer.pl-pink { border-color: #d63384; } .spinner-layer.pl-red { border-color: #dc3545; } .spinner-layer.pl-orange { border-color: #fd7e14; } .spinner-layer.pl-yellow { border-color: #ffc107; } .spinner-layer.pl-green { border-color: #198754; } .spinner-layer.pl-teal { border-color: #20c997; } .spinner-layer.pl-cyan { border-color: #0dcaf0; } .spinner-layer.pl-black { border-color: #000; } .spinner-layer.pl-white { border-color: #fff; } .spinner-layer.pl-gray { border-color: #6c757d; } .spinner-layer.pl-gray-dark { border-color: #343a40; } .right { float: right !important; } .gap-patch { position: absolute; top: 0; left: 45%; width: 10%; height: 100%; overflow: hidden; border-color: inherit; } .gap-patch.circle { width: 1000%; left: -450%; } .circle-clipper { display: inline-block; position: relative; width: 50%; height: 100%; overflow: hidden; border-color: inherit; } .circle-clipper .circle { width: 200%; height: 100%; border-width: 3px; border-style: solid; border-color: inherit; border-bottom-color: transparent !important; border-radius: 50%; animation: none; position: absolute; top: 0; right: 0; bottom: 0; } .circle-clipper.left .circle { left: 0; border-right-color: transparent !important; transform: rotate(129deg); animation: left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } .circle-clipper.right .circle { left: -100%; border-left-color: transparent !important; transform: rotate(-129deg); animation: right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; } @keyframes container-rotate { to { transform: rotate(360deg); } } @keyframes fill-unfill-rotate { 12.5% { transform: rotate(135deg); } 25% { transform: rotate(270deg); } 37.5% { transform: rotate(405deg); } 50% { transform: rotate(540deg); } 62.5% { transform: rotate(675deg); } 75% { transform: rotate(810deg); } 87.5% { transform: rotate(945deg); } to { transform: rotate(1080deg); } } @keyframes left-spin { from { transform: rotate(130deg); } 50% { transform: rotate(-5deg); } to { transform: rotate(130deg); } } @keyframes right-spin { from { transform: rotate(-130deg); } 50% { transform: rotate(5deg); } to { transform: rotate(-130deg); } } /* * Document : _progressbars.scss * Author : RedStar Template * Description: This scss file for progress bars style classes */ .progress { border-radius: 0; height: 16px; } .progress.progress-xs { height: 4px; } .progress .progress-bar { line-height: 16px; background-color: #1f91f3; } .progress .progress-bar-success { background-color: #2b982b; } .progress .progress-bar-info { background-color: #00b0e4; } .progress .progress-bar-warning { background-color: #ff9600; } .progress .progress-bar-danger { background-color: #fb483a; } .progress-list { position: relative; } .progress-list .status { display: inline-block; font-size: 12px; padding: 6px; position: absolute; right: 0; top: 0; } mat-slider { width: 300px; } .snackbar-success { background-color: rgba(24, 206, 15, 0.8); color: #ffffff; } .snackbar-info { background-color: rgba(44, 168, 255, 0.8); color: #ffffff; } .snackbar-warning { background-color: rgba(255, 230, 0, 0.8); color: #ffffff; } .snackbar-danger { background-color: rgba(255, 0, 0, 0.8); color: #ffffff; } .example-small-box, .example-large-box { display: flex; align-items: center; justify-content: center; margin: 16px; padding: 16px; border-radius: 8px; } .example-small-box { height: 100px; width: 100px; } .example-large-box { height: 300px; width: 300px; } .appointment-tab-box { background-color: #eff1f7; width: 100%; padding: 10px; } .tab-header { color: #555; padding: 15px; position: relative; } /* * Document : _tooltippopovers.scss * Author : RedStar Template * Description: This scss file for tooltip pop overs style classes */ .tooltip { font-size: 12px; } .tooltip .tooltip-inner { border-radius: 0; } .popover { border-radius: 0; border: 1px solid rgba(0, 0, 0, 0.08); } .popover .popover-title { font-weight: bold; border-radius: 0; background-color: #e9e9e9; border-bottom: 1px solid #ddd; } .popover .popover-content { font-size: 12px; color: #777; border-radius: 0; } .ck.ck-content ul, .ck.ck-content ul li { list-style-type: inherit; } .ck.ck-content ul { /* Default user agent stylesheet, you can change it to your needs. */ padding-left: 40px; } .ck.ck-content ol, .ck.ck-content ol li { list-style-type: decimal; } .ck.ck-content ol { /* Default user agent stylesheet, you can change it to your needs. */ padding-left: 40px; } /* [8. Browser ] */ html.ie10 .sidebar .menu .list li { line-height: 30px; } html.ie10 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie10 .sidebar .user-info .info-container { top: 15px; } html.ie10 .search-bar input[type=text] { padding: 26px 60px 26px 56px; } html.ie10 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie10 .bs-searchbox .form-control { width: 90%; } html.ie11 .sidebar .menu .list .ml-menu li.active a:not(.menu-toggle).toggled:before { top: 6px !important; line-height: 20px !important; } html.ie11 .sidebar .user-info .info-container { top: 15px; } html.ie11 .search-bar input[type=text] { padding: 26px 60px 26px 56px; } html.ie11 .dropdown-menu ul.menu li a { margin-top: -22px; } html.ie11 .bs-searchbox .form-control { width: 90%; } /* styles.css */ .btn-accept { border: 1px solid #1976d2; color: #1976d2; background: transparent; padding: 4px 10px; border-radius: 4px; margin-right: 6px; cursor: pointer; } .btn-cancel { border: 1px solid #d32f2f; color: #d32f2f; background: transparent; padding: 4px 10px; border-radius: 4px; cursor: pointer; } /* Full white background during loading */ .nurse-loading-white .ag-overlay-loading-wrapper { background-color: #ffffff !important; } /* Center loading box clean (optional) */ .nurse-loading-white .ag-overlay-loading-center { background-color: #ffffff !important; box-shadow: none !important; border: none !important; } /*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/assets/scss/theme/all-themes.scss?ngGlobalStyle ***! \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* * Document : all-themes.scss * Author : RedStar Template * Description: This scss file for import all theme style scss files [1. Purple Theme] [2. Blue Theme] [3. Cyan Theme] [4. Green Theme] [5. Orange Theme] [6. Black Theme] [7. White Theme] [8. Dark Template Theme] */ /* [1. Purple Theme] */ /* * Document : theme-purple.scss * Author : RedStar Template * Description: This scss file for purple theme style classes */ .theme-purple .navbar { background-color: transparent; } .theme-purple .navbar.active { background: #8e2de2; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #4a00e0, #8e2de2); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-purple .navbar.active .nav > li > a { color: #fff; } .theme-purple .navbar.active .nav > li .iconcolor { color: #fff; } .theme-purple .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-purple .navbar.active .navbar-right .mat-icon { color: #fff; } .theme-purple .navbar.active .navbar-right .user_dw_menu .mat-icon { color: #202020; } .theme-purple .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-purple .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-purple .bars { color: #fff; } .theme-purple .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-purple .sidebar .menu .list li a { transition: all 0.3s; } .theme-purple .sidebar .menu .list li a i, .theme-purple .sidebar .menu .list li a span { transition: all 0.3s; } .theme-purple .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-purple .sidebar .legal { background-color: #fff; } .theme-purple .sidebar .legal .copyright a { color: #909de4 !important; } .theme-purple .breadcrumb li a { color: #fff !important; } .theme-purple .breadcrumb li a .icon-color { color: #fff; } .theme-purple .page-item.active .page-link { background-color: #909de4; border-color: #909de4; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-purple .btn-primary { background-color: #909de4 !important; color: #fff !important; border-color: #909de4 !important; } .theme-purple .btn-primary:hover { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-primary:active { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-primary:focus { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-primary:disabled { background-color: #909de4 !important; color: #fff !important; } .theme-purple .btn-outline-primary { background: 0 0 !important; color: #909de4 !important; border: 1px solid #909de4 !important; } .theme-purple .btn-outline-primary:hover { background: #909de4 !important; color: #fff !important; border: 1px solid #909de4 !important; } .theme-purple .timelineLabelColor strong { color: #909de4 !important; } .theme-purple .top-sidebar .horizontal-menu li.active > a { color: #909de4; } .theme-purple .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-purple .top-sidebar .horizontal-menu li a:hover { color: #909de4; } .theme-purple .nav-tabs > li > a:before { border-bottom: 2px solid #909de4; } /*Logo Header Background Color*/ .logo-purple .navbar-header { background-color: #909de4; } .theme-purple .header-theme-field-control .mat-select-value { color: #fff; } .theme-purple .header-theme-field-control .mat-select-arrow { color: #fff; } .theme-purple .header-theme-field-control .mat-form-field-label { color: #fff; } .theme-purple .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .theme-purple .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [2. Blue Theme] */ /* * Document : theme-blue.scss * Author : RedStar Template * Description: This scss file for blue theme style classes */ .theme-blue .navbar { background-color: transparent; } .theme-blue .navbar.active { background: #00b4db; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #048efb, #08b1d6); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-blue .navbar.active .nav > li > a { color: #fff; } .theme-blue .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-blue .navbar.active .navbar-right .mat-icon { color: #fff; } .theme-blue .navbar.active .navbar-right .user_dw_menu .mat-icon { color: #202020; } .theme-blue .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-blue .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-blue .bars { color: #fff; } .theme-blue .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-blue .sidebar .menu .list li a { transition: all 0.3s; } .theme-blue .sidebar .menu .list li a i, .theme-blue .sidebar .menu .list li a span { transition: all 0.3s; } .theme-blue .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-blue .sidebar .legal { background-color: #fff; } .theme-blue .sidebar .legal .copyright a { color: #03a9f3 !important; } .theme-blue .breadcrumb li a { color: #fff !important; } .theme-blue .breadcrumb li a .icon-color { color: #fff; } .theme-blue .page-item.active .page-link { background-color: #03a9f3; border-color: #03a9f3; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-blue .btn-primary { background-color: #03a9f3 !important; color: #fff !important; border-color: #03a9f3 !important; } .theme-blue .btn-primary:hover { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-primary:active { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-primary:focus { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-primary:disabled { background-color: #03a9f3 !important; color: #fff !important; } .theme-blue .btn-outline-primary { background: 0 0 !important; color: #03a9f3 !important; border: 1px solid #03a9f3 !important; } .theme-blue .btn-outline-primary:hover { background: #03a9f3 !important; color: #fff !important; border: 1px solid #03a9f3 !important; } .theme-blue .timelineLabelColor strong { color: #03a9f3 !important; } .theme-blue .top-sidebar .horizontal-menu li.active > a { color: #03a9f3; } .theme-blue .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-blue .top-sidebar .horizontal-menu li a:hover { color: #03a9f3; } .theme-blue .nav-tabs > li > a:before { border-bottom: 2px solid #03a9f3; } /*Logo Header Background Color*/ .logo-blue .navbar-header { background-color: #03a9f3; } .theme-blue .header-theme-field-control .icon-color { color: #fff; } .theme-blue .header-theme-field-control .mat-select-value { color: #fff; } .theme-blue .header-theme-field-control .mat-select-arrow { color: #fff; } .theme-blue .header-theme-field-control .mat-form-field-label { color: #fff; } .theme-blue .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .theme-blue .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [3. Cyan Theme] */ /* * Document : theme-cyan.scss * Author : RedStar Template * Description: This scss file for cyan theme style classes */ .theme-cyan .navbar { background-color: transparent; } .theme-cyan .navbar.active { background: #4cb8c4; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #0fdbdc, #1ab5b9); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-cyan .navbar.active .nav > li > a { color: #fff; } .theme-cyan .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-cyan .navbar.active .navbar-right .mat-icon { color: #fff; } .theme-cyan .navbar.active .navbar-right .user_dw_menu .mat-icon { color: #202020; } .theme-cyan .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-cyan .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-cyan .bars { color: #fff; } .theme-cyan .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-cyan .sidebar .menu .list li a { transition: all 0.3s; } .theme-cyan .sidebar .menu .list li a i, .theme-cyan .sidebar .menu .list li a span { transition: all 0.3s; } .theme-cyan .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-cyan .sidebar .legal { background-color: #fff; } .theme-cyan .sidebar .legal .copyright a { color: #01d8da !important; } .theme-cyan .breadcrumb li a { color: #fff !important; } .theme-cyan .breadcrumb li a .icon-color { color: #fff; } .theme-cyan .page-item.active .page-link { background-color: #01d8da; border-color: #01d8da; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-cyan .btn-primary { background-color: #01d8da !important; color: #fff !important; border-color: #01d8da !important; } .theme-cyan .btn-primary:hover { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-primary:active { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-primary:focus { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-primary:disabled { background-color: #01d8da !important; color: #fff !important; } .theme-cyan .btn-outline-primary { background: 0 0 !important; color: #01d8da !important; border: 1px solid #01d8da !important; } .theme-cyan .btn-outline-primary:hover { background: #01d8da !important; color: #fff !important; border: 1px solid #01d8da !important; } .theme-cyan .timelineLabelColor strong { color: #01d8da !important; } .theme-cyan .top-sidebar .horizontal-menu li.active > a { color: #01d8da; } .theme-cyan .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-cyan .top-sidebar .horizontal-menu li a:hover { color: #01d8da; } .theme-cyan .nav-tabs > li > a:before { border-bottom: 2px solid #01d8da; } /*Logo Header Background Color*/ .logo-cyan .navbar-header { background-color: #01d8da; } .theme-cyan .header-theme-field-control .icon-color { color: #fff; } .theme-cyan .header-theme-field-control .mat-select-value { color: #fff; } .theme-cyan .header-theme-field-control .mat-select-arrow { color: #fff; } .theme-cyan .header-theme-field-control .mat-form-field-label { color: #fff; } .theme-cyan .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .theme-cyan .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [4. Green Theme] */ /* * Document : theme-green.scss * Author : RedStar Template * Description: This scss file for green theme style classes */ .theme-green .navbar { background-color: transparent; } .theme-green .navbar.active { background: #11998e; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #10bf52, #11998e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-green .navbar.active .nav > li > a { color: #fff; } .theme-green .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-green .navbar.active .navbar-right .mat-icon { color: #fff; } .theme-green .navbar.active .navbar-right .user_dw_menu .mat-icon { color: #202020; } .theme-green .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-green .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-green .bars { color: #fff; } .theme-green .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-green .sidebar .menu .list li a { transition: all 0.3s; } .theme-green .sidebar .menu .list li a i, .theme-green .sidebar .menu .list li a span { transition: all 0.3s; } .theme-green .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-green .sidebar .legal { background-color: #fff; } .theme-green .sidebar .legal .copyright a { color: #11a37d !important; } .theme-green .breadcrumb li a { color: #fff !important; } .theme-green .breadcrumb li a .icon-color { color: #fff; } .theme-green .page-item.active .page-link { background-color: #11a37d; border-color: #11a37d; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-green .btn-primary { background-color: #11a37d !important; color: #fff !important; border-color: #11a37d !important; } .theme-green .btn-primary:hover { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-primary:active { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-primary:focus { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-primary:disabled { background-color: #11a37d !important; color: #fff !important; } .theme-green .btn-outline-primary { background: 0 0 !important; color: #11a37d !important; border: 1px solid #11a37d !important; } .theme-green .btn-outline-primary:hover { background: #11a37d !important; color: #fff !important; border: 1px solid #11a37d !important; } .theme-green .timelineLabelColor strong { color: #11a37d !important; } .theme-green .top-sidebar .horizontal-menu li.active > a { color: #11a37d; } .theme-green .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-green .top-sidebar .horizontal-menu li a:hover { color: #11a37d; } .theme-green .nav-tabs > li > a:before { border-bottom: 2px solid #11a37d; } /*Logo Header Background Color*/ .logo-green .navbar-header { background-color: #11a37d; } .theme-green .header-theme-field-control .icon-color { color: #fff; } .theme-green .header-theme-field-control .mat-select-value { color: #fff; } .theme-green .header-theme-field-control .mat-select-arrow { color: #fff; } .theme-green .header-theme-field-control .mat-form-field-label { color: #fff; } .theme-green .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .theme-green .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [5. Orange Theme] */ /* * Document : theme-orange.scss * Author : RedStar Template * Description: This scss file for orange theme style classes */ .theme-orange .navbar { background-color: transparent; } .theme-orange .navbar.active { background: #fc4a1a; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #ea581e, #ff8a61); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-orange .navbar.active .nav > li > a { color: #fff; } .theme-orange .navbar.active .nav > li .icon-color { color: #fff; } .theme-orange .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-orange .navbar.active .navbar-right .mat-icon { color: #fff; } .theme-orange .navbar.active .navbar-right .user_dw_menu .mat-icon { color: #202020; } .theme-orange .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-orange .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-orange .bars { color: #fff; } .theme-orange .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-orange .sidebar .menu .list li a { transition: all 0.3s; } .theme-orange .sidebar .menu .list li a i, .theme-orange .sidebar .menu .list li a span { transition: all 0.3s; } .theme-orange .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-orange .sidebar .legal { background-color: #fff; } .theme-orange .sidebar .legal .copyright a { color: #f16735 !important; } .theme-orange .breadcrumb li a { color: #fff !important; } .theme-orange .breadcrumb li a .icon-color { color: #fff; } .theme-orange .page-item.active .page-link { background-color: #f16735; border-color: #f16735; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-orange .btn-primary { background-color: #f16735 !important; color: #fff !important; border-color: #f16735 !important; } .theme-orange .btn-primary:hover { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-primary:active { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-primary:focus { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-primary:disabled { background-color: #f16735 !important; color: #fff !important; } .theme-orange .btn-outline-primary { background: 0 0 !important; color: #f16735 !important; border: 1px solid #f16735 !important; } .theme-orange .btn-outline-primary:hover { background: #f16735 !important; color: #fff !important; border: 1px solid #f16735 !important; } .theme-orange .timelineLabelColor strong { color: #f16735 !important; } .theme-orange .top-sidebar .horizontal-menu li.active > a { color: #f16735; } .theme-orange .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-orange .top-sidebar .horizontal-menu li a:hover { color: #f16735; } .theme-orange .nav-tabs > li > a:before { border-bottom: 2px solid #f16735; } /*Logo Header Background Color*/ .logo-orange .navbar-header { background-color: #f16735; } .theme-orange .header-theme-field-control .icon-color { color: #fff; } .theme-orange .header-theme-field-control .mat-select-value { color: #fff; } .theme-orange .header-theme-field-control .mat-select-arrow { color: #fff; } .theme-orange .header-theme-field-control .mat-form-field-label { color: #fff; } .theme-orange .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .theme-orange .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [6. Black Theme] */ /* * Document : theme-black.scss * Author : RedStar Template * Description: This scss file for black theme style classes */ .theme-black .navbar { background-color: transparent; } .theme-black .navbar.active { background: #485563; /* fallback for old browsers */ /* Chrome 10-25, Safari 5.1-6 */ background: linear-gradient(to right, #1c212d, #1a202e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25); } .theme-black .navbar.active .nav > li > a { color: #fff; } .theme-black .navbar.active .collapse-menu-icon .mat-icon { color: #fff; } .theme-black .navbar.active .navbar-right .nav-notification-icons .mat-icon { color: #fff; } .theme-black .navbar-brand { color: #fff; } .theme-black .navbar-brand:hover { color: #fff; } .theme-black .navbar-brand:active { color: #fff; } .theme-black .navbar-brand:focus { color: #fff; } .theme-black .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-black .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-black .nav .open > a { background-color: rgba(0, 0, 0, 0); } .theme-black .nav .open > a:hover { background-color: rgba(0, 0, 0, 0); } .theme-black .nav .open > a:focus { background-color: rgba(0, 0, 0, 0); } .theme-black .bars { color: #fff; } .theme-black .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-black .sidebar .menu .list li a { transition: all 0.3s; } .theme-black .sidebar .menu .list li a i, .theme-black .sidebar .menu .list li a span { transition: all 0.3s; } .theme-black .sidebar .menu .list li a:hover { color: #5783c7; } .theme-black .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-black .sidebar .legal { background-color: #fff; } .theme-black .sidebar .legal .copyright a { color: #1a202e !important; } .theme-black .breadcrumb li a { color: #fff !important; } .theme-black .breadcrumb li a .icon-color { color: #fff; } .theme-black .page-item.active .page-link { background-color: #1a202e; border-color: #1a202e; color: #ffffff; border-radius: 50%; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.2); } .theme-black .btn-primary { background-color: #5783c7 !important; color: #fff !important; border-color: #1a202e !important; } .theme-black .btn-primary:hover { background-color: #1a202e !important; color: #fff !important; } .theme-black .btn-primary:active { background-color: #1a202e !important; color: #fff !important; } .theme-black .btn-primary:focus { background-color: #1a202e !important; color: #fff !important; } .theme-black .btn-primary:disabled { background-color: #1a202e !important; color: #fff !important; } .theme-black .btn-outline-primary { background: 0 0 !important; color: #1a202e !important; border: 1px solid #1a202e !important; } .theme-black .btn-outline-primary:hover { background: #1a202e !important; color: #fff !important; border: 1px solid #1a202e !important; } .theme-black .timelineLabelColor strong { color: #1a202e !important; } .theme-black .top-sidebar .horizontal-menu li.active > a { color: #1a202e; } .theme-black .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-black .top-sidebar .horizontal-menu li a:hover { color: #1a202e; } .theme-black .nav-tabs > li > a:before { border-bottom: 2px solid #1a202e; } /*Logo Header Background Color*/ .logo-black .navbar-header { background-color: #1a202e; border-right: 1px solid #323538; } .theme-black .header-theme-field-control .icon-color { color: #fff; } .theme-black .header-theme-field-control .mat-select-value { color: #fff; } .theme-black .header-theme-field-control .mat-select-arrow { color: #fff; } .theme-black .header-theme-field-control .mat-form-field-label { color: #fff; } .theme-black .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #fff; } .theme-black .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [7. White Theme] */ /* * Document : theme-white.scss * Author : RedStar Template * Description: This scss file for white theme style classes */ .theme-white .navbar { background-color: transparent; } .theme-white .navbar.active { background-color: #fff !important; box-shadow: 3px 0 10px 0 rgba(183, 192, 206, 0.2); } .theme-white .navbar.active .nav > li > a { color: #3a2c70; } .theme-white .navbar.active .collapse-menu-icon .mat-icon { color: #2c2c2c; } .theme-white .navbar.active .nav-notification-icons .mat-icon { color: #2c2c2c; } .theme-white .navbar-brand { color: #2c303b; } .theme-white .navbar-brand:hover { color: #2c303b; } .theme-white .navbar-brand:active { color: #2c303b; } .theme-white .navbar-brand:focus { color: #2c303b; } .theme-white .nav > li > a:hover { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-white .nav > li > a:focus { background-color: rgba(0, 0, 0, 0); text-decoration: none; } .theme-white .nav .open > a { background-color: rgba(0, 0, 0, 0); } .theme-white .nav .open > a:hover { background-color: rgba(0, 0, 0, 0); } .theme-white .nav .open > a:focus { background-color: rgba(0, 0, 0, 0); } .theme-white .bars { color: #2c303b; } .theme-white .sidebar .menu .list li.active { background-color: rgba(0, 0, 0, 0); } .theme-white .sidebar .menu .list li a { transition: all 0.3s; } .theme-white .sidebar .menu .list li a i, .theme-white .sidebar .menu .list li a span { transition: all 0.3s; } .theme-white .sidebar .menu .list .ml-menu { background-color: rgba(0, 0, 0, 0); } .theme-white .sidebar .legal { background-color: #2c303b; } .theme-white .sidebar .legal .copyright a { color: #fff !important; } .theme-white .breadcrumb li a { color: #fff; } .theme-white .breadcrumb li a { color: #202020; } .theme-white .breadcrumb li a .icon-color { color: #202020; } .theme-white .page-item.active .page-link { background-color: #00bcd4; border-color: #00bcd4; border-radius: 50%; margin: 5px; box-shadow: 0 4px 5px 0 #d4d8da, 0 1px 10px 0 #d4d8da, 0 2px 4px -1px #d4d8da; padding: 0px 12px; min-width: 30px; line-height: 30px; color: #ffffff; text-transform: uppercase; } .theme-white .btn-primary { background-color: #00bcd4 !important; color: #fff !important; border-color: #00bcd4 !important; } .theme-white .btn-primary:hover { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:active { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:focus { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-primary:disabled { background-color: #00bcd4 !important; color: #fff !important; } .theme-white .btn-outline-primary { background: 0 0 !important; color: #2c303b !important; border: 1px solid #00bcd4 !important; } .theme-white .btn-outline-primary:hover { background: #00bcd4 !important; color: #fff !important; border: 1px solid #fff !important; } .theme-white .timelineLabelColor strong { color: #00bcd4 !important; } .theme-white .top-sidebar .horizontal-menu li.active > a { color: #00bcd4; } .theme-white .top-sidebar .horizontal-menu li a { transition: all 0.3s; } .theme-white .top-sidebar .horizontal-menu li a:hover { color: #00bcd4; } .theme-white .demo-choose-skin li.actived:after { color: #000; } .theme-white .nav-tabs > li > a:before { border-bottom: 2px solid #00bcd4; } .theme-white .search-box input#search { color: gray; background: #edecec; } /*Logo Header Background Color*/ .logo-white .navbar-header { background-color: #fff; } .logo-white .navbar-header .logo-name { color: #000; } .theme-white .header-theme-field-control .mat-select-value { color: #202020; } .theme-white .header-theme-field-control .mat-select-arrow { color: #202020; } .theme-white .header-theme-field-control .mat-form-field-label { color: #202020; } .theme-white .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #202020; } .theme-white .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /* [8. Dark Template Theme] */ /* * Document : dark.scss * Author : RedStar Template * Description: This scss file for dark theme style classes */ .dark { background-color: #232b3e; color: #96a2b4; padding-top: 1px; /* Material Design Form style */ } .dark body, .dark html { background-color: #232b3e; } .dark input { color: #96a2b4 !important; } .dark .dark-font-col { color: #96a2b4; } .dark .card { background: #1a202e; border: none; box-shadow: 0 0.46875rem 2.1875rem rgba(90, 97, 105, 0.1), 0 0.9375rem 1.40625rem rgba(90, 97, 105, 0.1), 0 0.25rem 0.53125rem rgba(90, 97, 105, 0.12), 0 0.125rem 0.1875rem rgba(90, 97, 105, 0.1); } .dark .card .body { color: #96a2b4; } .dark .card .header { color: #96a2b4; } .dark .card .header h2 { color: #96a2b4; } .dark .card .card-content { color: #96a2b4; } .dark .course-card { background: #1a202e; } .dark .course-card .bg-body-light { background-color: #292c31; } .dark .plain-card { background: #1a202e; } .dark .people-list .chat-list li:hover { background: #3f4650; cursor: pointer; } .dark .people-list .chat-list li.active { background: #262b33; } .dark .chat .chat-history .message-data-time { color: #96a2b4; } .dark .contact-usertitle-name { color: #fff; } .dark .demo-skin { color: #eaeaea; } .dark .demo-skin .form-check-label { color: #eaeaea; } .dark .demo-settings { color: #eaeaea; } .dark .block-header { padding-bottom: 0px; } .dark .block-header h2 { color: #96a2b4 !important; } .dark .select-wrapper input.select-dropdown { color: #fff; } .dark .breadcrumb li.active { color: #a5abb1; } .dark .dropzone { border: 1px solid #afacac !important; background-color: #1a202e !important; } .dark .dropzone .dz-message { min-height: 150px !important; background: #1a202e !important; color: white; } .dark .sl-item .sl-content p { color: #96a2b4; } .dark .info-box5 { background-color: #1a202e; } .dark .form-check { color: #96a2b4; } .dark label { color: #96a2b4; } .dark .input-field input, .dark .input-field textarea { color: #96a2b4; } .dark .input-group .input-group-addon .material-icons { color: #96a2b4; } .dark .input-group input[type=text], .dark .input-group .form-control { color: #96a2b4; } .dark .container-login100 .form-group .form-control { background: transparent; } .dark .form-group .form-control { color: #96a2b4; background: #1a202e; } .dark .form-group input.form-control { color: #96a2b4; border-bottom: 1px solid #9e9e9e; } .dark .form-check .form-check-sign .check { border: 1px solid #96a2b4; } .dark .form-control { color: #96a2b4; background: #1a202e; } .dark .right-sidebar { background: #1a202e; } .dark .ms-container .ms-selectable li.ms-hover, .dark .ms-container .ms-selection li.ms-hover { color: #96a2b4 !important; background-color: #46484e !important; } .dark .nav-tabs li a.active { color: #fff !important; } .dark .bootstrap-tagsinput { background-color: #343840 !important; } .dark .to-do-list li { background: #1a202e; } .dark #mail-nav li a { color: #96a2b4; } .dark .max-texts a { color: #96a2b4; } .dark .pricingTable { background: #0c0c0c; } .dark .pricingTable .pricingTable-header { background: #36373c; } .dark .profile-tab-box { background: #1a202e; } .dark .cd-timeline-content { background: #10131c; } .dark .cd-timeline-content .timelineLabelColor strong { color: #ffffff !important; } .dark .cd-timeline-content h2 { color: #96a2b4; } .dark .chart-note { color: #96a2b4; } .dark .chart-statis .index { color: #96a2b4; } .dark .dataTables_wrapper input[type=search] { color: #96a2b4; } .dark .page-item.disabled .page-link { color: #96a2b4; pointer-events: none; cursor: auto; background-color: #1a202e; } .dark .table { color: #96a2b4; } .dark .table tbody tr { color: #96a2b4; } .dark .table tbody tr td, .dark .table tbody tr th { border-top: 1px solid rgba(120, 130, 140, 0.5); border-bottom: 1px solid rgba(120, 130, 140, 0.5); } .dark .table thead tr { color: #96a2b4; } .dark .table thead tr th { border-bottom: 1px solid #3a3a3a; border-top: 1px solid #3a3a3a; background-color: #15181d; color: #abaaaa; } .dark .table-bordered { border: 1px solid rgba(120, 130, 140, 0.5); } .dark .table-bordered tbody tr td, .dark .table-bordered tbody tr th { border-right: 1px solid rgba(120, 130, 140, 0.5); border-bottom: none; } .dark .table-bordered thead tr th { border: 1px solid rgba(120, 130, 140, 0.5); } .dark .table-bordered th { border: 1px solid rgba(120, 130, 140, 0.5); color: #96a2b4; } .dark tr.group, .dark tr.group:hover { background-color: #282d35 !important; } .dark .tableBody { color: #96a2b4; } .dark .card .header h2 strong { color: #96a2b4 !important; } .dark .breadcrumb .page-title { color: #a5abb1; } .dark .breadcrumb li a { color: #5783c7 !important; } .dark .breadcrumb li a .fa-home { color: #a5abb1; } .dark .counter-box, .dark .box-part { background: #1a202e !important; color: #96a2b4; } .dark .tblActnBtn i { color: #96a2b4; } .dark .chat .chat-history .other-message { background: #3b4453; } .dark .chat .chat-history .other-message:after { border-bottom-color: #3b4454; } .dark .chat .chat-history .message { color: #96a2b4; } .dark .chat .chat-history .my-message { background: #343840; } .dark .chat .chat-history .my-message:after { border-bottom-color: #343840; } .dark .task-box { border-bottom: solid 1px #5e5e5f; color: #bbb; background: #141a27; } .dark .task-list { border: solid 1px #10141d; background: #141a27; } .dark .mat-drawer { background-color: #141a27; color: #bbb; border-color: #121315 !important; } .dark .mat-drawer-container { background-color: #1a202e; } .dark .taskbar .card-footer { background: #1a202e !important; } .dark .move { background: #1a202e; } .dark .board { background-color: #353a46; } .dark .board .drop-card { background-color: #404754; } .dark .list-group-item { background: #1a202e; } .dark .product-grid .product-content { background-color: #3b4453; } .dark .ibox-title, .dark .ibox-content { background: #1a202e; border-color: #6c757d; } .dark .collapsible-header { background: #1a202e; } .dark .card .card-inside-title { color: #96a2b4; } .dark .left-timeline > li:nth-child(odd) .left-label { background: #202529; } .dark .left-timeline > li:nth-child(odd) .left-label:after { border-right-color: #202428; } .dark .left-timeline > li:nth-child(odd) .left-time span:last-child { color: #eee; } .dark .left-timeline > li .left-label { background: #303438; } .dark .left-timeline > li .left-label p { color: #96a2b4; } .dark .left-timeline > li .left-label:after { border-right-color: #303438; } .dark .left-timeline > li .empty span { color: #96a2b4; } .dark .left-timeline > li .left-time span:first-child { color: #96a2b4; } .dark .left-timeline > li .left-time span:last-child { color: #eae9e9; } .dark .font-icon .icon-preview i { color: #96a2b4; } .dark .nav-tabs .nav-link.active, .dark .nav-tabs .nav-item.show .nav-link { background-color: transparent; } .dark .panel-group .panel-primary .panel-title a { color: #96a2b4; background: #32363c; } .dark .panel-group .panel .panel-body { color: #96a2b4; } .dark .btn-outline-primary { color: #96a2b4 !important; border: 1px solid #96a2b4 !important; } .dark .chip { background-color: #31353a; color: #96a2b4; } .dark .dropdown-content { background-color: #31353a; } .dark .dropdown-content li > span { color: #96a2b4; } .dark .autocomplete { font-size: 12px !important; color: #bbb; caret-color: #fff; } .dark .autocomplete:focus { color: #bbb; } .dark .autocomplete-content li .highlight { color: #fff; } .dark .autocomplete-content li :hover { background-color: #343d44; } .dark .select2-container--default .select2-selection--single { background: #1a202e; color: #bbb; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-selection--single .select2-selection__rendered { background: #1a202e; color: #bbb; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-selection--multiple { background: #1a202e; color: #bbb; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-selection--multiple .select2-selection__choice { background-color: #444141; border: 1px solid #656464; } .dark .select2-container--default.select2-container--focus .select2-selection--multiple { background: #1a202e; color: #bbb; border-bottom: 1px solid #9e9e9e; } .dark .select2-container--default .select2-results > .select2-results__options { background-color: #282d35; } .dark .select2-search--dropdown { background-color: #1c1f25; } .dark .flatpickr-input { border-bottom: 1px solid #9e9e9e !important; } .dark .ngx-datatable.material { background: #1a202e; color: #96a2b4; } .dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { color: #96a2b4; } .dark .ngx-datatable.material .datatable-header-cell-label { color: #96a2b4; } .dark .ngx-datatable.material :not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background-color: #1c1f25; } .dark .pagination > li > a:hover { background-color: #fff; color: #000; } .dark .dataTables_length .custom-select { background-color: #1a202e; color: white; } .dark .ngx-search { color: #bbb; } .dark .ngx-datatable.material { background: #1a202e; border: 1px solid #404755; } .dark .ngx-datatable.material .datatable-header .datatable-header-cell { background: #1a202e; } .dark .ngx-datatable.material .datatable-header .resize-handle { border-right: solid 1px #1a202e; } .dark .ngx-datatable.material .datatable-footer { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager a { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a { color: #fff !important; } .dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { color: #bbb; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover { background: #32383e; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background: #32383e; } .dark .ngx-datatable.material .datatable-body-cell, .dark .ngx-datatable.material .datatable-header-cell { border: 1px solid #404755; } .dark .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { color: #bbb; } .dark ::-webkit-input-placeholder { color: #96a2b4; opacity: 1 !important; /* for older chrome versions. may no longer apply. */ } .dark :-moz-placeholder { /* Firefox 18- */ color: #96a2b4; opacity: 1 !important; } .dark ::-moz-placeholder { /* Firefox 19+ */ color: #96a2b4; opacity: 1 !important; } .dark :-ms-input-placeholder { color: #96a2b4; } .dark input, .dark textarea { color: #bbb; } .dark .flatPicker { color: #bbb; } .dark .modal .modal-content { background: #1a202e; } .dark .modal .modal-content .modal-body { color: #bbb; } .dark .modal .modal-close-button { color: #bbb; } .dark .ngx-search { color: #bbb; } .dark .ngx-datatable { background: #434f5a; border: 1px solid #343d45; } .dark .ngx-datatable.material { background: #1a202e; } .dark .ngx-datatable.material .datatable-header .datatable-header-cell { background: #313742; } .dark .ngx-datatable.material .datatable-header .resize-handle { border-right: solid 1px #434f5a; } .dark .ngx-datatable.material .datatable-footer { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager a { color: #fff; } .dark .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a { color: #fff !important; } .dark .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell { color: #bbb; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover { background: #32383e; } .dark .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group { background: #32383e; } .dark .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell { color: #bbb; } .dark .ngxTableHeader { background-color: #242931; } .dark .ngxTableHeader .header-buttons-left strong, .dark .ngxTableHeader .header-buttons { color: #bbb; } .dark .ngxTableHeader .header-buttons-left strong .material-icons, .dark .ngxTableHeader .header-buttons .material-icons { color: #bbb; } .dark .ngxTableHeader .header-buttons-left strong .dropdown-menu li span, .dark .ngxTableHeader .header-buttons .dropdown-menu li span { color: #000000; } .dark .navbar-nav .dropdown-menu { background-color: #1a202e; border: 1px solid #4e4e4e; } .dark .navbar-nav .dropdown-menu .header { color: #bbb; border-bottom: 1px solid #232a31; } .dark .navbar-nav .dropdown-menu ul.menu .menu-info .menu-title { color: #fff; } .dark .navbar-nav .dropdown-menu ul.menu li a { border-bottom: 1px solid #232a31; } .dark .navbar-nav .dropdown-menu ul.menu li a:hover { background-color: #1d2229; } .dark .navbar-nav .user_dw_menu li { border-bottom: 1px solid #232a31; } .dark .navbar-nav .user_dw_menu li a { color: #bbb; } .dark .fc-unthemed td.fc-today { background: transparent; } .dark .fc-unthemed td.fc-day-top .fc-day-number { color: #ffffff; } .dark .fc-button-primary { background-color: #151414; border-color: #4a4a4a; color: #fff; } .dark .fc-view > table td { border-color: #65686d; } .dark .fc-view > table th { color: #fff; border-color: #65686d; } .dark .mat-checkbox-frame { border-color: #96a2b4; } .dark .mat-radio-outer-circle { border-color: #96a2b4; } .dark .mat-datepicker-content .mat-calendar-next-button { color: #96a2b4; } .dark .mat-datepicker-content .mat-calendar-previous-button { color: #96a2b4; } .dark .mat-datepicker-content .time-container { background-color: #12161f; } .dark .mat-datepicker-content .actions { background-color: #12161f; } .dark .mat-datepicker-content .actions .mat-button-wrapper .material-icons { color: white; } .dark .mat-datepicker-content .actions .mat-stroked-button:not([disabled]) { border-color: rgba(255, 255, 255, 0.37); } .dark .mat-datepicker-toggle { color: #96a2b4; } .dark .mat-select-value { color: #96a2b4; } .dark .mat-form-field-appearance-legacy .mat-hint { color: #96a2b4; } .dark .mat-form-field-appearance-legacy .mat-form-field-label { color: #96a2b4; } .dark .mat-form-field-appearance-legacy .mat-form-field-underline { background-color: #96a2b4; } .dark .mat-form-field-appearance-outline .mat-form-field-outline-thick { color: #b7b7b7; } .dark .mat-form-field-appearance-outline .mat-form-field-outline { color: #96a2b4; } .dark .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #bbb; } .dark .mat-stepper-horizontal { background-color: #1a202e; } .dark .mat-stepper-vertical { background-color: #1a202e; } .dark .mat-horizontal-stepper-header::after { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-horizontal-stepper-header::before { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-stepper-horizontal-line { border-top-color: rgba(255, 255, 255, 0.12); } .dark .mat-form-field-ripple { background-color: #96a2b4; } .dark .mat-select-arrow { color: #96a2b4; } .dark input { caret-color: #96a2b4; } .dark .mat-input-element { caret-color: #96a2b4; } .dark .mat-hint { color: #96a2b4; } .dark .mat-table { background: #1a202e; } .dark .mat-cell { color: #96a2b4; border-bottom-color: rgba(234, 229, 229, 0.12); } .dark .mat-footer-cell { color: #96a2b4; } .dark .mat-header-cell { color: #96a2b4; border-bottom: 1px solid #66757d; border-top: 1px solid #66757d; } .dark .mat-paginator { color: #96a2b4; background: #1a202e; } .dark .mat-form-field-type-mat-native-select .mat-form-field-infix::after { color: #96a2b4; } .dark .mat-form-field.mat-focused .mat-form-field-label { color: #bbb; } .dark .mat-form-field-appearance-fill .mat-form-field-flex { background-color: rgba(0, 0, 0, 0.25); } .dark .mat-form-field-appearance-fill .mat-form-field-underline::before { background-color: #96a2b4; } .dark .mat-step-header .mat-step-label.mat-step-label-active { color: #96a2b4; } .dark .mat-paginator-page-size .mat-select-trigger { color: #96a2b4; } .dark .mat-dialog-container { background: #1a202e; color: #96a2b4; } .dark .mat-expansion-panel { background: #101217; color: #96a2b4; border-bottom: 1px solid #31384b; } .dark .mat-expansion-panel-header-title { color: #96a2b4; } .dark .mat-expansion-panel-header-description { color: #96a2b4; } .dark .mat-card { background: #12161f; color: #96a2b4; } .dark .mat-card-subtitle { color: #96a2b4; } .dark .mat-list-base .mat-list-option { color: #96a2b4; } .dark .mat-list-base .mat-list-item { color: #96a2b4; } .dark .list-group a.list-group-item { color: #96a2b4; } .dark .list-group button.list-group-item { color: #96a2b4; } .dark .list-group .list-group-item:hover { background-color: rgba(10, 10, 10, 0.5); } .dark .materialTableHeader { background-color: #020910; } .dark .materialTableHeader h2 { color: #96a2b4; } .dark .materialTableHeader ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */ color: #96a2b4; opacity: 1; /* Firefox */ } .dark .materialTableHeader :-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #96a2b4; } .dark .materialTableHeader ::-ms-input-placeholder { /* Microsoft Edge */ color: #96a2b4; } .dark .materialTableHeader .header-buttons-left input.search-field { background: #12161f; color: #96a2b4; } .dark .materialTableHeader .header-buttons-left .search-icon { color: #96a2b4; } .dark .mat-menu-panel { background: #12161f; } .dark .mat-menu-item { color: #96a2b4; } .dark .mat-menu-item .mat-icon { color: #96a2b4; } .dark .mat-menu-item-submenu-trigger::after { color: #96a2b4; } .dark .mat-datepicker-content .mat-calendar { background: #12161f; color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-body-cell-content { color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-table-header { color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-body-label { color: #b8bbbd; } .dark .mat-datepicker-content .mat-calendar .mat-calendar-body-today:not(.mat-calendar-body-selected) { border-color: rgba(255, 255, 255, 0.32); } .dark .mat-datepicker-content .mat-calendar .mat-calendar-arrow { border-top-color: #b8bbbd; } .dark .mat-select-panel { background: #12161f; color: #b8bbbd; } .dark .mat-select-panel .mat-option { color: #b8bbbd; } .dark .mat-select-panel .mat-option.mat-active { color: #b8bbbd; background: rgba(0, 0, 0, 0.4); } .dark .mat-pseudo-checkbox { color: #b8bbbd; } .dark .mat-autocomplete-panel { background: #12161f; color: #b8bbbd; } .dark .mat-autocomplete-panel .mat-option-text { color: #b8bbbd; } .dark .container-login100 { background: #12161f; } .dark .login100-form { background-color: #1a202e; } .dark .login100-form-title, .dark .error-header, .dark .error-subheader { color: #ffffff; } .dark .txt1 { color: #96a2b4; } .dark .apexcharts-legend-text { color: #96a2b4 !important; } .dark .mat-button[disabled], .dark .mat-icon-button[disabled], .dark .mat-stroked-button[disabled], .dark .mat-flat-button[disabled], .dark .mat-raised-button[disabled], .dark .mat-fab[disabled], .dark .mat-mini-fab[disabled], .dark .mat-flat-button[disabled], .dark .mat-raised-button[disabled], .dark .mat-fab[disabled], .dark .mat-mini-fab[disabled], .dark .mat-flat-button[disabled], .dark .mat-raised-button[disabled], .dark .mat-fab[disabled], .dark .mat-mini-fab[disabled] { color: rgba(255, 255, 255, 0.23); } .dark .mat-stroked-button:not([disabled]) { border-color: rgba(255, 255, 255, 0.3); } .dark .mat-bottom-sheet-container { background: #12161f; } .dark .mat-row { border-bottom-color: rgba(255, 255, 255, 0.12); } .dark .material-icons-two-tone { filter: invert(99%) sepia(95%) saturate(4461%) hue-rotate(181deg) brightness(134%) contrast(83%); } .dark .appointment-tab-box { background-color: #11141b; } .dark .owl-dt-calendar-table .owl-dt-calendar-cell { color: #96a2b4; } .dark .owl-dt-calendar-table .owl-dt-calendar-header { color: #96a2b4; } .dark .owl-dt-container { background: #11141b; } .dark .owl-dt-calendar-control { color: #ffffff; } .dark .owl-dt-timer-content .owl-dt-timer-input { border: 1px solid #717070; background-color: #000000; } .dark .owl-dt-container-buttons { color: #ffffff; } .dark .show-pwd-icon { color: #96a2b4; } .dark .mat-form-field-prefix, .dark .mat-form-field-suffix { color: #96a2b4; } .dark .app-list { background: #181c27; } .dark .lecture-list { background: #181c27; } .dark .media .media-body { color: #96a2b4; } .dark .auth-form-section { background-color: #11141b; } /*!*******************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-grid.css ***! \*******************************************************************************************************************************************************************************************************************************************/ body { --ag-legacy-styles-loaded: "true"; } .ag-icon { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); position: relative; } .ag-icon::before { content: ""; font-family: inherit; } .ag-icon::after { background: transparent var(--ag-icon-image, none) center/contain no-repeat; display: var(--ag-icon-image-display); opacity: var(--ag-icon-image-opacity, 0.9); position: absolute; inset: 0; content: ""; } .ag-icon-aggregation { font-family: var(--ag-icon-font-family-aggregation, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-aggregation, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-aggregation, var(--ag-icon-font-color)); } .ag-icon-aggregation::before { content: var(--ag-icon-font-code-aggregation, "\f101"); display: var(--ag-icon-font-display-aggregation, var(--ag-icon-font-display)); } .ag-icon-aggregation::after { background-image: var(--ag-icon-image-aggregation, var(--ag-icon-image)); display: var(--ag-icon-image-display-aggregation, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-aggregation, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-arrows { font-family: var(--ag-icon-font-family-arrows, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-arrows, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-arrows, var(--ag-icon-font-color)); } .ag-icon-arrows::before { content: var(--ag-icon-font-code-arrows, "\f102"); display: var(--ag-icon-font-display-arrows, var(--ag-icon-font-display)); } .ag-icon-arrows::after { background-image: var(--ag-icon-image-arrows, var(--ag-icon-image)); display: var(--ag-icon-image-display-arrows, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-arrows, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-asc { font-family: var(--ag-icon-font-family-asc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-asc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-asc, var(--ag-icon-font-color)); } .ag-icon-asc::before { content: var(--ag-icon-font-code-asc, "\f103"); display: var(--ag-icon-font-display-asc, var(--ag-icon-font-display)); } .ag-icon-asc::after { background-image: var(--ag-icon-image-asc, var(--ag-icon-image)); display: var(--ag-icon-image-display-asc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-asc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cancel { font-family: var(--ag-icon-font-family-cancel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cancel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cancel, var(--ag-icon-font-color)); } .ag-icon-cancel::before { content: var(--ag-icon-font-code-cancel, "\f104"); display: var(--ag-icon-font-display-cancel, var(--ag-icon-font-display)); } .ag-icon-cancel::after { background-image: var(--ag-icon-image-cancel, var(--ag-icon-image)); display: var(--ag-icon-image-display-cancel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cancel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-chart { font-family: var(--ag-icon-font-family-chart, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-chart, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-chart, var(--ag-icon-font-color)); } .ag-icon-chart::before { content: var(--ag-icon-font-code-chart, "\f105"); display: var(--ag-icon-font-display-chart, var(--ag-icon-font-display)); } .ag-icon-chart::after { background-image: var(--ag-icon-image-chart, var(--ag-icon-image)); display: var(--ag-icon-image-display-chart, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-chart, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-checked { font-family: var(--ag-icon-font-family-checkbox-checked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-checked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-checked, var(--ag-icon-font-color)); } .ag-icon-checkbox-checked::before { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); } .ag-icon-checkbox-checked::after { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-indeterminate { font-family: var(--ag-icon-font-family-checkbox-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-indeterminate, var(--ag-icon-font-color)); } .ag-icon-checkbox-indeterminate::before { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); } .ag-icon-checkbox-indeterminate::after { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-checkbox-unchecked { font-family: var(--ag-icon-font-family-checkbox-unchecked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-checkbox-unchecked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-checkbox-unchecked, var(--ag-icon-font-color)); } .ag-icon-checkbox-unchecked::before { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); } .ag-icon-checkbox-unchecked::after { background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-color-picker { font-family: var(--ag-icon-font-family-color-picker, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-color-picker, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-color-picker, var(--ag-icon-font-color)); } .ag-icon-color-picker::before { content: var(--ag-icon-font-code-color-picker, "\f109"); display: var(--ag-icon-font-display-color-picker, var(--ag-icon-font-display)); } .ag-icon-color-picker::after { background-image: var(--ag-icon-image-color-picker, var(--ag-icon-image)); display: var(--ag-icon-image-display-color-picker, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-color-picker, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-columns { font-family: var(--ag-icon-font-family-columns, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-columns, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-columns, var(--ag-icon-font-color)); } .ag-icon-columns::before { content: var(--ag-icon-font-code-columns, "\f10a"); display: var(--ag-icon-font-display-columns, var(--ag-icon-font-display)); } .ag-icon-columns::after { background-image: var(--ag-icon-image-columns, var(--ag-icon-image)); display: var(--ag-icon-image-display-columns, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-columns, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-contracted { font-family: var(--ag-icon-font-family-contracted, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-contracted, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-contracted, var(--ag-icon-font-color)); } .ag-icon-contracted::before { content: var(--ag-icon-font-code-contracted, "\f10b"); display: var(--ag-icon-font-display-contracted, var(--ag-icon-font-display)); } .ag-icon-contracted::after { background-image: var(--ag-icon-image-contracted, var(--ag-icon-image)); display: var(--ag-icon-image-display-contracted, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-contracted, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-copy { font-family: var(--ag-icon-font-family-copy, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-copy, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-copy, var(--ag-icon-font-color)); } .ag-icon-copy::before { content: var(--ag-icon-font-code-copy, "\f10c"); display: var(--ag-icon-font-display-copy, var(--ag-icon-font-display)); } .ag-icon-copy::after { background-image: var(--ag-icon-image-copy, var(--ag-icon-image)); display: var(--ag-icon-image-display-copy, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-copy, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cross { font-family: var(--ag-icon-font-family-cross, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cross, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cross, var(--ag-icon-font-color)); } .ag-icon-cross::before { content: var(--ag-icon-font-code-cross, "\f10d"); display: var(--ag-icon-font-display-cross, var(--ag-icon-font-display)); } .ag-icon-cross::after { background-image: var(--ag-icon-image-cross, var(--ag-icon-image)); display: var(--ag-icon-image-display-cross, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cross, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-csv { font-family: var(--ag-icon-font-family-csv, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-csv, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-csv, var(--ag-icon-font-color)); } .ag-icon-csv::before { content: var(--ag-icon-font-code-csv, "\f10e"); display: var(--ag-icon-font-display-csv, var(--ag-icon-font-display)); } .ag-icon-csv::after { background-image: var(--ag-icon-image-csv, var(--ag-icon-image)); display: var(--ag-icon-image-display-csv, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-csv, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-cut { font-family: var(--ag-icon-font-family-cut, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-cut, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-cut, var(--ag-icon-font-color)); } .ag-icon-cut::before { content: var(--ag-icon-font-code-cut, "\f10f"); display: var(--ag-icon-font-display-cut, var(--ag-icon-font-display)); } .ag-icon-cut::after { background-image: var(--ag-icon-image-cut, var(--ag-icon-image)); display: var(--ag-icon-image-display-cut, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-cut, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-desc { font-family: var(--ag-icon-font-family-desc, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-desc, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-desc, var(--ag-icon-font-color)); } .ag-icon-desc::before { content: var(--ag-icon-font-code-desc, "\f110"); display: var(--ag-icon-font-display-desc, var(--ag-icon-font-display)); } .ag-icon-desc::after { background-image: var(--ag-icon-image-desc, var(--ag-icon-image)); display: var(--ag-icon-image-display-desc, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-desc, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-excel { font-family: var(--ag-icon-font-family-excel, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-excel, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-excel, var(--ag-icon-font-color)); } .ag-icon-excel::before { content: var(--ag-icon-font-code-excel, "\f111"); display: var(--ag-icon-font-display-excel, var(--ag-icon-font-display)); } .ag-icon-excel::after { background-image: var(--ag-icon-image-excel, var(--ag-icon-image)); display: var(--ag-icon-image-display-excel, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-excel, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-expanded { font-family: var(--ag-icon-font-family-expanded, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-expanded, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-expanded, var(--ag-icon-font-color)); } .ag-icon-expanded::before { content: var(--ag-icon-font-code-expanded, "\f112"); display: var(--ag-icon-font-display-expanded, var(--ag-icon-font-display)); } .ag-icon-expanded::after { background-image: var(--ag-icon-image-expanded, var(--ag-icon-image)); display: var(--ag-icon-image-display-expanded, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-expanded, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye-slash { font-family: var(--ag-icon-font-family-eye-slash, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye-slash, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye-slash, var(--ag-icon-font-color)); } .ag-icon-eye-slash::before { content: var(--ag-icon-font-code-eye-slash, "\f113"); display: var(--ag-icon-font-display-eye-slash, var(--ag-icon-font-display)); } .ag-icon-eye-slash::after { background-image: var(--ag-icon-image-eye-slash, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye-slash, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye-slash, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-eye { font-family: var(--ag-icon-font-family-eye, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-eye, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-eye, var(--ag-icon-font-color)); } .ag-icon-eye::before { content: var(--ag-icon-font-code-eye, "\f114"); display: var(--ag-icon-font-display-eye, var(--ag-icon-font-display)); } .ag-icon-eye::after { background-image: var(--ag-icon-image-eye, var(--ag-icon-image)); display: var(--ag-icon-image-display-eye, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-eye, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-filter { font-family: var(--ag-icon-font-family-filter, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-filter, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-filter, var(--ag-icon-font-color)); } .ag-icon-filter::before { content: var(--ag-icon-font-code-filter, "\f115"); display: var(--ag-icon-font-display-filter, var(--ag-icon-font-display)); } .ag-icon-filter::after { background-image: var(--ag-icon-image-filter, var(--ag-icon-image)); display: var(--ag-icon-image-display-filter, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-filter, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-first { font-family: var(--ag-icon-font-family-first, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-first, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-first, var(--ag-icon-font-color)); } .ag-icon-first::before { content: var(--ag-icon-font-code-first, "\f116"); display: var(--ag-icon-font-display-first, var(--ag-icon-font-display)); } .ag-icon-first::after { background-image: var(--ag-icon-image-first, var(--ag-icon-image)); display: var(--ag-icon-image-display-first, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-first, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-grip { font-family: var(--ag-icon-font-family-grip, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-grip, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-grip, var(--ag-icon-font-color)); } .ag-icon-grip::before { content: var(--ag-icon-font-code-grip, "\f117"); display: var(--ag-icon-font-display-grip, var(--ag-icon-font-display)); } .ag-icon-grip::after { background-image: var(--ag-icon-image-grip, var(--ag-icon-image)); display: var(--ag-icon-image-display-grip, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-grip, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-group { font-family: var(--ag-icon-font-family-group, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-group, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-group, var(--ag-icon-font-color)); } .ag-icon-group::before { content: var(--ag-icon-font-code-group, "\f118"); display: var(--ag-icon-font-display-group, var(--ag-icon-font-display)); } .ag-icon-group::after { background-image: var(--ag-icon-image-group, var(--ag-icon-image)); display: var(--ag-icon-image-display-group, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-group, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-last { font-family: var(--ag-icon-font-family-last, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-last, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-last, var(--ag-icon-font-color)); } .ag-icon-last::before { content: var(--ag-icon-font-code-last, "\f119"); display: var(--ag-icon-font-display-last, var(--ag-icon-font-display)); } .ag-icon-last::after { background-image: var(--ag-icon-image-last, var(--ag-icon-image)); display: var(--ag-icon-image-display-last, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-last, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-left { font-family: var(--ag-icon-font-family-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-left, var(--ag-icon-font-color)); } .ag-icon-left::before { content: var(--ag-icon-font-code-left, "\f11a"); display: var(--ag-icon-font-display-left, var(--ag-icon-font-display)); } .ag-icon-left::after { background-image: var(--ag-icon-image-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-linked { font-family: var(--ag-icon-font-family-linked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-linked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-linked, var(--ag-icon-font-color)); } .ag-icon-linked::before { content: var(--ag-icon-font-code-linked, "\f11b"); display: var(--ag-icon-font-display-linked, var(--ag-icon-font-display)); } .ag-icon-linked::after { background-image: var(--ag-icon-image-linked, var(--ag-icon-image)); display: var(--ag-icon-image-display-linked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-linked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-loading { font-family: var(--ag-icon-font-family-loading, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-loading, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-loading, var(--ag-icon-font-color)); } .ag-icon-loading::before { content: var(--ag-icon-font-code-loading, "\f11c"); display: var(--ag-icon-font-display-loading, var(--ag-icon-font-display)); } .ag-icon-loading::after { background-image: var(--ag-icon-image-loading, var(--ag-icon-image)); display: var(--ag-icon-image-display-loading, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-loading, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-maximize { font-family: var(--ag-icon-font-family-maximize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-maximize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-maximize, var(--ag-icon-font-color)); } .ag-icon-maximize::before { content: var(--ag-icon-font-code-maximize, "\f11d"); display: var(--ag-icon-font-display-maximize, var(--ag-icon-font-display)); } .ag-icon-maximize::after { background-image: var(--ag-icon-image-maximize, var(--ag-icon-image)); display: var(--ag-icon-image-display-maximize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-maximize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu { font-family: var(--ag-icon-font-family-menu, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu, var(--ag-icon-font-color)); } .ag-icon-menu::before { content: var(--ag-icon-font-code-menu, "\f11e"); display: var(--ag-icon-font-display-menu, var(--ag-icon-font-display)); } .ag-icon-menu::after { background-image: var(--ag-icon-image-menu, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minimize { font-family: var(--ag-icon-font-family-minimize, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minimize, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minimize, var(--ag-icon-font-color)); } .ag-icon-minimize::before { content: var(--ag-icon-font-code-minimize, "\f11f"); display: var(--ag-icon-font-display-minimize, var(--ag-icon-font-display)); } .ag-icon-minimize::after { background-image: var(--ag-icon-image-minimize, var(--ag-icon-image)); display: var(--ag-icon-image-display-minimize, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minimize, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-next { font-family: var(--ag-icon-font-family-next, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-next, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-next, var(--ag-icon-font-color)); } .ag-icon-next::before { content: var(--ag-icon-font-code-next, "\f120"); display: var(--ag-icon-font-display-next, var(--ag-icon-font-display)); } .ag-icon-next::after { background-image: var(--ag-icon-image-next, var(--ag-icon-image)); display: var(--ag-icon-image-display-next, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-next, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-none { font-family: var(--ag-icon-font-family-none, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-none, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-none, var(--ag-icon-font-color)); } .ag-icon-none::before { content: var(--ag-icon-font-code-none, "\f121"); display: var(--ag-icon-font-display-none, var(--ag-icon-font-display)); } .ag-icon-none::after { background-image: var(--ag-icon-image-none, var(--ag-icon-image)); display: var(--ag-icon-image-display-none, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-none, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-not-allowed { font-family: var(--ag-icon-font-family-not-allowed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-not-allowed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-not-allowed, var(--ag-icon-font-color)); } .ag-icon-not-allowed::before { content: var(--ag-icon-font-code-not-allowed, "\f122"); display: var(--ag-icon-font-display-not-allowed, var(--ag-icon-font-display)); } .ag-icon-not-allowed::after { background-image: var(--ag-icon-image-not-allowed, var(--ag-icon-image)); display: var(--ag-icon-image-display-not-allowed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-not-allowed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-paste { font-family: var(--ag-icon-font-family-paste, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-paste, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-paste, var(--ag-icon-font-color)); } .ag-icon-paste::before { content: var(--ag-icon-font-code-paste, "\f123"); display: var(--ag-icon-font-display-paste, var(--ag-icon-font-display)); } .ag-icon-paste::after { background-image: var(--ag-icon-image-paste, var(--ag-icon-image)); display: var(--ag-icon-image-display-paste, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-paste, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pin { font-family: var(--ag-icon-font-family-pin, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pin, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pin, var(--ag-icon-font-color)); } .ag-icon-pin::before { content: var(--ag-icon-font-code-pin, "\f124"); display: var(--ag-icon-font-display-pin, var(--ag-icon-font-display)); } .ag-icon-pin::after { background-image: var(--ag-icon-image-pin, var(--ag-icon-image)); display: var(--ag-icon-image-display-pin, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pin, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-pivot { font-family: var(--ag-icon-font-family-pivot, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-pivot, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-pivot, var(--ag-icon-font-color)); } .ag-icon-pivot::before { content: var(--ag-icon-font-code-pivot, "\f125"); display: var(--ag-icon-font-display-pivot, var(--ag-icon-font-display)); } .ag-icon-pivot::after { background-image: var(--ag-icon-image-pivot, var(--ag-icon-image)); display: var(--ag-icon-image-display-pivot, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-pivot, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-previous { font-family: var(--ag-icon-font-family-previous, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-previous, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-previous, var(--ag-icon-font-color)); } .ag-icon-previous::before { content: var(--ag-icon-font-code-previous, "\f126"); display: var(--ag-icon-font-display-previous, var(--ag-icon-font-display)); } .ag-icon-previous::after { background-image: var(--ag-icon-image-previous, var(--ag-icon-image)); display: var(--ag-icon-image-display-previous, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-previous, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-off { font-family: var(--ag-icon-font-family-radio-button-off, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-off, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-off, var(--ag-icon-font-color)); } .ag-icon-radio-button-off::before { content: var(--ag-icon-font-code-radio-button-off, "\f127"); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); } .ag-icon-radio-button-off::after { background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-radio-button-on { font-family: var(--ag-icon-font-family-radio-button-on, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-radio-button-on, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-radio-button-on, var(--ag-icon-font-color)); } .ag-icon-radio-button-on::before { content: var(--ag-icon-font-code-radio-button-on, "\f128"); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); } .ag-icon-radio-button-on::after { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-right { font-family: var(--ag-icon-font-family-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-right, var(--ag-icon-font-color)); } .ag-icon-right::before { content: var(--ag-icon-font-code-right, "\f129"); display: var(--ag-icon-font-display-right, var(--ag-icon-font-display)); } .ag-icon-right::after { background-image: var(--ag-icon-image-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-save { font-family: var(--ag-icon-font-family-save, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-save, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-save, var(--ag-icon-font-color)); } .ag-icon-save::before { content: var(--ag-icon-font-code-save, "\f12a"); display: var(--ag-icon-font-display-save, var(--ag-icon-font-display)); } .ag-icon-save::after { background-image: var(--ag-icon-image-save, var(--ag-icon-image)); display: var(--ag-icon-image-display-save, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-save, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-down { font-family: var(--ag-icon-font-family-small-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-down, var(--ag-icon-font-color)); } .ag-icon-small-down::before { content: var(--ag-icon-font-code-small-down, "\f12b"); display: var(--ag-icon-font-display-small-down, var(--ag-icon-font-display)); } .ag-icon-small-down::after { background-image: var(--ag-icon-image-small-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-left { font-family: var(--ag-icon-font-family-small-left, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-left, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-left, var(--ag-icon-font-color)); } .ag-icon-small-left::before { content: var(--ag-icon-font-code-small-left, "\f12c"); display: var(--ag-icon-font-display-small-left, var(--ag-icon-font-display)); } .ag-icon-small-left::after { background-image: var(--ag-icon-image-small-left, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-left, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-left, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-right { font-family: var(--ag-icon-font-family-small-right, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-right, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-right, var(--ag-icon-font-color)); } .ag-icon-small-right::before { content: var(--ag-icon-font-code-small-right, "\f12d"); display: var(--ag-icon-font-display-small-right, var(--ag-icon-font-display)); } .ag-icon-small-right::after { background-image: var(--ag-icon-image-small-right, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-right, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-right, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-small-up { font-family: var(--ag-icon-font-family-small-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-small-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-small-up, var(--ag-icon-font-color)); } .ag-icon-small-up::before { content: var(--ag-icon-font-code-small-up, "\f12e"); display: var(--ag-icon-font-display-small-up, var(--ag-icon-font-display)); } .ag-icon-small-up::after { background-image: var(--ag-icon-image-small-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-small-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-small-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tick { font-family: var(--ag-icon-font-family-tick, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tick, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tick, var(--ag-icon-font-color)); } .ag-icon-tick::before { content: var(--ag-icon-font-code-tick, "\f12f"); display: var(--ag-icon-font-display-tick, var(--ag-icon-font-display)); } .ag-icon-tick::after { background-image: var(--ag-icon-image-tick, var(--ag-icon-image)); display: var(--ag-icon-image-display-tick, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tick, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-closed { font-family: var(--ag-icon-font-family-tree-closed, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-closed, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-closed, var(--ag-icon-font-color)); } .ag-icon-tree-closed::before { content: var(--ag-icon-font-code-tree-closed, "\f130"); display: var(--ag-icon-font-display-tree-closed, var(--ag-icon-font-display)); } .ag-icon-tree-closed::after { background-image: var(--ag-icon-image-tree-closed, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-closed, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-closed, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-indeterminate { font-family: var(--ag-icon-font-family-tree-indeterminate, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-indeterminate, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-indeterminate, var(--ag-icon-font-color)); } .ag-icon-tree-indeterminate::before { content: var(--ag-icon-font-code-tree-indeterminate, "\f131"); display: var(--ag-icon-font-display-tree-indeterminate, var(--ag-icon-font-display)); } .ag-icon-tree-indeterminate::after { background-image: var(--ag-icon-image-tree-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-tree-open { font-family: var(--ag-icon-font-family-tree-open, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-tree-open, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-tree-open, var(--ag-icon-font-color)); } .ag-icon-tree-open::before { content: var(--ag-icon-font-code-tree-open, "\f132"); display: var(--ag-icon-font-display-tree-open, var(--ag-icon-font-display)); } .ag-icon-tree-open::after { background-image: var(--ag-icon-image-tree-open, var(--ag-icon-image)); display: var(--ag-icon-image-display-tree-open, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-tree-open, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-unlinked { font-family: var(--ag-icon-font-family-unlinked, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-unlinked, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-unlinked, var(--ag-icon-font-color)); } .ag-icon-unlinked::before { content: var(--ag-icon-font-code-unlinked, "\f133"); display: var(--ag-icon-font-display-unlinked, var(--ag-icon-font-display)); } .ag-icon-unlinked::after { background-image: var(--ag-icon-image-unlinked, var(--ag-icon-image)); display: var(--ag-icon-image-display-unlinked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-unlinked, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-up { font-family: var(--ag-icon-font-family-up, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-up, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-up, var(--ag-icon-font-color)); } .ag-icon-up::before { content: var(--ag-icon-font-code-up, "\f134"); display: var(--ag-icon-font-display-up, var(--ag-icon-font-display)); } .ag-icon-up::after { background-image: var(--ag-icon-image-up, var(--ag-icon-image)); display: var(--ag-icon-image-display-up, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-up, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-down { font-family: var(--ag-icon-font-family-down, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-down, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-down, var(--ag-icon-font-color)); } .ag-icon-down::before { content: var(--ag-icon-font-code-down, "\f135"); display: var(--ag-icon-font-display-down, var(--ag-icon-font-display)); } .ag-icon-down::after { background-image: var(--ag-icon-image-down, var(--ag-icon-image)); display: var(--ag-icon-image-display-down, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-down, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-plus { font-family: var(--ag-icon-font-family-plus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-plus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-plus, var(--ag-icon-font-color)); } .ag-icon-plus::before { content: var(--ag-icon-font-code-plus, "\f136"); display: var(--ag-icon-font-display-plus, var(--ag-icon-font-display)); } .ag-icon-plus::after { background-image: var(--ag-icon-image-plus, var(--ag-icon-image)); display: var(--ag-icon-image-display-plus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-plus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-minus { font-family: var(--ag-icon-font-family-minus, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-minus, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-minus, var(--ag-icon-font-color)); } .ag-icon-minus::before { content: var(--ag-icon-font-code-minus, "\f137"); display: var(--ag-icon-font-display-minus, var(--ag-icon-font-display)); } .ag-icon-minus::after { background-image: var(--ag-icon-image-minus, var(--ag-icon-image)); display: var(--ag-icon-image-display-minus, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-minus, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-menu-alt { font-family: var(--ag-icon-font-family-menu-alt, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-menu-alt, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-menu-alt, var(--ag-icon-font-color)); } .ag-icon-menu-alt::before { content: var(--ag-icon-font-code-menu-alt, "\f138"); display: var(--ag-icon-font-display-menu-alt, var(--ag-icon-font-display)); } .ag-icon-menu-alt::after { background-image: var(--ag-icon-image-menu-alt, var(--ag-icon-image)); display: var(--ag-icon-image-display-menu-alt, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-menu-alt, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-settings { font-family: var(--ag-icon-font-family-settings, var(--ag-icon-font-family)); font-weight: var(--ag-icon-font-weight-settings, var(--ag-icon-font-weight)); color: var(--ag-icon-font-color-settings, var(--ag-icon-font-color)); } .ag-icon-settings::before { content: var(--ag-icon-font-code-settings, "\f139"); display: var(--ag-icon-font-display-settings, var(--ag-icon-font-display)); } .ag-icon-settings::after { background-image: var(--ag-icon-image-settings, var(--ag-icon-image)); display: var(--ag-icon-image-display-settings, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-settings, var(--ag-icon-image-opacity, 0.9)); } .ag-icon-row-drag::before { content: var(--ag-icon-font-code-grip); } .ag-left-arrow::before { content: var(--ag-icon-font-code-left); } .ag-right-arrow::before { content: var(--ag-icon-font-code-right); } [class*=ag-theme-] { --ag-foreground-color: #000; --ag-data-color: var(--ag-foreground-color); --ag-secondary-foreground-color: var(--ag-foreground-color); --ag-header-foreground-color: var(--ag-secondary-foreground-color); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.5); --ag-background-color: #fff; --ag-header-background-color: transparent; --ag-tooltip-background-color: transparent; --ag-subheader-background-color: transparent; --ag-subheader-toolbar-background-color: transparent; --ag-control-panel-background-color: transparent; --ag-side-button-selected-background-color: var(--ag-control-panel-background-color); --ag-selected-row-background-color: #bbb; --ag-odd-row-background-color: var(--ag-background-color); --ag-modal-overlay-background-color: rgba(255, 255, 255, 0.66); --ag-menu-background-color: var(--ag-background-color); --ag-menu-border-color: var(--ag-border-color); --ag-panel-background-color: var(--ag-background-color); --ag-panel-border-color: var(--ag-border-color); --ag-row-hover-color: transparent; --ag-column-hover-color: transparent; --ag-range-selection-border-color: var(--ag-foreground-color); --ag-range-selection-border-style: solid; --ag-range-selection-background-color: rgba(0, 0, 0, 0.2); --ag-range-selection-background-color-2: var(--ag-range-selection-background-color); --ag-range-selection-background-color-3: var(--ag-range-selection-background-color); --ag-range-selection-background-color-4: var(--ag-range-selection-background-color); --ag-range-selection-highlight-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-color: var(--ag-range-selection-border-color); --ag-selected-tab-underline-width: 0; --ag-selected-tab-underline-transition-speed: 0s; --ag-range-selection-chart-category-background-color: rgba(0, 255, 132, 0.1); --ag-range-selection-chart-background-color: rgba(0, 88, 255, 0.1); --ag-header-cell-hover-background-color: transparent; --ag-header-cell-moving-background-color: var(--ag-background-color); --ag-value-change-value-highlight-background-color: rgba(22, 160, 133, 0.5); --ag-value-change-delta-up-color: #43a047; --ag-value-change-delta-down-color: #e53935; --ag-row-loading-skeleton-effect-color: rgba(66, 66, 66, 0.2); --ag-chip-background-color: transparent; --ag-chip-border-color: var(--ag-chip-background-color); --ag-borders: solid 1px; --ag-border-color: rgba(0, 0, 0, 0.25); --ag-borders-critical: var(--ag-borders); --ag-borders-secondary: var(--ag-borders); --ag-secondary-border-color: var(--ag-border-color); --ag-row-border-style: solid; --ag-row-border-color: var(--ag-secondary-border-color); --ag-row-border-width: 1px; --ag-cell-horizontal-border: solid transparent; --ag-borders-input: var(--ag-borders-secondary); --ag-input-border-color: var(--ag-secondary-border-color); --ag-borders-input-invalid: solid 2px; --ag-input-border-color-invalid: var(--ag-invalid-color); --ag-borders-side-button: var(--ag-borders); --ag-border-radius: 0px; --ag-wrapper-border-radius: var(--ag-border-radius); --ag-row-border-color: var(--ag-secondary-border-color); --ag-header-column-separator-display: none; --ag-header-column-separator-height: 100%; --ag-header-column-separator-width: 1px; --ag-header-column-separator-color: var(--ag-secondary-border-color); --ag-header-column-resize-handle-display: none; --ag-header-column-resize-handle-height: 50%; --ag-header-column-resize-handle-width: 1px; --ag-header-column-resize-handle-color: var(--ag-secondary-border-color); --ag-invalid-color: red; --ag-input-disabled-border-color: var(--ag-input-border-color); --ag-input-disabled-background-color: transparent; --ag-checkbox-background-color: transparent; --ag-checkbox-border-radius: var(--ag-border-radius); --ag-checkbox-checked-color: var(--ag-foreground-color); --ag-checkbox-unchecked-color: var(--ag-foreground-color); --ag-checkbox-indeterminate-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-border-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-off-background-color: var(--ag-checkbox-unchecked-color); --ag-toggle-button-on-border-color: var(--ag-checkbox-checked-color); --ag-toggle-button-on-background-color: var(--ag-checkbox-checked-color); --ag-toggle-button-switch-background-color: var(--ag-background-color); --ag-toggle-button-switch-border-color: var(--ag-toggle-button-off-border-color); --ag-toggle-button-border-width: 1px; --ag-toggle-button-height: var(--ag-icon-size); --ag-toggle-button-width: calc(var(--ag-toggle-button-height) * 2); --ag-input-focus-box-shadow: none; --ag-input-focus-border-color: none; --ag-minichart-selected-chart-color: var(--ag-checkbox-checked-color); --ag-minichart-selected-page-color: var(--ag-checkbox-checked-color); --ag-grid-size: 4px; --ag-icon-size: 12px; --ag-icon-font-weight: normal; --ag-icon-font-color: var(--ag-foreground-color); --ag-icon-image-display: block; --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-horizontal-spacing: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: var(--ag-grid-size); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-cell-widget-spacing: var(--ag-cell-horizontal-padding); --ag-row-height: calc(var(--ag-grid-size) * 6 + 1px); --ag-header-height: var(--ag-row-height); --ag-list-item-height: calc(var(--ag-grid-size) * 5); --ag-column-select-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-set-filter-indent-size: calc(var(--ag-grid-size) + var(--ag-icon-size)); --ag-advanced-filter-builder-indent-size: calc(var(--ag-grid-size) * 2 + var(--ag-icon-size)); --ag-row-group-indent-size: calc(var(--ag-cell-widget-spacing) + var(--ag-icon-size)); --ag-filter-tool-panel-group-indent: 16px; --ag-tab-min-width: 220px; --ag-chart-menu-panel-width: var(--ag-tab-min-width); --ag-menu-min-width: 181px; --ag-side-bar-panel-width: 200px; --ag-font-family: "Helvetica Neue", sans-serif; --ag-font-size: 14px; --ag-card-radius: var(--ag-border-radius); --ag-card-shadow: none; --ag-popup-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; } .ag-root-wrapper, .ag-sticky-top, .ag-sticky-bottom, .ag-dnd-ghost { background-color: var(--ag-background-color); } .ag-sticky-bottom { border-top: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-root-wrapper, .ag-popup { --ag-indentation-level: 0; } [class*=ag-theme-] { -webkit-font-smoothing: antialiased; font-family: var(--ag-font-family); font-size: var(--ag-font-size); line-height: normal; color: var(--ag-foreground-color); } ag-grid, ag-grid-angular, ag-grid-ng2, ag-grid-polymer, ag-grid-aurelia { display: block; } .ag-aria-description-container { z-index: 9999; border: 0px; clip: rect(1px, 1px, 1px, 1px); height: 1px; width: 1px; position: absolute; overflow: hidden; padding: 0px; white-space: nowrap; } .ag-hidden { display: none !important; } .ag-invisible { visibility: hidden !important; } .ag-drag-handle { cursor: grab; } .ag-column-drop-wrapper { display: flex; } .ag-column-drop-horizontal-half-width { display: inline-block; width: 50% !important; } .ag-unselectable { -webkit-user-select: none; user-select: none; } .ag-selectable { -webkit-user-select: text; user-select: text; } .ag-tab { position: relative; } .ag-tab-guard { position: absolute; width: 0; height: 0; display: block; } .ag-virtual-list-viewport .ag-tab-guard { position: sticky; } .ag-tab-guard-top { top: 1px; } .ag-tab-guard-bottom { bottom: 1px; } .ag-select-agg-func-popup { position: absolute; } .ag-input-wrapper, .ag-picker-field-wrapper { display: flex; flex: 1 1 auto; align-items: center; line-height: normal; position: relative; } .ag-shake-left-to-right { animation-direction: alternate; animation-duration: 0.2s; animation-iteration-count: infinite; animation-name: ag-shake-left-to-right; } @keyframes ag-shake-left-to-right { from { padding-left: 6px; padding-right: 2px; } to { padding-left: 2px; padding-right: 6px; } } .ag-root-wrapper { cursor: default; position: relative; display: flex; flex-direction: column; overflow: hidden; white-space: normal; } .ag-root-wrapper.ag-layout-normal { height: 100%; } .ag-watermark { position: absolute; bottom: 20px; right: 25px; opacity: 0.7; transition: opacity 1s ease-out 3s; color: #9b9b9b; } .ag-watermark::before { content: ""; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjA5IiBoZWlnaHQ9IjM2IiB2aWV3Qm94PSIwIDAgMjA5IDM2IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNMTkyLjk5MyAyMy42NTgyVjE1LjcxMTdIMTc5LjQ1MkwxNzEuNTA1IDIzLjY1ODJIMTkyLjk5M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTIwOC4yNSAzLjk1MDgxSDE5MS4yNzZMMTgzLjI2NiAxMS44OTczSDIwOC4yNVYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTYzLjYyMiAzMS42MDQ4TDE2Ny42OTEgMjcuNTM2MUgxODEuNDIzVjM1LjQ4MjdIMTYzLjYyMlYzMS42MDQ4WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTY2LjYxIDE5Ljc4MDNIMTc1LjM4M0wxODMuMzkzIDExLjgzMzdIMTY2LjYxVjE5Ljc4MDNaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNTcuMDExIDMxLjYwNDdIMTYzLjYyMkwxNzEuNTA1IDIzLjY1ODJIMTU3LjAxMVYzMS42MDQ3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTkxLjI3NiAzLjk1MDgxTDE4Ny4yMDggOC4wMTk0MUgxNjEuMjdWMC4wNzI4NzZIMTkxLjI3NlYzLjk1MDgxWiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMjAuODM5MSAzMC4yMDYxSDguMzc4OTJMNi4yMTc0NSAzNS41NDYySDAuNzUwMjQ0TDEyLjI1NjggOC41OTE1NUgxNy4wMjQ3TDI4LjUzMTMgMzUuNTQ2MkgyMy4wMDA1TDIwLjgzOTEgMzAuMjA2MVpNMTkuMTIyNyAyNS45NDY4TDE0LjYwOSAxNC45NDg4TDEwLjA5NTQgMjUuOTQ2OEgxOS4xMjI3WiIgZmlsbD0iIzlCOUI5QiIvPgo8cGF0aCBkPSJNMTA0LjQzNyAxOC41MDg5QzEwNi4wMjYgMTYuMTU2NyAxMTAuMDMxIDE1LjkwMjQgMTExLjY4NCAxNS45MDI0VjIwLjQ3OTZDMTA5LjY1IDIwLjQ3OTYgMTA3LjYxNSAyMC41NDMyIDEwNi40MDcgMjEuNDMzMkMxMDUuMiAyMi4zMjMyIDEwNC41NjQgMjMuNTMxMSAxMDQuNTY0IDI0Ljk5MzJWMzUuNTQ2Mkg5OS42MDUxVjE1LjkwMjRIMTA0LjM3M0wxMDQuNDM3IDE4LjUwODlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xMTkuMzc2IDE1LjkwMjRIMTE0LjQxOFYzNS41NDYySDExOS4zNzZWMTUuOTAyNFoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTExOS4zNzYgNy4xMjkzOUgxMTQuNDE4VjEyLjk3OEgxMTkuMzc2VjcuMTI5MzlaIiBmaWxsPSIjOUI5QjlCIi8+CjxwYXRoIGQ9Ik0xNDMuOTc5IDcuMTI5MzlWMzUuNTQ2MkgxMzkuMjExTDEzOS4wODQgMzIuNTU4M0MxMzguMzg0IDMzLjU3NTUgMTM3LjQ5NCAzNC40MDE5IDEzNi40MTQgMzUuMDM3NkMxMzUuMzMzIDM1LjYwOTggMTMzLjk5OCAzNS45Mjc2IDEzMi40NzIgMzUuOTI3NkMxMzEuMTM3IDM1LjkyNzYgMTI5Ljg2NiAzNS42NzMzIDEyOC43ODUgMzUuMjI4M0MxMjcuNjQxIDM0LjcxOTcgMTI2LjYyMyAzNC4wODQgMTI1Ljc5NyAzMy4xOTRDMTI0Ljk3MSAzMi4zMDQgMTI0LjI3MSAzMS4yMjMzIDEyMy44MjYgMzAuMDE1NEMxMjMuMzE4IDI4LjgwNzUgMTIzLjEyNyAyNy40MDkgMTIzLjEyNyAyNS44ODMyQzEyMy4xMjcgMjQuMzU3NSAxMjMuMzgxIDIyLjk1ODkgMTIzLjgyNiAyMS42ODc0QzEyNC4zMzUgMjAuNDE2IDEyNC45NzEgMTkuMzM1MyAxMjUuNzk3IDE4LjQ0NTNDMTI2LjYyMyAxNy41NTUyIDEyNy42NDEgMTYuODU2IDEyOC43ODUgMTYuMzQ3NEMxMjkuOTI5IDE1LjgzODggMTMxLjEzNyAxNS41ODQ1IDEzMi40NzIgMTUuNTg0NUMxMzMuOTk4IDE1LjU4NDUgMTM1LjI2OSAxNS44Mzg4IDEzNi4zNSAxNi40MTA5QzEzNy40MzEgMTYuOTgzMSAxMzguMzIxIDE3Ljc0NTkgMTM5LjAyIDE4LjgyNjdWNy4xOTI5NUgxNDMuOTc5VjcuMTI5MzlaTTEzMy41NTMgMzEuNjY4M0MxMzUuMjA2IDMxLjY2ODMgMTM2LjQ3NyAzMS4wOTYyIDEzNy40OTQgMzAuMDE1NEMxMzguNTExIDI4LjkzNDcgMTM5LjAyIDI3LjQ3MjUgMTM5LjAyIDI1LjY5MjVDMTM5LjAyIDIzLjkxMjUgMTM4LjUxMSAyMi41MTM5IDEzNy40OTQgMjEuMzY5NkMxMzYuNDc3IDIwLjI4ODggMTM1LjIwNiAxOS43MTY3IDEzMy41NTMgMTkuNzE2N0MxMzEuOTYzIDE5LjcxNjcgMTMwLjYyOCAyMC4yODg4IDEyOS42NzUgMjEuMzY5NkMxMjguNjU4IDIyLjQ1MDMgMTI4LjE0OSAyMy45MTI1IDEyOC4xNDkgMjUuNjkyNUMxMjguMTQ5IDI3LjQ3MjUgMTI4LjY1OCAyOC44NzExIDEyOS42NzUgMjkuOTUxOEMxMzAuNjkyIDMxLjA5NjEgMTMxLjk2MyAzMS42NjgzIDEzMy41NTMgMzEuNjY4M1oiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTU3LjIwMjQgMjAuMzUyNUg0NC45MzNWMjQuNjExOEg1MS45MjU5QzUxLjczNTIgMjYuNzczMyA1MC45MDg4IDI4LjQyNjEgNDkuNTEwMiAyOS43NjExQzQ4LjExMTYgMzEuMDMyNiA0Ni4zMzE1IDMxLjY2ODMgNDQuMDQyOSAzMS42NjgzQzQyLjc3MTUgMzEuNjY4MyA0MS41NjM2IDMxLjQxNCA0MC41NDY1IDMwLjk2OUMzOS40NjU3IDMwLjUyNCAzOC41NzU3IDI5Ljg4ODMgMzcuODEyOSAyOC45OTgzQzM3LjA1IDI4LjE3MTggMzYuNDc3OCAyNy4xNTQ3IDM2LjAzMjggMjUuOTQ2OEMzNS41ODc4IDI0LjczODkgMzUuMzk3MSAyMy40Njc1IDM1LjM5NzEgMjIuMDA1M0MzNS4zOTcxIDIwLjU0MzIgMzUuNTg3OCAxOS4yNzE3IDM2LjAzMjggMTguMDYzOEMzNi40MTQzIDE2Ljg1NiAzNy4wNSAxNS45MDI0IDM3LjgxMjkgMTUuMDEyNEMzOC41NzU3IDE0LjE4NTkgMzkuNDY1NyAxMy41NTAyIDQwLjU0NjUgMTMuMDQxNkM0MS42MjcyIDEyLjU5NjYgNDIuNzcxNSAxMi4zNDIzIDQ0LjEwNjUgMTIuMzQyM0M0Ni43NzY2IDEyLjM0MjMgNDguODEwOSAxMi45NzggNTAuMjA5NSAxNC4yNDk1TDUzLjUxNTIgMTAuOTQzOEM1MS4wMzU5IDkuMDM2NTkgNDcuODU3MyA4LjAxOTQxIDQ0LjEwNjUgOC4wMTk0MUM0Mi4wMDg2IDguMDE5NDEgNDAuMTAxNSA4LjMzNzI5IDM4LjM4NSA5LjAzNjU5QzM2LjY2ODYgOS43MzU4OCAzNS4yMDY0IDEwLjYyNTkgMzMuOTk4NSAxMS44MzM3QzMyLjc5MDYgMTMuMDQxNiAzMS44MzcxIDE0LjUwMzggMzEuMjAxNCAxNi4yMjAzQzMwLjU2NTYgMTcuOTM2NyAzMC4yNDc4IDE5Ljg0MzggMzAuMjQ3OCAyMS44NzgyQzMwLjI0NzggMjMuOTEyNSAzMC41NjU2IDI1LjgxOTcgMzEuMjY0OSAyNy41MzYxQzMxLjk2NDIgMjkuMjUyNiAzMi44NTQyIDMwLjcxNDcgMzQuMDYyMSAzMS45MjI2QzM1LjI3IDMzLjEzMDUgMzYuNzMyMSAzNC4wODQxIDM4LjQ0ODYgMzQuNzE5OEM0MC4xNjUgMzUuNDE5MSA0Mi4wNzIyIDM1LjczNyA0NC4xMDY1IDM1LjczN0M0Ni4xNDA4IDM1LjczNyA0Ny45ODQ0IDM1LjQxOTEgNDkuNjM3MyAzNC43MTk4QzUxLjI5MDIgMzQuMDIwNSA1Mi42ODg4IDMzLjEzMDUgNTMuODMzMSAzMS45MjI2QzU0Ljk3NzQgMzAuNzE0NyA1NS44Njc0IDI5LjI1MjYgNTYuNTAzMSAyNy41MzYxQzU3LjEzODggMjUuODE5NyA1Ny40NTY3IDIzLjkxMjUgNTcuNDU2NyAyMS44NzgyVjIxLjA1MTdDNTcuMjY2IDIwLjkyNDYgNTcuMjAyNCAyMC42MDY3IDU3LjIwMjQgMjAuMzUyNVoiIGZpbGw9IiM5QjlCOUIiLz4KPHBhdGggZD0iTTk1Ljk4MTUgMjAuMzUyNUg4My43MTIxVjI0LjYxMThIOTAuNzA1QzkwLjUxNDMgMjYuNzczMyA4OS42ODc5IDI4LjQyNjEgODguMjg5MyAyOS43NjExQzg2Ljg5MDcgMzEuMDMyNiA4NS4xMTA2IDMxLjY2ODMgODIuODIyIDMxLjY2ODNDODEuNTUwNiAzMS42NjgzIDgwLjM0MjcgMzEuNDE0IDc5LjMyNTYgMzAuOTY5Qzc4LjI0NDggMzAuNTI0IDc3LjM1NDggMjkuODg4MyA3Ni41OTIgMjguOTk4M0M3NS44MjkxIDI4LjE3MTggNzUuMjU3IDI3LjE1NDcgNzQuODExOSAyNS45NDY4Qzc0LjM2NjkgMjQuNzM4OSA3NC4xNzYyIDIzLjQ2NzUgNzQuMTc2MiAyMi4wMDUzQzc0LjE3NjIgMjAuNTQzMiA3NC4zNjY5IDE5LjI3MTcgNzQuODExOSAxOC4wNjM4Qzc1LjE5MzQgMTYuODU2IDc1LjgyOTEgMTUuOTAyNCA3Ni41OTIgMTUuMDEyNEM3Ny4zNTQ4IDE0LjE4NTkgNzguMjQ0OCAxMy41NTAyIDc5LjMyNTYgMTMuMDQxNkM4MC40MDYzIDEyLjU5NjYgODEuNTUwNiAxMi4zNDIzIDgyLjg4NTYgMTIuMzQyM0M4NS41NTU3IDEyLjM0MjMgODcuNTkgMTIuOTc4IDg4Ljk4ODYgMTQuMjQ5NUw5Mi4yOTQzIDEwLjk0MzhDODkuODE1IDkuMDM2NTkgODYuNjM2NCA4LjAxOTQxIDgyLjg4NTYgOC4wMTk0MUM4MC43ODc4IDguMDE5NDEgNzguODgwNiA4LjMzNzI5IDc3LjE2NDEgOS4wMzY1OUM3NS40NDc3IDkuNzM1ODggNzMuOTg1NSAxMC42MjU5IDcyLjc3NzYgMTEuODMzN0M3MS41Njk4IDEzLjA0MTYgNzAuNjE2MiAxNC41MDM4IDY5Ljk4MDUgMTYuMjIwM0M2OS4zNDQ3IDE3LjkzNjcgNjkuMDI2OSAxOS44NDM4IDY5LjAyNjkgMjEuODc4MkM2OS4wMjY5IDIzLjkxMjUgNjkuMzQ0NyAyNS44MTk3IDcwLjA0NCAyNy41MzYxQzcwLjc0MzMgMjkuMjUyNiA3MS42MzM0IDMwLjcxNDcgNzIuODQxMiAzMS45MjI2Qzc0LjA0OTEgMzMuMTMwNSA3NS41MTEyIDM0LjA4NDEgNzcuMjI3NyAzNC43MTk4Qzc4Ljk0NDEgMzUuNDE5MSA4MC44NTEzIDM1LjczNyA4Mi44ODU2IDM1LjczN0M4NC45MiAzNS43MzcgODYuNzYzNiAzNS40MTkxIDg4LjQxNjQgMzQuNzE5OEM5MC4wNjkzIDM0LjAyMDUgOTEuNDY3OSAzMy4xMzA1IDkyLjYxMjIgMzEuOTIyNkM5My43NTY1IDMwLjcxNDcgOTQuNjQ2NSAyOS4yNTI2IDk1LjI4MjIgMjcuNTM2MUM5NS45MTggMjUuODE5NyA5Ni4yMzU4IDIzLjkxMjUgOTYuMjM1OCAyMS44NzgyVjIxLjA1MTdDOTYuMDQ1MSAyMC45MjQ2IDk1Ljk4MTUgMjAuNjA2NyA5NS45ODE1IDIwLjM1MjVaIiBmaWxsPSIjOUI5QjlCIi8+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-size: 170px 40px; display: block; height: 40px; width: 170px; } .ag-watermark-text { opacity: 0.5; font-weight: bold; font-family: Impact, sans-serif; font-size: 19px; padding-left: 0.7rem; } .ag-root-wrapper-body { display: flex; flex-direction: row; } .ag-root-wrapper-body.ag-layout-normal { flex: 1 1 auto; height: 0; min-height: 0; } .ag-root { position: relative; display: flex; flex-direction: column; } .ag-root.ag-layout-normal, .ag-root.ag-layout-auto-height { overflow: hidden; flex: 1 1 auto; width: 0; } .ag-root.ag-layout-normal { height: 100%; } .ag-header-viewport, .ag-floating-top-viewport, .ag-body-viewport, .ag-center-cols-viewport, .ag-floating-bottom-viewport, .ag-body-horizontal-scroll-viewport, .ag-body-vertical-scroll-viewport, .ag-virtual-list-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { position: relative; height: 100%; min-width: 0px; overflow: hidden; flex: 1 1 auto; } .ag-body-viewport, .ag-center-cols-viewport, .ag-header-viewport, .ag-floating-top-viewport, .ag-floating-bottom-viewport, .ag-sticky-top-viewport, .ag-sticky-bottom-viewport { overflow-x: auto; -ms-overflow-style: none !important; scrollbar-width: none !important; } .ag-body-viewport::-webkit-scrollbar, .ag-center-cols-viewport::-webkit-scrollbar, .ag-header-viewport::-webkit-scrollbar, .ag-floating-top-viewport::-webkit-scrollbar, .ag-floating-bottom-viewport::-webkit-scrollbar, .ag-sticky-top-viewport::-webkit-scrollbar, .ag-sticky-bottom-viewport::-webkit-scrollbar { display: none !important; } .ag-body-viewport { display: flex; overflow-x: hidden; } .ag-body-viewport.ag-layout-normal { overflow-y: auto; -webkit-overflow-scrolling: touch; } .ag-sticky-top-container, .ag-sticky-bottom-container { min-height: 1px; } .ag-center-cols-viewport { min-height: 100%; width: 100%; } .ag-body-horizontal-scroll-viewport { overflow-x: scroll; } .ag-body-vertical-scroll-viewport { overflow-y: scroll; } .ag-virtual-list-viewport { overflow: auto; width: 100%; } .ag-header-container, .ag-floating-top-container, .ag-body-container, .ag-pinned-right-cols-container, .ag-center-cols-container, .ag-pinned-left-cols-container, .ag-floating-bottom-container, .ag-body-horizontal-scroll-container, .ag-body-vertical-scroll-container, .ag-full-width-container, .ag-floating-bottom-full-width-container, .ag-virtual-list-container, .ag-sticky-top-container, .ag-sticky-bottom-container { position: relative; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container, .ag-sticky-top-container, .ag-sticky-bottom-container { height: 100%; white-space: nowrap; } .ag-center-cols-container { display: block; } .ag-pinned-right-cols-container { display: block; } .ag-body-horizontal-scroll-container { height: 100%; } .ag-body-vertical-scroll-container { width: 100%; } .ag-full-width-container, .ag-floating-top-full-width-container, .ag-floating-bottom-full-width-container, .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { position: absolute; top: 0px; pointer-events: none; } .ag-ltr .ag-full-width-container, .ag-ltr .ag-floating-top-full-width-container, .ag-ltr .ag-floating-bottom-full-width-container, .ag-ltr .ag-sticky-top-full-width-container, .ag-ltr .ag-sticky-bottom-full-width-container { left: 0; } .ag-rtl .ag-full-width-container, .ag-rtl .ag-floating-top-full-width-container, .ag-rtl .ag-floating-bottom-full-width-container, .ag-rtl .ag-sticky-top-full-width-container, .ag-rtl .ag-sticky-bottom-full-width-container { right: 0; } .ag-full-width-container { width: 100%; } .ag-floating-bottom-full-width-container, .ag-floating-top-full-width-container { display: inline-block; overflow: hidden; height: 100%; width: 100%; } .ag-virtual-list-container { overflow: hidden; } .ag-body { position: relative; display: flex; flex: 1 1 auto; flex-direction: row !important; min-height: 0; } .ag-body-horizontal-scroll, .ag-body-vertical-scroll { min-height: 0; min-width: 0; display: flex; position: relative; } .ag-body-horizontal-scroll.ag-scrollbar-invisible, .ag-body-vertical-scroll.ag-scrollbar-invisible { position: absolute; bottom: 0; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar { opacity: 0; transition: opacity 400ms; visibility: hidden; } .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-horizontal-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-scrolling, .ag-body-vertical-scroll.ag-scrollbar-invisible.ag-apple-scrollbar.ag-scrollbar-active { visibility: visible; opacity: 1; } .ag-body-horizontal-scroll { width: 100%; } .ag-body-horizontal-scroll.ag-scrollbar-invisible { left: 0; right: 0; } .ag-body-vertical-scroll { height: 100%; } .ag-body-vertical-scroll.ag-scrollbar-invisible { top: 0; z-index: 10; } .ag-ltr .ag-body-vertical-scroll.ag-scrollbar-invisible { right: 0; } .ag-rtl .ag-body-vertical-scroll.ag-scrollbar-invisible { left: 0; } .ag-force-vertical-scroll { overflow-y: scroll !important; } .ag-horizontal-left-spacer, .ag-horizontal-right-spacer { height: 100%; min-width: 0; overflow-x: scroll; } .ag-horizontal-left-spacer.ag-scroller-corner, .ag-horizontal-right-spacer.ag-scroller-corner { overflow-x: hidden; } .ag-header, .ag-pinned-left-header, .ag-pinned-right-header { display: inline-block; overflow: hidden; position: relative; } .ag-header-cell-sortable .ag-header-cell-label { cursor: pointer; } .ag-header { display: flex; width: 100%; white-space: nowrap; } .ag-pinned-left-header { height: 100%; } .ag-pinned-right-header { height: 100%; } .ag-header-row { position: absolute; } .ag-header-row:not(.ag-header-row-column-group) { overflow: hidden; } .ag-header.ag-header-allow-overflow .ag-header-row { overflow: visible; } .ag-header-cell { display: inline-flex; align-items: center; position: absolute; height: 100%; overflow: hidden; } .ag-header-cell.ag-header-active .ag-header-cell-menu-button, .ag-header-cell-filter-button { opacity: 1; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { transition: opacity 0.2s; opacity: 0; } .ag-header-group-cell-label, .ag-header-cell-label { display: flex; flex: 1 1 auto; align-self: stretch; align-items: center; overflow: hidden; } .ag-header-cell-label { text-overflow: ellipsis; } .ag-header-group-cell-label.ag-sticky-label { position: sticky; flex: none; max-width: 100%; overflow: visible; } .ag-header-group-text { overflow: hidden; text-overflow: ellipsis; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; word-break: break-word; } .ag-header-group-cell .ag-header-cell-comp-wrapper { display: flex; } .ag-header-cell:not(.ag-header-cell-auto-height) .ag-header-cell-comp-wrapper { height: 100%; display: flex; align-items: center; } .ag-header-cell-comp-wrapper { width: 100%; } .ag-header-cell-wrap-text .ag-header-cell-comp-wrapper { white-space: normal; } .ag-header-cell-comp-wrapper-limited-height > div { overflow: hidden; } .ag-right-aligned-header .ag-header-cell-label { flex-direction: row-reverse; } .ag-header-cell-resize { position: absolute; z-index: 2; height: 100%; width: 8px; top: 0; cursor: ew-resize; } .ag-ltr .ag-header-cell-resize { right: -3px; } .ag-rtl .ag-header-cell-resize { left: -3px; } .ag-pinned-left-header .ag-header-cell-resize { right: -3px; } .ag-pinned-right-header .ag-header-cell-resize { left: -3px; } .ag-header-select-all { display: flex; } .ag-header-cell-menu-button, .ag-header-cell-filter-button, .ag-side-button-button, .ag-panel-title-bar-button, .ag-floating-filter-button-button { cursor: pointer; } .ag-column-moving .ag-cell { transition: left 0.2s; } .ag-column-moving .ag-header-cell { transition: left 0.2s; } .ag-column-moving .ag-header-group-cell { transition: left 0.2s, width 0.2s; } .ag-column-panel { display: flex; flex-direction: column; overflow: hidden; flex: 1 1 auto; } .ag-column-select { position: relative; display: flex; flex-direction: column; overflow: hidden; flex: 3 1 0px; } .ag-column-select-header { position: relative; display: flex; flex: none; } .ag-column-select-header-icon { position: relative; } .ag-column-select-header-filter-wrapper { flex: 1 1 auto; } .ag-column-select-header-filter { width: 100%; } .ag-column-select-list { flex: 1 1 0px; overflow: hidden; } .ag-column-drop { position: relative; display: inline-flex; align-items: center; overflow: auto; width: 100%; } .ag-column-drop-list { display: flex; align-items: center; } .ag-column-drop-cell { position: relative; display: flex; align-items: center; } .ag-column-drop-cell-text { overflow: hidden; flex: 1 1 auto; text-overflow: ellipsis; white-space: nowrap; } .ag-column-drop-vertical { display: flex; flex-direction: column; overflow: hidden; align-items: stretch; flex: 1 1 0px; } .ag-column-drop-vertical-title-bar { display: flex; align-items: center; flex: none; } .ag-column-drop-vertical-list { position: relative; align-items: stretch; flex-grow: 1; flex-direction: column; overflow-x: auto; } .ag-column-drop-vertical-list > * { flex: none; } .ag-column-drop-empty .ag-column-drop-vertical-list { overflow: hidden; } .ag-column-drop-vertical-empty-message { display: block; } .ag-column-drop.ag-column-drop-horizontal { white-space: nowrap; overflow: hidden; } .ag-column-drop-cell-button { cursor: pointer; } .ag-filter-toolpanel { flex: 1 1 0px; min-width: 0; } .ag-filter-toolpanel-header { position: relative; } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { display: flex; align-items: center; } .ag-filter-toolpanel-header > *, .ag-filter-toolpanel-search > * { display: flex; align-items: center; } .ag-filter-apply-panel { display: flex; justify-content: flex-end; overflow: hidden; } .ag-row-animation .ag-row { transition: transform 0.4s, top 0.4s, opacity 0.2s; } .ag-row-animation .ag-row.ag-after-created { transition: transform 0.4s, top 0.4s, height 0.4s, opacity 0.2s; } .ag-row-no-animation .ag-row { transition: none; } .ag-row { white-space: nowrap; width: 100%; } .ag-row-loading { display: flex; align-items: center; } .ag-row-position-absolute { position: absolute; } .ag-row-position-relative { position: relative; } .ag-full-width-row { overflow: hidden; pointer-events: all; } .ag-row-inline-editing { z-index: 1; } .ag-row-dragging { z-index: 2; } .ag-stub-cell { display: flex; align-items: center; } .ag-cell { display: inline-block; position: absolute; white-space: nowrap; height: 100%; } .ag-cell-value { flex: 1 1 auto; } .ag-cell-value, .ag-group-value { overflow: hidden; text-overflow: ellipsis; } .ag-cell-wrap-text { white-space: normal; word-break: break-word; } .ag-cell-wrapper { display: flex; align-items: center; } .ag-cell-wrapper.ag-row-group { align-items: flex-start; } .ag-sparkline-wrapper { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .ag-full-width-row .ag-cell-wrapper.ag-row-group { height: 100%; align-items: center; } .ag-cell-inline-editing { z-index: 1; } .ag-cell-inline-editing .ag-cell-wrapper, .ag-cell-inline-editing .ag-cell-edit-wrapper, .ag-cell-inline-editing .ag-cell-editor, .ag-cell-inline-editing .ag-cell-editor .ag-wrapper, .ag-cell-inline-editing .ag-cell-editor input { height: 100%; width: 100%; line-height: normal; } .ag-cell .ag-icon { display: inline-block; vertical-align: middle; } .ag-set-filter-item { display: flex; align-items: center; height: 100%; } .ag-set-filter-item-checkbox { display: flex; width: 100%; height: 100%; } .ag-set-filter-group-icons { display: block; } .ag-set-filter-group-icons > * { cursor: pointer; } .ag-filter-body-wrapper { display: flex; flex-direction: column; } .ag-filter-filter { flex: 1 1 0px; } .ag-filter-condition { display: flex; justify-content: center; } .ag-floating-filter-body { position: relative; display: flex; flex: 1 1 auto; height: 100%; } .ag-floating-filter-full-body { display: flex; flex: 1 1 auto; height: 100%; width: 100%; align-items: center; overflow: hidden; } .ag-floating-filter-full-body > div { flex: 1 1 auto; } .ag-floating-filter-input { align-items: center; display: flex; width: 100%; } .ag-floating-filter-input > * { flex: 1 1 auto; } .ag-floating-filter-button { display: flex; flex: none; } .ag-set-floating-filter-input input[disabled] { pointer-events: none; } .ag-dnd-ghost { display: inline-flex; align-items: center; cursor: move; white-space: nowrap; } .ag-overlay { height: 100%; left: 0; pointer-events: none; position: absolute; top: 0; width: 100%; z-index: 2; } .ag-overlay-panel { display: flex; height: 100%; width: 100%; } .ag-overlay-wrapper { display: flex; flex: none; width: 100%; height: 100%; align-items: center; justify-content: center; text-align: center; } .ag-overlay-loading-wrapper { pointer-events: all; } .ag-popup-child { z-index: 5; top: 0; } .ag-popup-editor { position: absolute; -webkit-user-select: none; user-select: none; } .ag-large-text-input { display: block; } .ag-virtual-list-item { position: absolute; width: 100%; } .ag-floating-top { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-top { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-floating-bottom { overflow: hidden; white-space: nowrap; width: 100%; position: relative; display: flex; } .ag-pinned-left-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-pinned-right-floating-bottom { display: inline-block; overflow: hidden; position: relative; min-width: 0px; } .ag-sticky-top, .ag-sticky-bottom { position: absolute; display: flex; width: 100%; overflow: hidden; height: 0px; } .ag-sticky-bottom { box-sizing: content-box !important; } .ag-pinned-left-sticky-top, .ag-pinned-right-sticky-top { position: relative; height: 100%; overflow: hidden; } .ag-sticky-top-full-width-container, .ag-sticky-bottom-full-width-container { overflow: hidden; width: 100%; height: 100%; } .ag-dialog, .ag-panel { display: flex; flex-direction: column; position: relative; overflow: hidden; } .ag-panel-title-bar { display: flex; flex: none; align-items: center; cursor: default; } .ag-panel-title-bar-title { flex: 1 1 auto; } .ag-panel-title-bar-buttons { display: flex; } .ag-panel-title-bar-button { cursor: pointer; } .ag-panel-content-wrapper { display: flex; flex: 1 1 auto; position: relative; overflow: hidden; } .ag-dialog { position: absolute; } .ag-resizer { position: absolute; pointer-events: none; z-index: 1; -webkit-user-select: none; user-select: none; } .ag-resizer.ag-resizer-topLeft { top: 0; left: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-top { top: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-topRight { top: 0; right: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-right { top: 5px; right: 0; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-resizer.ag-resizer-bottomRight { bottom: 0; right: 0; height: 5px; width: 5px; cursor: nwse-resize; } .ag-resizer.ag-resizer-bottom { bottom: 0; left: 5px; right: 5px; height: 5px; cursor: ns-resize; } .ag-resizer.ag-resizer-bottomLeft { bottom: 0; left: 0; height: 5px; width: 5px; cursor: nesw-resize; } .ag-resizer.ag-resizer-left { left: 0; top: 5px; bottom: 5px; width: 5px; cursor: ew-resize; } .ag-tooltip { position: absolute; z-index: 99999; } .ag-tooltip-custom { position: absolute; z-index: 99999; } .ag-tooltip:not(.ag-tooltip-interactive), .ag-tooltip-custom:not(.ag-tooltip-interactive) { pointer-events: none; } .ag-value-slide-out { margin-right: 5px; opacity: 1; transition: opacity 3s, margin-right 3s; transition-timing-function: linear; } .ag-value-slide-out-end { margin-right: 10px; opacity: 0; } .ag-opacity-zero { opacity: 0 !important; } .ag-menu { max-height: 100%; overflow-y: auto; position: absolute; -webkit-user-select: none; user-select: none; } .ag-menu-column-select-wrapper { height: 265px; overflow: auto; } .ag-menu-column-select-wrapper .ag-column-select { height: 100%; } .ag-dialog .ag-panel-content-wrapper .ag-column-select { -webkit-user-select: none; user-select: none; } .ag-menu-list { display: table; width: 100%; } .ag-menu-option, .ag-menu-separator { display: table-row; } .ag-menu-option-part, .ag-menu-separator-part { display: table-cell; vertical-align: middle; } .ag-menu-option-text { white-space: nowrap; } .ag-menu-option-custom { display: contents; } .ag-compact-menu-option { width: 100%; display: flex; flex-wrap: nowrap; } .ag-compact-menu-option-text { white-space: nowrap; flex: 1 1 auto; } .ag-pill-container { display: flex; gap: 0.25rem; flex-wrap: nowrap; } .ag-pill { display: flex; white-space: nowrap; padding: 0 0.25rem; align-items: center; } .ag-pill .ag-pill-button { border: none; padding: 0; } .ag-rich-select { cursor: default; outline: none; height: 100%; } .ag-rich-select-value { display: flex; align-items: center; height: 100%; } .ag-rich-select-value .ag-picker-field-display { overflow: hidden; text-overflow: ellipsis; } .ag-rich-select-value .ag-picker-field-display.ag-display-as-placeholder { opacity: 0.5; } .ag-rich-select-list { position: relative; } .ag-rich-select-list .ag-loading-text { min-height: 2rem; } .ag-rich-select-row { display: flex; flex: 1 1 auto; align-items: center; white-space: nowrap; overflow: hidden; height: 100%; } .ag-rich-select-field-input { flex: 1 1 auto; } .ag-rich-select-field-input .ag-input-field-input { padding: 0 !important; border: none !important; box-shadow: none !important; text-overflow: ellipsis; } .ag-rich-select-field-input .ag-input-field-input::placeholder { opacity: 0.8; } .ag-autocomplete { align-items: center; display: flex; } .ag-autocomplete > * { flex: 1 1 auto; } .ag-autocomplete-list-popup { position: absolute; -webkit-user-select: none; user-select: none; } .ag-autocomplete-list { position: relative; } .ag-autocomplete-virtual-list-item { display: flex; } .ag-autocomplete-row { display: flex; flex: 1 1 auto; align-items: center; overflow: hidden; } .ag-autocomplete-row-label { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-paging-panel { align-items: center; display: flex; justify-content: flex-end; } .ag-paging-page-summary-panel { display: flex; align-items: center; } .ag-paging-button { position: relative; } .ag-disabled .ag-paging-page-summary-panel { pointer-events: none; } .ag-tool-panel-wrapper { display: flex; overflow-y: auto; overflow-x: hidden; cursor: default; -webkit-user-select: none; user-select: none; } .ag-column-select-column, .ag-column-select-column-group, .ag-select-agg-func-item { position: relative; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 100%; } .ag-column-select-column > *, .ag-column-select-column-group > *, .ag-select-agg-func-item > * { flex: none; } .ag-select-agg-func-item, .ag-column-select-column-label { flex: 1 1 auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .ag-column-select-checkbox { display: flex; } .ag-tool-panel-horizontal-resize { cursor: ew-resize; height: 100%; position: absolute; top: 0; width: 5px; z-index: 1; } .ag-ltr .ag-side-bar-left .ag-tool-panel-horizontal-resize { right: -3px; } .ag-rtl .ag-side-bar-left .ag-tool-panel-horizontal-resize { left: -3px; } .ag-ltr .ag-side-bar-right .ag-tool-panel-horizontal-resize { left: -3px; } .ag-rtl .ag-side-bar-right .ag-tool-panel-horizontal-resize { right: -3px; } .ag-details-row { width: 100%; } .ag-details-row-fixed-height { height: 100%; } .ag-details-grid { width: 100%; } .ag-details-grid-fixed-height { height: 100%; } .ag-header-group-cell { display: flex; align-items: center; height: 100%; position: absolute; } .ag-header-group-cell-no-group.ag-header-span-height { display: none; } .ag-cell-label-container { display: flex; justify-content: space-between; flex-direction: row-reverse; align-items: center; height: 100%; width: 100%; } .ag-header-group-cell-label, .ag-cell-label-container { padding: 5px 0px; } .ag-right-aligned-header .ag-cell-label-container { flex-direction: row; } .ag-right-aligned-header .ag-header-cell-text { text-align: end; } .ag-side-bar { display: flex; flex-direction: row-reverse; } .ag-side-bar-left { order: -1; flex-direction: row; } .ag-side-button-button { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; flex-wrap: nowrap; white-space: nowrap; outline: none; cursor: pointer; } .ag-side-button-label { writing-mode: vertical-lr; } .ag-status-bar { display: flex; justify-content: space-between; overflow: hidden; } .ag-status-panel { display: inline-flex; } .ag-status-name-value { white-space: nowrap; } .ag-status-bar-left { display: inline-flex; } .ag-status-bar-center { display: inline-flex; } .ag-status-bar-right { display: inline-flex; } .ag-icon { display: block; speak: none; } .ag-group { position: relative; width: 100%; } .ag-group-title-bar { display: flex; align-items: center; } .ag-group-title { display: inline; min-width: 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .ag-group-title-bar .ag-group-title { cursor: default; } .ag-group-toolbar { display: flex; align-items: center; } .ag-group-container { display: flex; } .ag-disabled .ag-group-container { pointer-events: none; } .ag-group-container-horizontal { flex-direction: row; flex-wrap: wrap; } .ag-group-container-vertical { flex-direction: column; } .ag-column-group-icons { display: block; } .ag-column-group-icons > * { cursor: pointer; } .ag-group-item-alignment-stretch .ag-group-item { align-items: stretch; } .ag-group-item-alignment-start .ag-group-item { align-items: flex-start; } .ag-group-item-alignment-end .ag-group-item { align-items: flex-end; } .ag-toggle-button-icon { transition: right 0.3s; position: absolute; top: -1px; } .ag-input-field, .ag-select { display: flex; flex-direction: row; align-items: center; } .ag-input-field-input { flex: 1 1 auto; } .ag-floating-filter-input .ag-input-field-input[type=date] { width: 1px; } .ag-range-field { display: flex; align-items: center; } .ag-angle-select { display: flex; align-items: center; } .ag-angle-select-wrapper { display: flex; } .ag-angle-select-parent-circle { display: block; position: relative; } .ag-angle-select-child-circle { position: absolute; } .ag-slider-wrapper { display: flex; } .ag-slider-wrapper .ag-input-field { flex: 1 1 auto; } .ag-picker-field-display { flex: 1 1 auto; } .ag-picker-field { display: flex; align-items: center; } .ag-picker-field-icon { display: flex; border: 0; padding: 0; margin: 0; cursor: pointer; } .ag-picker-field-wrapper { overflow: hidden; } .ag-label-align-right .ag-label { order: 1; } .ag-label-align-right > * { flex: none; } .ag-label-align-top { flex-direction: column; align-items: flex-start; } .ag-label-align-top > * { align-self: stretch; } .ag-label-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; } .ag-color-panel { width: 100%; display: flex; flex-direction: column; text-align: center; } .ag-spectrum-color { flex: 1 1 auto; position: relative; overflow: visible; cursor: default; } .ag-spectrum-fill { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-spectrum-val { cursor: pointer; } .ag-spectrum-dragger { position: absolute; pointer-events: none; cursor: pointer; } .ag-spectrum-hue, .ag-spectrum-alpha { cursor: default; } .ag-spectrum-hue-background { background: linear-gradient(to left, #ff0000 3%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%); width: 100%; height: 100%; } .ag-spectrum-alpha { --ag-spectrum-alpha-background-checked: url('data:image/svg+xml;utf8,'); } .ag-spectrum-alpha-background { background: linear-gradient(to right, var(--ag-internal-spectrum-alpha-color-from), var(--ag-internal-spectrum-alpha-color-to)), var(--ag-spectrum-alpha-background-checked) top left/4px 4px; width: 100%; height: 100%; } .ag-spectrum-tool { cursor: pointer; position: relative; } .ag-spectrum-slider { position: absolute; pointer-events: none; } .ag-spectrum-alpha .ag-spectrum-slider { background: linear-gradient(to bottom, var(--ag-internal-spectrum-alpha-color), var(--ag-internal-spectrum-alpha-color)) white; } .ag-recent-colors { display: flex; } .ag-recent-color { cursor: pointer; } .ag-pill-select { display: flex; flex-direction: column; } .ag-pill-select .ag-column-drop { flex: unset; } .ag-ltr { direction: ltr; } .ag-ltr .ag-body, .ag-ltr .ag-floating-top, .ag-ltr .ag-floating-bottom, .ag-ltr .ag-header, .ag-ltr .ag-sticky-top, .ag-ltr .ag-sticky-bottom, .ag-ltr .ag-body-viewport, .ag-ltr .ag-body-horizontal-scroll { flex-direction: row; } .ag-rtl { direction: rtl; } .ag-rtl .ag-body, .ag-rtl .ag-floating-top, .ag-rtl .ag-floating-bottom, .ag-rtl .ag-header, .ag-rtl .ag-sticky-top, .ag-rtl .ag-sticky-bottom, .ag-rtl .ag-body-viewport, .ag-rtl .ag-body-horizontal-scroll { flex-direction: row-reverse; } .ag-rtl .ag-icon-contracted, .ag-rtl .ag-icon-expanded, .ag-rtl .ag-icon-tree-closed { display: block; transform: rotate(180deg); } .ag-body .ag-body-viewport { -webkit-overflow-scrolling: touch; } .ag-measurement-container { width: 0; overflow: hidden; visibility: hidden; } .ag-measurement-container div { position: absolute; } .ag-layout-print.ag-body { display: block; height: unset; } .ag-layout-print.ag-root-wrapper { display: inline-block; } .ag-layout-print .ag-body-vertical-scroll { display: none; } .ag-layout-print .ag-body-horizontal-scroll { display: none; } .ag-layout-print.ag-force-vertical-scroll { overflow-y: visible !important; } @media print { .ag-root-wrapper.ag-layout-print { display: table; } .ag-root-wrapper.ag-layout-print .ag-root-wrapper-body, .ag-root-wrapper.ag-layout-print .ag-root, .ag-root-wrapper.ag-layout-print .ag-body-viewport, .ag-root-wrapper.ag-layout-print .ag-center-cols-container, .ag-root-wrapper.ag-layout-print .ag-center-cols-viewport, .ag-root-wrapper.ag-layout-print .ag-body-horizontal-scroll-viewport, .ag-root-wrapper.ag-layout-print .ag-virtual-list-viewport { height: auto !important; overflow: hidden !important; display: block !important; } .ag-root-wrapper.ag-layout-print .ag-row, .ag-root-wrapper.ag-layout-print .ag-cell { break-inside: avoid; } } [class^=ag-], [class^=ag-]:focus, [class^=ag-]:after, [class^=ag-]:before { box-sizing: border-box; outline: none; } [class^=ag-]::-ms-clear { display: none; } .ag-checkbox .ag-input-wrapper, .ag-radio-button .ag-input-wrapper { overflow: visible; } .ag-range-field .ag-input-wrapper { height: 100%; } .ag-toggle-button { flex: none; width: unset; min-width: unset; } .ag-button { border-radius: 0px; color: var(--ag-foreground-color); } .ag-button:hover { background-color: transparent; } .ag-ltr .ag-label-align-right .ag-label { margin-left: var(--ag-grid-size); } .ag-rtl .ag-label-align-right .ag-label { margin-right: var(--ag-grid-size); } input[class^=ag-] { margin: 0; background-color: var(--ag-background-color); } textarea[class^=ag-], select[class^=ag-] { background-color: var(--ag-background-color); } input[class^=ag-]:not([type]), input[class^=ag-][type=text], input[class^=ag-][type=number], input[class^=ag-][type=tel], input[class^=ag-][type=date], input[class^=ag-][type=datetime-local], textarea[class^=ag-] { font-size: inherit; line-height: inherit; color: inherit; font-family: inherit; border: var(--ag-borders-input) var(--ag-input-border-color); } input[class^=ag-]:not([type]):disabled, input[class^=ag-][type=text]:disabled, input[class^=ag-][type=number]:disabled, input[class^=ag-][type=tel]:disabled, input[class^=ag-][type=date]:disabled, input[class^=ag-][type=datetime-local]:disabled, textarea[class^=ag-]:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } input[class^=ag-]:not([type]):focus, input[class^=ag-][type=text]:focus, input[class^=ag-][type=number]:focus, input[class^=ag-][type=tel]:focus, input[class^=ag-][type=date]:focus, input[class^=ag-][type=datetime-local]:focus, textarea[class^=ag-]:focus { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } input[class^=ag-]:not([type]):invalid, input[class^=ag-][type=text]:invalid, input[class^=ag-][type=number]:invalid, input[class^=ag-][type=tel]:invalid, input[class^=ag-][type=date]:invalid, input[class^=ag-][type=datetime-local]:invalid, textarea[class^=ag-]:invalid { border: var(--ag-borders-input-invalid) var(--ag-input-border-color-invalid); } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper) { -moz-appearance: textfield; } input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-outer-spin-button, input[class^=ag-][type=number]:not(.ag-number-field-input-stepper)::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[class^=ag-][type=range] { padding: 0; } input[class^=ag-][type=button]:focus, button[class^=ag-]:focus { box-shadow: var(--ag-input-focus-box-shadow); } .ag-drag-handle { color: var(--ag-secondary-foreground-color); } .ag-list-item, .ag-virtual-list-item { height: var(--ag-list-item-height); } .ag-virtual-list-item:focus-visible { outline: none; } .ag-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-select-list { background-color: var(--ag-background-color); overflow-y: auto; overflow-x: hidden; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-list-item { display: flex; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-list-item.ag-active-item { background-color: var(--ag-row-hover-color); } .ag-select-list-item { -webkit-user-select: none; user-select: none; cursor: default; } .ag-ltr .ag-select-list-item { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select-list-item { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-select-list-item span { white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ag-row-drag, .ag-selection-checkbox, .ag-group-expanded, .ag-group-contracted { color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-row-drag, .ag-ltr .ag-selection-checkbox, .ag-ltr .ag-group-expanded, .ag-ltr .ag-group-contracted { margin-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-row-drag, .ag-rtl .ag-selection-checkbox, .ag-rtl .ag-group-expanded, .ag-rtl .ag-group-contracted { margin-left: var(--ag-cell-widget-spacing); } .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); display: flex; align-items: center; flex: none; } .ag-group-expanded, .ag-group-contracted { cursor: pointer; } .ag-group-title-bar-icon { cursor: pointer; flex: none; color: var(--ag-secondary-foreground-color); } .ag-ltr .ag-group-child-count { margin-left: 2px; } .ag-rtl .ag-group-child-count { margin-right: 2px; } .ag-group-title-bar { background-color: var(--ag-subheader-background-color); padding: var(--ag-grid-size); } .ag-group-toolbar { padding: var(--ag-grid-size); background-color: var(--ag-subheader-toolbar-background-color); } .ag-disabled-group-title-bar, .ag-disabled-group-container { opacity: 0.5; } .group-item { margin: calc(var(--ag-grid-size) * 0.5) 0; } .ag-label { white-space: nowrap; } .ag-ltr .ag-label { margin-right: var(--ag-grid-size); } .ag-rtl .ag-label { margin-left: var(--ag-grid-size); } .ag-label-align-top .ag-label { margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-angle-select[disabled] { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-angle-select[disabled] .ag-angle-select-field { opacity: 0.4; } .ag-ltr .ag-slider-field, .ag-ltr .ag-angle-select-field { margin-right: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-slider-field, .ag-rtl .ag-angle-select-field { margin-left: calc(var(--ag-grid-size) * 2); } .ag-angle-select-parent-circle { width: 24px; height: 24px; border-radius: 12px; border: solid 1px; border-color: var(--ag-border-color); background-color: var(--ag-background-color); } .ag-angle-select-child-circle { top: 4px; left: 12px; width: 6px; height: 6px; margin-left: -3px; margin-top: -4px; border-radius: 3px; background-color: var(--ag-secondary-foreground-color); } .ag-picker-field-wrapper { border: var(--ag-borders); border-color: var(--ag-border-color); border-radius: 5px; background-color: var(--ag-background-color); } .ag-picker-field-wrapper:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-picker-field-wrapper.ag-picker-has-focus, .ag-picker-field-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-input-focus-border-color); } .ag-picker-field-button { background-color: var(--ag-background-color); color: var(--ag-secondary-foreground-color); } .ag-dialog.ag-color-dialog { border-radius: 5px; } .ag-color-picker .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); padding-right: var(--ag-grid-size); } .ag-color-picker .ag-picker-field-display { display: flex; flex-direction: row; align-items: center; min-height: var(--ag-list-item-height); } .ag-ltr .ag-color-picker-color, .ag-ltr .ag-color-picker-value { margin-right: var(--ag-grid-size); } .ag-rtl .ag-color-picker-color, .ag-rtl .ag-color-picker-value { margin-left: var(--ag-grid-size); } .ag-color-panel { padding: var(--ag-grid-size); } .ag-spectrum-color { background-color: rgb(255, 0, 0); border-radius: 2px; } .ag-spectrum-tools { padding: 10px; } .ag-spectrum-sat { background-image: linear-gradient(to right, white, rgba(204, 154, 129, 0)); } .ag-spectrum-val { background-image: linear-gradient(to top, black, rgba(204, 154, 129, 0)); } .ag-spectrum-dragger { border-radius: 12px; height: 12px; width: 12px; border: 2px solid white; background: black; box-shadow: 0 0 2px 0px rgba(0, 0, 0, 0.24); } .ag-spectrum-hue-background { border-radius: 2px; } .ag-spectrum-alpha-background { border-radius: 2px; } .ag-spectrum-tool { margin-bottom: 10px; height: 11px; border-radius: 2px; } .ag-spectrum-slider { margin-top: -12px; width: 13px; height: 13px; border-radius: 13px; border: 2px solid white; box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.37); } .ag-recent-colors { margin-top: 10px; } .ag-recent-color { margin: 0 3px; } .ag-recent-color:first-child { margin-left: 0; } .ag-recent-color:last-child { margin-right: 0; } .ag-spectrum-color:focus-visible:not(:disabled):not([readonly]), .ag-spectrum-slider:focus-visible:not(:disabled):not([readonly]), .ag-recent-color:focus-visible:not(:disabled):not([readonly]) { box-shadow: var(--ag-input-focus-box-shadow); } .ag-ltr .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-color-input input[class^=ag-][type=text].ag-input-field-input { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-color-input .ag-color-input-color { position: absolute; } .ag-ltr .ag-color-input .ag-color-input-color { margin-left: var(--ag-grid-size); } .ag-rtl .ag-color-input .ag-color-input-color { margin-right: var(--ag-grid-size); } .ag-color-picker-color, .ag-color-input-color { width: var(--ag-icon-size); height: var(--ag-icon-size); border: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-radius: 2px; } .ag-dnd-ghost { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); overflow: hidden; text-overflow: ellipsis; border: var(--ag-borders-secondary) var(--ag-secondary-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); line-height: var(--ag-header-height); margin: 0; padding: 0 calc(var(--ag-grid-size) * 2); transform: translateY(calc(var(--ag-grid-size) * 2)); } .ag-dnd-ghost-icon { margin-right: var(--ag-grid-size); color: var(--ag-foreground-color); } .ag-popup-child:not(.ag-tooltip-custom) { box-shadow: var(--ag-popup-shadow); } .ag-select .ag-picker-field-wrapper { min-height: var(--ag-list-item-height); cursor: default; } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-select .ag-picker-field-wrapper { padding-right: var(--ag-grid-size); } .ag-rtl .ag-select .ag-picker-field-wrapper { padding-left: var(--ag-grid-size); } .ag-select.ag-disabled .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-select:not(.ag-cell-editor, .ag-label-align-top) { min-height: var(--ag-list-item-height); } .ag-select .ag-picker-field-display { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ag-select .ag-picker-field-icon { display: flex; align-items: center; } .ag-select.ag-disabled { opacity: 0.5; } .ag-rich-select-value, .ag-rich-select-list { background-color: var(--ag-background-color); } .ag-rich-select-list { width: 100%; height: auto; border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-rich-select-list .ag-loading-text { padding: var(--ag-widget-vertical-spacing) var(--ag-widget-horizontal-spacing); } .ag-rich-select-value { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); padding-top: 0; padding-bottom: 0; } .ag-ltr .ag-rich-select-value { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-value { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-ltr .ag-rich-select-value { padding-right: var(--ag-grid-size); } .ag-rtl .ag-rich-select-value { padding-left: var(--ag-grid-size); } .ag-ltr .ag-rich-select-field-input { left: calc(var(--ag-cell-horizontal-padding)); } .ag-rtl .ag-rich-select-field-input { right: calc(var(--ag-cell-horizontal-padding)); } .ag-popup-editor .ag-rich-select-value { height: var(--ag-row-height); min-width: 200px; } .ag-rich-select-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-rich-select-virtual-list-item:focus-visible::after { content: none; } .ag-ltr .ag-rich-select-row { padding-left: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rtl .ag-rich-select-row { padding-right: calc(var(--ag-cell-horizontal-padding) / 2); } .ag-rich-select-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-rich-select-row:hover, .ag-rich-select-row-highlighted { background-image: linear-gradient(var(--ag-row-hover-color), var(--ag-row-hover-color)); } .ag-rich-select-row-text-highlight { font-weight: bold; } .ag-autocomplete { width: 100%; } .ag-autocomplete-list { width: 100%; min-width: 200px; height: calc(var(--ag-row-height) * 6.5); } .ag-autocomplete-virtual-list-item { cursor: default; height: var(--ag-list-item-height); } .ag-autocomplete-virtual-list-item:focus-visible::after { content: none; } .ag-autocomplete-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-autocomplete-row-label { margin: 0px var(--ag-widget-container-horizontal-padding); } .ag-autocomplete-row-selected { background-color: var(--ag-selected-row-background-color); } .ag-pill { border: 1px solid var(--ag-chip-border-color); border-radius: var(--ag-border-radius); background-color: var(--ag-chip-background-color); } .ag-ltr .ag-pill .ag-pill-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-pill .ag-pill-button { margin-right: var(--ag-grid-size); } .ag-pill:focus-visible { border-color: var(--ag-input-focus-border-color); } .ag-pill .ag-pill-button:hover { cursor: pointer; } .ag-dragging-range-handle .ag-dialog, .ag-dragging-fill-handle .ag-dialog { opacity: 0.7; pointer-events: none; } .ag-dialog { border-radius: var(--ag-border-radius); border: var(--ag-borders) var(--ag-border-color); box-shadow: var(--ag-popup-shadow); } .ag-panel { background-color: var(--ag-panel-background-color); border-color: var(--ag-panel-border-color); } .ag-panel-title-bar { color: var(--ag-header-foreground-color); height: var(--ag-header-height); padding: var(--ag-grid-size) var(--ag-cell-horizontal-padding); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-panel-title-bar-button { margin-left: var(--ag-grid-size); } .ag-rtl .ag-panel-title-bar-button { margin-right: var(--ag-grid-size); } .ag-tooltip { background-color: var(--ag-tooltip-background-color); color: var(--ag-foreground-color); padding: var(--ag-grid-size); border: var(--ag-borders) var(--ag-border-color); border-radius: var(--ag-card-radius); white-space: normal; } .ag-tooltip.ag-tooltip-animate, .ag-tooltip-custom.ag-tooltip-animate { transition: opacity 1s; } .ag-tooltip.ag-tooltip-animate.ag-tooltip-hiding, .ag-tooltip-custom.ag-tooltip-animate.ag-tooltip-hiding { opacity: 0; } .ag-ltr .ag-column-select-column, .ag-ltr .ag-column-select-column-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-rtl .ag-column-select-column, .ag-rtl .ag-column-select-column-group { padding-right: calc(var(--ag-indentation-level) * var(--ag-column-select-indent-size)); } .ag-column-select-header-icon { cursor: pointer; } .ag-column-select-header-icon:focus-visible { outline: none; } .ag-column-select-header-icon:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-ltr .ag-column-group-icons:not(:last-child), .ag-ltr .ag-column-select-header-icon:not(:last-child), .ag-ltr .ag-column-select-header-checkbox:not(:last-child), .ag-ltr .ag-column-select-header-filter-wrapper:not(:last-child), .ag-ltr .ag-column-select-checkbox:not(:last-child), .ag-ltr .ag-column-select-column-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-group-drag-handle:not(:last-child), .ag-ltr .ag-column-select-column-label:not(:last-child) { margin-right: var(--ag-widget-horizontal-spacing); } .ag-rtl .ag-column-group-icons:not(:last-child), .ag-rtl .ag-column-select-header-icon:not(:last-child), .ag-rtl .ag-column-select-header-checkbox:not(:last-child), .ag-rtl .ag-column-select-header-filter-wrapper:not(:last-child), .ag-rtl .ag-column-select-checkbox:not(:last-child), .ag-rtl .ag-column-select-column-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-group-drag-handle:not(:last-child), .ag-rtl .ag-column-select-column-label:not(:last-child) { margin-left: var(--ag-widget-horizontal-spacing); } .ag-column-select-virtual-list-item:focus-visible { outline: none; } .ag-column-select-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-column-group:not(:last-child), .ag-column-select-column:not(:last-child) { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-column-select-column-readonly, .ag-column-select-column-group-readonly { color: var(--ag-disabled-foreground-color); pointer-events: none; } .ag-ltr .ag-column-select-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-rtl .ag-column-select-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); } .ag-column-select-virtual-list-viewport { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) 0px; } .ag-column-select-virtual-list-item { padding: 0 var(--ag-widget-container-horizontal-padding); } .ag-checkbox-edit { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-pill-select .ag-column-drop { border-bottom: 0; min-height: unset; } .ag-pill-select .ag-column-drop-list { padding: 0; } .ag-pill-select .ag-select { padding-top: var(--ag-grid-size); } .ag-pill-select .ag-picker-field-wrapper { background-color: transparent; border: 0; } .ag-pill-select .ag-picker-field-display { cursor: pointer; } .ag-rtl { text-align: right; } .ag-root-wrapper { border-radius: var(--ag-wrapper-border-radius); border: var(--ag-borders) var(--ag-border-color); } .ag-row > .ag-cell-wrapper.ag-row-group { padding-left: calc(var(--ag-cell-horizontal-padding) + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); } .ag-cell-wrapper.ag-row-group, .ag-cell-wrapper.ag-row-group-leaf-indent, .ag-cell-wrapper.ag-pivot-leaf-group { padding-left: calc(var(--ag-indentation-level) * var(--ag-row-group-indent-size)); } .ag-ltr .ag-row-group-leaf-indent { margin-left: var(--ag-row-group-indent-size); } .ag-rtl .ag-row-group-leaf-indent { margin-right: var(--ag-row-group-indent-size); } .ag-row:not(.ag-row-level-0) .ag-pivot-leaf-group { margin-left: var(--ag-row-group-indent-size); } .ag-value-change-delta { padding-right: 2px; } .ag-value-change-delta-up { color: var(--ag-value-change-delta-up-color); } .ag-value-change-delta-down { color: var(--ag-value-change-delta-down-color); } .ag-value-change-value { background-color: transparent; border-radius: 1px; padding-left: 1px; padding-right: 1px; transition: background-color 1s; } .ag-value-change-value-highlight { background-color: var(--ag-value-change-value-highlight-background-color); transition: background-color 0.1s; } .ag-cell-data-changed { background-color: var(--ag-value-change-value-highlight-background-color) !important; } .ag-cell-data-changed-animation { background-color: transparent; } .ag-cell-highlight { background-color: var(--ag-range-selection-highlight-color) !important; } .ag-row { height: var(--ag-row-height); background-color: var(--ag-background-color); color: var(--ag-data-color); border-bottom: var(--ag-row-border-style) var(--ag-row-border-color) var(--ag-row-border-width); } .ag-row-highlight-above::after, .ag-row-highlight-below::after { content: ""; position: absolute; width: calc(100% - 1px); height: 1px; background-color: var(--ag-range-selection-border-color); left: 1px; } .ag-row-highlight-above::after { top: 0px; } .ag-row-highlight-below::after { bottom: 0px; } .ag-row-odd { background-color: var(--ag-odd-row-background-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-left-spacer:not(.ag-scroller-corner) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-body-horizontal-scroll:not(.ag-scrollbar-invisible) .ag-horizontal-right-spacer:not(.ag-scroller-corner) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-row-selected::before { content: ""; background-color: var(--ag-selected-row-background-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .ag-row-hover:not(.ag-full-width-row)::before, .ag-row-hover.ag-full-width-row.ag-row-group::before { content: ""; background-color: var(--ag-row-hover-color); display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; pointer-events: none; } .ag-row-hover.ag-full-width-row.ag-row-group > * { position: relative; } .ag-row-hover.ag-row-selected::before { background-color: var(--ag-row-hover-color); background-image: linear-gradient(var(--ag-selected-row-background-color), var(--ag-selected-row-background-color)); } .ag-column-hover { background-color: var(--ag-column-hover-color); } .ag-ltr .ag-right-aligned-cell { text-align: right; } .ag-rtl .ag-right-aligned-cell { text-align: left; } .ag-ltr .ag-right-aligned-cell .ag-cell-value, .ag-ltr .ag-right-aligned-cell .ag-group-value { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-cell-value, .ag-rtl .ag-right-aligned-cell .ag-group-value { margin-right: auto; } .ag-ltr .ag-right-aligned-cell .ag-skeleton-effect { margin-left: auto; } .ag-rtl .ag-right-aligned-cell .ag-skeleton-effect { margin-right: auto; } .ag-cell, .ag-full-width-row .ag-cell-wrapper.ag-row-group { --ag-internal-calculated-line-height: var( --ag-line-height, calc(var(--ag-row-height) - var(--ag-row-border-width)) ); --ag-internal-padded-row-height: calc(var(--ag-row-height) - var(--ag-row-border-width)); border: 1px solid transparent; line-height: min(var(--ag-internal-calculated-line-height), var(--ag-internal-padded-row-height)); padding-left: calc(var(--ag-cell-horizontal-padding) - 1px + var(--ag-row-group-indent-size) * var(--ag-indentation-level)); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); -webkit-font-smoothing: subpixel-antialiased; } .ag-row > .ag-cell-wrapper { padding-left: calc(var(--ag-cell-horizontal-padding) - 1px); padding-right: calc(var(--ag-cell-horizontal-padding) - 1px); } .ag-row-dragging { cursor: move; opacity: 0.5; } .ag-cell-inline-editing { border: 1px solid var(--ag-border-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: 0; background-color: var(--ag-control-panel-background-color); } .ag-popup-editor .ag-large-text, .ag-autocomplete-list-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-control-panel-background-color); padding: 0; } .ag-large-text-input { height: auto; padding: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-large-text-input textarea { resize: none; } .ag-details-row { padding: calc(var(--ag-grid-size) * 5); background-color: var(--ag-background-color); } .ag-layout-auto-height .ag-center-cols-viewport, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-viewport, .ag-layout-print .ag-center-cols-container { min-height: 50px; } .ag-overlay-loading-wrapper { background-color: var(--ag-modal-overlay-background-color); } .ag-overlay-loading-center { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); } .ag-skeleton-container { width: 100%; height: 100%; align-content: center; } .ag-skeleton-effect { background-color: var(--ag-row-loading-skeleton-effect-color); width: 100%; height: 1em; border-radius: 0.25rem; animation: ag-skeleton-loading 1.5s ease-in-out 0.5s infinite; } @keyframes ag-skeleton-loading { 0% { opacity: 1; } 50% { opacity: 0.4; } 100% { opacity: 1; } } .ag-loading { display: flex; height: 100%; align-items: center; } .ag-ltr .ag-loading { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-loading { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-loading-icon { padding-right: var(--ag-cell-widget-spacing); } .ag-rtl .ag-loading-icon { padding-left: var(--ag-cell-widget-spacing); } .ag-icon-loading { animation-name: spin; animation-duration: 1000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .ag-floating-top { border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-floating-bottom { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-cell { border-right: var(--ag-cell-horizontal-border); } .ag-rtl .ag-cell { border-left: var(--ag-cell-horizontal-border); } .ag-ltr .ag-cell { border-right-width: 1px; } .ag-rtl .ag-cell { border-left-width: 1px; } .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell.ag-cell-last-left-pinned:not(.ag-cell-range-right):not(.ag-cell-range-single-cell) { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-cell-range-selected:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart { background-color: var(--ag-range-selection-chart-background-color) !important; } .ag-cell-range-selected:not(.ag-cell-focus).ag-cell-range-chart.ag-cell-range-chart-category, .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-single-cell:not(.ag-cell-inline-editing).ag-cell-range-chart.ag-cell-range-chart-category { background-color: var(--ag-range-selection-chart-category-background-color) !important; } .ag-cell-range-selected-1:not(.ag-cell-focus), .ag-root:not(.ag-context-menu-open) .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-1:not(.ag-cell-inline-editing) { background-color: var(--ag-range-selection-background-color); } .ag-cell-range-selected-2:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-2 { background-color: var(--ag-range-selection-background-color-2); } .ag-cell-range-selected-3:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-3 { background-color: var(--ag-range-selection-background-color-3); } .ag-cell-range-selected-4:not(.ag-cell-focus), .ag-body-viewport:not(.ag-has-focus) .ag-cell-range-selected-4 { background-color: var(--ag-range-selection-background-color-4); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-top { border-top-color: var(--ag-range-selection-border-color); border-top-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-right { border-right-color: var(--ag-range-selection-border-color); border-right-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-bottom { border-bottom-color: var(--ag-range-selection-border-color); border-bottom-style: var(--ag-range-selection-border-style); } .ag-cell.ag-cell-range-selected:not(.ag-cell-range-single-cell).ag-cell-range-left { border-left-color: var(--ag-range-selection-border-color); border-left-style: var(--ag-range-selection-border-style); } .ag-ltr .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-ltr .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-ltr .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-ltr .ag-cell-range-single-cell, .ag-ltr .ag-cell-range-single-cell.ag-cell-range-handle, .ag-rtl .ag-cell-focus:not(.ag-cell-range-selected):focus-within, .ag-rtl .ag-context-menu-open .ag-cell-focus:not(.ag-cell-range-selected), .ag-rtl .ag-full-width-row.ag-row-focus:focus .ag-cell-wrapper.ag-row-group, .ag-rtl .ag-cell-range-single-cell, .ag-rtl .ag-cell-range-single-cell.ag-cell-range-handle { border: 1px solid; border-color: var(--ag-range-selection-border-color); border-style: var(--ag-range-selection-border-style); outline: initial; } .ag-cell.ag-selection-fill-top, .ag-cell.ag-selection-fill-top.ag-cell-range-selected { border-top: 1px dashed; border-top-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-right, .ag-ltr .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-right, .ag-rtl .ag-cell.ag-selection-fill-right.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-cell.ag-selection-fill-bottom, .ag-cell.ag-selection-fill-bottom.ag-cell-range-selected { border-bottom: 1px dashed; border-bottom-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-cell.ag-selection-fill-left, .ag-ltr .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-left: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-rtl .ag-cell.ag-selection-fill-left, .ag-rtl .ag-cell.ag-selection-fill-left.ag-cell-range-selected { border-right: 1px dashed var(--ag-range-selection-border-color) !important; } .ag-fill-handle, .ag-range-handle { position: absolute; width: 6px; height: 6px; bottom: -1px; background-color: var(--ag-range-selection-border-color); } .ag-ltr .ag-fill-handle, .ag-ltr .ag-range-handle { right: -1px; } .ag-rtl .ag-fill-handle, .ag-rtl .ag-range-handle { left: -1px; } .ag-fill-handle { cursor: cell; } .ag-range-handle { cursor: nwse-resize; } .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-menu { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background-color: var(--ag-menu-background-color); border-color: var(--ag-menu-border-color); padding: 0; } .ag-menu.ag-tabs { min-width: var(--ag-tab-min-width); } .ag-menu-list { cursor: default; padding: var(--ag-grid-size) 0; } .ag-menu-separator { height: calc(var(--ag-grid-size) * 2 + 1px); } .ag-menu-separator-part::after { content: ""; display: block; border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-menu-option-active, .ag-compact-menu-option-active { background-color: var(--ag-row-hover-color); } .ag-menu-option-part, .ag-compact-menu-option-part { line-height: var(--ag-icon-size); padding: calc(var(--ag-grid-size) + 2px) 0; } .ag-menu-option-disabled, .ag-compact-menu-option-disabled { opacity: 0.5; } .ag-menu-option-icon, .ag-compact-menu-option-icon { width: var(--ag-icon-size); } .ag-ltr .ag-menu-option-icon, .ag-ltr .ag-compact-menu-option-icon { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-menu-option-icon, .ag-rtl .ag-compact-menu-option-icon { padding-right: calc(var(--ag-grid-size) * 2); } .ag-menu-option-text, .ag-compact-menu-option-text { padding-left: calc(var(--ag-grid-size) * 2); padding-right: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-menu-option-shortcut, .ag-ltr .ag-compact-menu-option-shortcut { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-shortcut, .ag-rtl .ag-compact-menu-option-shortcut { padding-left: var(--ag-grid-size); } .ag-ltr .ag-menu-option-popup-pointer, .ag-ltr .ag-compact-menu-option-popup-pointer { padding-right: var(--ag-grid-size); } .ag-rtl .ag-menu-option-popup-pointer, .ag-rtl .ag-compact-menu-option-popup-pointer { padding-left: var(--ag-grid-size); } .ag-tabs-header { display: flex; } .ag-tabs-header-wrapper { display: flex; } .ag-tabs-header-wrapper .ag-tabs-header { flex: 1; } .ag-tabs-close-button-wrapper { border: 0; border-right: var(--ag-borders) var(--ag-border-color); padding: var(--ag-grid-size); } .ag-tabs-close-button { border: 0; background-color: unset; cursor: pointer; padding: 0; } .ag-tab { border-bottom: var(--ag-selected-tab-underline-width) solid transparent; transition: border-bottom var(--ag-selected-tab-underline-transition-speed); display: flex; flex: none; align-items: center; justify-content: center; cursor: pointer; } .ag-tab:focus-visible { outline: none; } .ag-tab:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-tab-selected { border-bottom-color: var(--ag-selected-tab-underline-color); } .ag-menu-header { color: var(--ag-secondary-foreground-color); } .ag-filter-separator { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-filter-select .ag-picker-field-wrapper { width: 0; } .ag-filter-condition-operator { height: 17px; } .ag-ltr .ag-filter-condition-operator-or { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-condition-operator-or { margin-right: calc(var(--ag-grid-size) * 2); } .ag-set-filter-select-all { padding-top: var(--ag-widget-container-vertical-padding); } .ag-set-filter-list, .ag-filter-no-matches { height: calc(var(--ag-list-item-height) * 6); } .ag-set-filter-tree-list { height: calc(var(--ag-list-item-height) * 10); } .ag-set-filter-filter { margin-top: var(--ag-widget-container-vertical-padding); margin-left: var(--ag-widget-container-horizontal-padding); margin-right: var(--ag-widget-container-horizontal-padding); } .ag-filter-to { margin-top: var(--ag-widget-vertical-spacing); } .ag-mini-filter { margin: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-set-filter { --ag-indentation-level: 0; } .ag-ltr .ag-set-filter-item { padding-left: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-rtl .ag-set-filter-item { padding-right: calc(var(--ag-widget-container-horizontal-padding) + var(--ag-indentation-level) * var(--ag-set-filter-indent-size)); } .ag-ltr .ag-set-filter-add-group-indent { margin-left: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-rtl .ag-set-filter-add-group-indent { margin-right: calc(var(--ag-icon-size) + var(--ag-widget-container-horizontal-padding)); } .ag-ltr .ag-set-filter-group-icons { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-set-filter-group-icons { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-filter-menu .ag-set-filter-list { min-width: 200px; } .ag-filter-virtual-list-item:focus-visible { outline: none; } .ag-filter-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-apply-panel { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-filter-apply-panel-button { line-height: 1.5; } .ag-ltr .ag-filter-apply-panel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-filter-apply-panel-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-simple-filter-body-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); overflow-y: auto; min-height: calc(var(--ag-list-item-height) + var(--ag-widget-container-vertical-padding) + var(--ag-widget-vertical-spacing)); } .ag-simple-filter-body-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-simple-filter-body-wrapper .ag-resizer-wrapper { margin: 0; } .ag-menu:not(.ag-tabs) .ag-filter .ag-filter-body-wrapper, .ag-menu:not(.ag-tabs) .ag-filter > *:not(.ag-filter-wrapper) { min-width: calc(var(--ag-menu-min-width) - 2px); } .ag-filter-no-matches { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); } .ag-multi-filter-menu-item { margin: var(--ag-grid-size) 0; } .ag-multi-filter-group-title-bar { padding: calc(var(--ag-grid-size) * 2) var(--ag-grid-size); background-color: transparent; } .ag-group-filter-field-select-wrapper { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-group-filter-field-select-wrapper > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-multi-filter-group-title-bar:focus-visible { outline: none; } .ag-multi-filter-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-side-bar { position: relative; } .ag-tool-panel-wrapper { width: var(--ag-side-bar-panel-width); background-color: var(--ag-control-panel-background-color); } .ag-side-buttons { padding-top: calc(var(--ag-grid-size) * 4); width: calc(var(--ag-icon-size) + 4px); position: relative; overflow: hidden; } button.ag-side-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; background: transparent; padding: calc(var(--ag-grid-size) * 2) 0 calc(var(--ag-grid-size) * 2) 0; width: 100%; margin: 0; min-height: calc(var(--ag-grid-size) * 18); background-position-y: center; background-position-x: center; background-repeat: no-repeat; border: none; border-top: var(--ag-borders-side-button) var(--ag-border-color); border-bottom: var(--ag-borders-side-button) var(--ag-border-color); } button.ag-side-button-button:focus { box-shadow: none; } .ag-side-button-button:focus-visible { outline: none; } .ag-side-button-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-selected button.ag-side-button-button { background-color: var(--ag-side-button-selected-background-color); } .ag-side-button-icon-wrapper { margin-bottom: 3px; } .ag-ltr .ag-side-bar-left, .ag-rtl .ag-side-bar-right { border-right: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-tool-panel-wrapper, .ag-rtl .ag-side-bar-right .ag-tool-panel-wrapper { border-left: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-side-bar-left .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-side-button-button { border-right: var(--ag-selected-tab-underline-width) solid transparent; transition: border-right var(--ag-selected-tab-underline-transition-speed); } .ag-ltr .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-rtl .ag-side-bar-right .ag-selected .ag-side-button-button { border-right-color: var(--ag-selected-tab-underline-color); } .ag-rtl .ag-side-bar-left, .ag-ltr .ag-side-bar-right { border-left: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-tool-panel-wrapper, .ag-ltr .ag-side-bar-right .ag-tool-panel-wrapper { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-side-bar-left .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-side-button-button { border-left: var(--ag-selected-tab-underline-width) solid transparent; transition: border-left var(--ag-selected-tab-underline-transition-speed); } .ag-rtl .ag-side-bar-left .ag-selected .ag-side-button-button, .ag-ltr .ag-side-bar-right .ag-selected .ag-side-button-button { border-left-color: var(--ag-selected-tab-underline-color); } .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 6); } .ag-filter-toolpanel-header, .ag-filter-toolpanel-search { padding: 0 var(--ag-grid-size); } .ag-filter-toolpanel-header:focus-visible { outline: none; } .ag-filter-toolpanel-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-filter-toolpanel-group:not(.ag-has-filter) > .ag-group-title-bar .ag-filter-toolpanel-group-instance-header-icon { display: none; } .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 8); } .ag-filter-toolpanel-group-item { margin-top: calc(var(--ag-grid-size) * 0.5); margin-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-filter-toolpanel-search { height: var(--ag-header-height); } .ag-filter-toolpanel-search-input { flex-grow: 1; height: calc(var(--ag-grid-size) * 4); } .ag-ltr .ag-filter-toolpanel-search-input { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-search-input { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-level-0 { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-ltr .ag-filter-toolpanel-expand, .ag-ltr .ag-filter-toolpanel-group-title-bar-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-expand, .ag-rtl .ag-filter-toolpanel-group-title-bar-icon { margin-left: var(--ag-grid-size); } .ag-filter-toolpanel-group-title-bar { background-color: transparent; } .ag-ltr .ag-filter-toolpanel-header { padding-left: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-rtl .ag-filter-toolpanel-header { padding-right: calc(var(--ag-filter-tool-panel-group-indent) * var(--ag-indentation-level, 0) + var(--ag-grid-size)); } .ag-filter-toolpanel-instance-filter { border-bottom: var(--ag-borders) var(--ag-border-color); border-top: var(--ag-borders) var(--ag-border-color); margin-top: var(--ag-grid-size); } .ag-ltr .ag-filter-toolpanel-group-instance-header-icon, .ag-ltr .ag-filter-toolpanel-instance-header-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-filter-toolpanel-group-instance-header-icon, .ag-rtl .ag-filter-toolpanel-instance-header-icon { margin-right: var(--ag-grid-size); } .ag-set-filter-group-icons { color: var(--ag-secondary-foreground-color); } .ag-pivot-mode-panel { min-height: var(--ag-header-height); height: var(--ag-header-height); display: flex; } .ag-pivot-mode-select { display: flex; align-items: center; } .ag-ltr .ag-pivot-mode-select { margin-left: var(--ag-widget-container-horizontal-padding); } .ag-rtl .ag-pivot-mode-select { margin-right: var(--ag-widget-container-horizontal-padding); } .ag-column-select-header:focus-visible { outline: none; } .ag-column-select-header:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-select-header { height: var(--ag-header-height); align-items: center; padding: 0 var(--ag-widget-container-horizontal-padding); border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-panel-column-select { border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-group-icons, .ag-column-select-header-icon { color: var(--ag-secondary-foreground-color); } .ag-column-select-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-column-select-list .ag-item-highlight-top::after { top: 0; } .ag-column-select-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-header, .ag-advanced-filter-header { background-color: var(--ag-header-background-color); border-bottom: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-row { color: var(--ag-header-foreground-color); height: var(--ag-header-height); } .ag-pinned-right-header { border-left: var(--ag-borders-critical) var(--ag-border-color); } .ag-pinned-left-header { border-right: var(--ag-borders-critical) var(--ag-border-color); } .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-ltr .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-label-icon, .ag-rtl .ag-header-cell:not(.ag-right-aligned-header) .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-ltr .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-right: var(--ag-grid-size); } .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-label-icon, .ag-rtl .ag-header-cell.ag-right-aligned-header .ag-header-menu-icon { margin-left: var(--ag-grid-size); } .ag-header-cell, .ag-header-group-cell { padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-header-cell.ag-header-cell-moving, .ag-header-group-cell.ag-header-cell-moving { background-color: var(--ag-header-cell-moving-background-color); } .ag-ltr .ag-header-group-cell-label.ag-sticky-label { left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-group-cell-label.ag-sticky-label { right: var(--ag-cell-horizontal-padding); } .ag-header-cell:focus-visible { outline: none; } .ag-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-group-cell:focus-visible { outline: none; } .ag-header-group-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-header-cell:focus-visible { outline: none; } .ag-advanced-filter-header-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-header-icon { color: var(--ag-secondary-foreground-color); } .ag-header-expand-icon { cursor: pointer; } .ag-ltr .ag-header-expand-icon { margin-left: 4px; } .ag-rtl .ag-header-expand-icon { margin-right: 4px; } .ag-header-row:not(:first-child) .ag-header-cell:not(.ag-header-span-height.ag-header-span-total, .ag-header-parent-hidden), .ag-header-row:not(:first-child) .ag-header-group-cell.ag-header-group-cell-with-group { border-top: var(--ag-borders-critical) var(--ag-border-color); } .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover):not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-column-hover).ag-column-resizing, .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-header-cell:not(.ag-column-hover):first-of-type:not(.ag-header-cell-moving):hover, .ag-header-cell:not(.ag-column-hover):first-of-type.ag-column-resizing { background-color: var(--ag-header-cell-hover-background-color); } .ag-header-cell::before, .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-separator-display); width: var(--ag-header-column-separator-width); height: var(--ag-header-column-separator-height); top: calc(50% - var(--ag-header-column-separator-height) * 0.5); background-color: var(--ag-header-column-separator-color); } .ag-ltr .ag-header-cell::before, .ag-ltr .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { right: 0; } .ag-rtl .ag-header-cell::before, .ag-rtl .ag-header-group-cell:not(.ag-header-span-height.ag-header-group-cell-no-group)::before { left: 0; } .ag-header-highlight-before::after, .ag-header-highlight-after::after { content: ""; position: absolute; height: 100%; width: 1px; } .ag-header-highlight-before::after { left: 0px; } .ag-header-highlight-after::after { right: 0px; } .ag-pinned-left-header .ag-header-highlight-after::after { right: 1px; } .ag-header-cell-resize { display: flex; align-items: center; } .ag-header-cell-resize::after { content: ""; position: absolute; z-index: 1; display: var(--ag-header-column-resize-handle-display); width: var(--ag-header-column-resize-handle-width); height: var(--ag-header-column-resize-handle-height); top: calc(50% - var(--ag-header-column-resize-handle-height) * 0.5); background-color: var(--ag-header-column-resize-handle-color); } .ag-header-cell.ag-header-span-height .ag-header-cell-resize::after { height: calc(100% - var(--ag-grid-size) * 4); top: calc(var(--ag-grid-size) * 2); } .ag-ltr .ag-header-viewport .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-rtl .ag-header-viewport .ag-header-cell-resize::after { right: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-left-header .ag-header-cell-resize::after { left: calc(50% - var(--ag-header-column-resize-handle-width)); } .ag-pinned-right-header .ag-header-cell-resize::after { left: 50%; } .ag-ltr .ag-header-select-all { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-header-select-all { margin-left: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-floating-filter-button { margin-left: var(--ag-cell-widget-spacing); } .ag-rtl .ag-floating-filter-button { margin-right: var(--ag-cell-widget-spacing); } .ag-floating-filter-button-button { color: inherit; font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; appearance: none; background: transparent; border: none; height: var(--ag-icon-size); padding: 0; width: var(--ag-icon-size); } .ag-filter-loading { background-color: var(--ag-control-panel-background-color); height: 100%; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); position: absolute; width: 100%; z-index: 1; } .ag-paging-panel { border-top: 1px solid; border-top-color: var(--ag-border-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); } .ag-paging-panel > * { margin: 0 var(--ag-cell-horizontal-padding); } .ag-paging-panel > .ag-paging-page-size .ag-wrapper { min-width: calc(var(--ag-grid-size) * 10); } .ag-paging-button { cursor: pointer; } .ag-paging-button.ag-disabled { cursor: default; color: var(--ag-disabled-foreground-color); } .ag-paging-button:focus-visible { outline: none; } .ag-paging-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 0px; left: 0px; display: block; width: calc(100% - 0px); height: calc(100% - 0px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-paging-button, .ag-paging-description { margin: 0 var(--ag-grid-size); } .ag-status-bar { border-top: var(--ag-borders) var(--ag-border-color); color: var(--ag-disabled-foreground-color); padding-right: calc(var(--ag-grid-size) * 4); padding-left: calc(var(--ag-grid-size) * 4); line-height: 1.5; } .ag-status-name-value-value { color: var(--ag-foreground-color); } .ag-status-bar-center { text-align: center; } .ag-status-name-value { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); padding-top: calc(var(--ag-grid-size) * 2); padding-bottom: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell { background: var(--ag-chip-background-color); border-radius: calc(var(--ag-grid-size) * 4); height: calc(var(--ag-grid-size) * 4); padding: 0 calc(var(--ag-grid-size) * 0.5); border: 1px solid var(--ag-chip-border-color); } .ag-column-drop-cell:focus-visible { outline: none; } .ag-column-drop-cell:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 2px; left: 2px; display: block; width: calc(100% - 4px); height: calc(100% - 4px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-column-drop-cell-text { margin: 0 var(--ag-grid-size); } .ag-column-drop-cell-button { min-width: calc(var(--ag-grid-size) * 4); margin: 0 calc(var(--ag-grid-size) * 0.5); color: var(--ag-secondary-foreground-color); } .ag-column-drop-cell-drag-handle { margin-left: calc(var(--ag-grid-size) * 2); } .ag-column-drop-cell-ghost { opacity: 0.5; } .ag-column-drop-horizontal { background-color: var(--ag-header-background-color); color: var(--ag-secondary-foreground-color); height: var(--ag-header-height); border-bottom: var(--ag-borders) var(--ag-border-color); } .ag-ltr .ag-column-drop-horizontal { padding-left: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal { padding-right: var(--ag-cell-horizontal-padding); } .ag-ltr .ag-column-drop-horizontal-half-width:not(:last-child) { border-right: var(--ag-borders) var(--ag-border-color); } .ag-rtl .ag-column-drop-horizontal-half-width:not(:last-child) { border-left: var(--ag-borders) var(--ag-border-color); } .ag-column-drop-horizontal-cell-separator { margin: 0 var(--ag-grid-size); color: var(--ag-secondary-foreground-color); } .ag-column-drop-horizontal-empty-message { color: var(--ag-disabled-foreground-color); } .ag-ltr .ag-column-drop-horizontal-icon { margin-right: var(--ag-cell-horizontal-padding); } .ag-rtl .ag-column-drop-horizontal-icon { margin-left: var(--ag-cell-horizontal-padding); } .ag-column-drop-vertical-list { padding-bottom: var(--ag-grid-size); padding-right: var(--ag-grid-size); padding-left: var(--ag-grid-size); } .ag-column-drop-vertical-cell { margin-top: var(--ag-grid-size); } .ag-column-drop-vertical { min-height: 50px; border-bottom: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-column-drop-vertical-icon { margin-left: var(--ag-grid-size); margin-right: var(--ag-grid-size); } .ag-column-drop-vertical-empty-message { position: absolute; top: 0; bottom: 0; left: 0; right: 0; overflow: hidden; color: var(--ag-disabled-foreground-color); margin-top: var(--ag-grid-size); } .ag-select-agg-func-popup { border: var(--ag-borders) var(--ag-border-color); background: var(--ag-background-color); border-radius: var(--ag-card-radius); box-shadow: var(--ag-card-shadow); padding: var(--ag-grid-size); background: var(--ag-background-color); height: calc(var(--ag-grid-size) * 5 * 3.5); padding: 0; } .ag-select-agg-func-virtual-list-item { cursor: default; } .ag-ltr .ag-select-agg-func-virtual-list-item { padding-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-select-agg-func-virtual-list-item { padding-right: calc(var(--ag-grid-size) * 2); } .ag-select-agg-func-virtual-list-item:hover { background-color: var(--ag-selected-row-background-color); } .ag-select-agg-func-virtual-list-item:focus-visible { outline: none; } .ag-select-agg-func-virtual-list-item:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 1px; left: 1px; display: block; width: calc(100% - 2px); height: calc(100% - 2px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-sort-indicator-container { display: flex; } .ag-ltr .ag-sort-indicator-icon { padding-left: var(--ag-grid-size); } .ag-rtl .ag-sort-indicator-icon { padding-right: var(--ag-grid-size); } .ag-chart { position: relative; display: flex; width: 100%; height: 100%; } .ag-chart-components-wrapper { position: relative; display: flex; flex: 1 1 auto; } .ag-chart-canvas-wrapper { position: relative; flex: 1 1 auto; } .ag-chart-menu { position: absolute; top: 16px; display: flex; flex-direction: column; } .ag-ltr .ag-chart-menu { right: 20px; } .ag-rtl .ag-chart-menu { left: 20px; } .ag-chart-docked-container { position: relative; min-width: var(--ag-chart-menu-panel-width); } .ag-chart-menu-hidden ~ .ag-chart-docked-container { display: none; } .ag-chart-tabbed-menu { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .ag-chart-tabbed-menu-header { flex: none; -webkit-user-select: none; user-select: none; cursor: default; } .ag-chart-tabbed-menu-body { display: flex; flex: 1 1 auto; align-items: stretch; overflow: hidden; } .ag-chart-tab { width: 100%; overflow: hidden; overflow-y: auto; } .ag-chart-settings { overflow-x: hidden; } .ag-chart-settings-wrapper { position: relative; flex-direction: column; width: 100%; height: 100%; display: flex; overflow: hidden; } .ag-chart-settings-nav-bar { display: flex; align-items: center; width: 100%; height: 30px; padding: 0 10px; -webkit-user-select: none; user-select: none; } .ag-chart-settings-card-selector { display: flex; align-items: center; justify-content: space-around; flex: 1 1 auto; height: 100%; padding: 0 10px; } .ag-chart-settings-card-item { cursor: pointer; width: 10px; height: 10px; background-color: #000; position: relative; } .ag-chart-settings-card-item.ag-not-selected { opacity: 0.2; } .ag-chart-settings-card-item::before { content: " "; display: block; position: absolute; background-color: transparent; left: 50%; top: 50%; margin-left: -10px; margin-top: -10px; width: 20px; height: 20px; } .ag-chart-settings-prev, .ag-chart-settings-next { position: relative; flex: none; } .ag-chart-settings-prev:focus-within, .ag-chart-settings-next:focus-within { box-shadow: var(--ag-input-focus-box-shadow); border-radius: 1px; } .ag-chart-settings-prev-button, .ag-chart-settings-next-button { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; opacity: 0; } .ag-chart-settings-mini-charts-container { position: relative; flex: 1 1 auto; overflow-x: hidden; overflow-y: auto; } .ag-chart-settings-mini-wrapper { position: absolute; top: 0; left: 0; display: flex; flex-direction: column; width: 100%; min-height: 100%; overflow: hidden; } .ag-chart-settings-mini-wrapper.ag-animating { transition: left 0.3s; transition-timing-function: ease-in-out; } .ag-chart-mini-thumbnail { cursor: pointer; } .ag-chart-mini-thumbnail-canvas { display: block; } .ag-chart-data-wrapper, .ag-chart-format-wrapper, .ag-chart-advanced-settings-wrapper { display: flex; flex-direction: column; position: relative; -webkit-user-select: none; user-select: none; padding-bottom: 16px; } .ag-chart-data-wrapper, .ag-chart-advanced-settings-wrapper { height: 100%; overflow-y: auto; } .ag-chart-advanced-settings { background-color: var(--ag-control-panel-background-color); } .ag-chart-advanced-settings-wrapper, .ag-chart-advanced-settings { width: 100%; } .ag-chart-advanced-settings-wrapper { padding-bottom: 0; } .ag-chart-data-section, .ag-chart-format-section, .ag-chart-advanced-settings-section { display: flex; margin: 0; } .ag-chart-advanced-settings-section { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-chart-advanced-settings-section:not(:last-child) { border-bottom: 1px solid var(--ag-secondary-border-color); } .ag-chart-empty-text { display: flex; top: 0; width: 100%; height: 100%; align-items: center; justify-content: center; background-color: var(--ag-background-color); } .ag-chart .ag-chart-menu { display: none; } .ag-chart-menu-hidden:hover .ag-chart-menu { display: block; } .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { display: flex; flex-direction: row; top: 8px; gap: 20px; width: auto; } .ag-ltr .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { right: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: right; } .ag-rtl .ag-chart .ag-chart-menu-wrapper .ag-chart-menu { left: calc(var(--ag-cell-horizontal-padding) + var(--ag-grid-size) - 4px); justify-content: left; } .ag-charts-font-size-color { display: flex; align-self: stretch; justify-content: space-between; } .ag-charts-data-group-item { position: relative; } .ag-charts-data-group-item:not(:last-child) { margin-bottom: var(--ag-grid-size); } .ag-chart-menu { border-radius: var(--ag-card-radius); background: var(--ag-background-color); } .ag-chart-menu-icon { opacity: 0.5; margin: 2px 0; cursor: pointer; border-radius: var(--ag-card-radius); color: var(--ag-secondary-foreground-color); } .ag-chart-menu-icon:hover { opacity: 1; } .ag-chart-menu-toolbar-button { border: 0; background-color: unset; padding: 0 2px; border-radius: 1px; } .ag-chart-mini-thumbnail { border: 1px solid var(--ag-secondary-border-color); border-radius: 5px; } .ag-chart-mini-thumbnail.ag-selected { border-color: var(--ag-minichart-selected-chart-color); border-width: 2px; } .ag-chart-mini-thumbnail:focus-visible { outline: none; border-color: var(--ag-minichart-selected-chart-color); box-shadow: var(--ag-input-focus-box-shadow); } .ag-chart-settings-card-item { background: var(--ag-foreground-color); width: 8px; height: 8px; border-radius: 4px; } .ag-chart-settings-card-item.ag-selected { background-color: var(--ag-minichart-selected-page-color); } .ag-chart-data-column-drag-handle { margin-left: var(--ag-grid-size); } .ag-charts-settings-group-title-bar, .ag-charts-data-group-title-bar, .ag-charts-format-top-level-group-title-bar { border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); position: relative; } .ag-charts-advanced-settings-top-level-group-title-bar { position: relative; background-color: unset; } .ag-charts-data-group-title-bar:focus-visible { outline: none; } .ag-charts-data-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-format-top-level-group-title-bar:focus-visible { outline: none; } .ag-charts-format-top-level-group-title-bar:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: 4px; left: 4px; display: block; width: calc(100% - 8px); height: calc(100% - 8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-charts-data-group-title-bar .ag-charts-data-group-title, .ag-charts-format-top-level-group-title-bar .ag-charts-format-top-level-group-title { cursor: pointer; } .ag-charts-data-group-container { padding: calc(var(--ag-widget-container-vertical-padding) * 0.5) var(--ag-widget-container-horizontal-padding); } .ag-charts-data-group-container .ag-charts-data-group-item:not(.ag-charts-format-sub-level-group):not(.ag-pill-select):not(.ag-select) { height: var(--ag-list-item-height); } .ag-charts-data-group-container .ag-charts-data-group-item.ag-picker-field { margin-top: var(--ag-grid-size); } .ag-charts-data-group-container .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-charts-data-group-container .ag-item-highlight-top::after { top: 0; } .ag-charts-data-group-container .ag-item-highlight-bottom::after { bottom: 0; } .ag-charts-format-top-level-group-container, .ag-charts-advanced-settings-top-level-group-container { padding: var(--ag-grid-size); } .ag-ltr .ag-charts-format-top-level-group-container, .ag-ltr .ag-charts-advanced-settings-top-level-group-container { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-charts-format-top-level-group-container, .ag-rtl .ag-charts-advanced-settings-top-level-group-container { margin-right: calc(var(--ag-grid-size) * 2); } .ag-charts-format-top-level-group-item, .ag-charts-advanced-settings-top-level-group-item { margin: var(--ag-grid-size) 0; } .ag-charts-format-sub-level-group-container { padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); padding-bottom: calc(var(--ag-widget-container-vertical-padding) - var(--ag-widget-vertical-spacing)); } .ag-charts-format-sub-level-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-no-header-group-container > * { margin-bottom: var(--ag-widget-vertical-spacing); } .ag-charts-format-sub-level-group-container .ag-charts-format-sub-level-group-item.ag-font-panel-no-header { margin: 0; } .ag-charts-settings-group-container { padding: var(--ag-grid-size); row-gap: 8px; display: grid; grid-template-columns: 60px 1fr 60px 1fr 60px; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+1) { grid-column: 1; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+2) { grid-column: 3; } .ag-charts-settings-group-container .ag-chart-mini-thumbnail:nth-child(3n+3) { grid-column: 5; } .ag-chart-menu-panel { background-color: var(--ag-control-panel-background-color); } .ag-ltr .ag-chart-menu-panel { border-left: solid 1px var(--ag-border-color); } .ag-rtl .ag-chart-menu-panel { border-right: solid 1px var(--ag-border-color); } .ag-charts-theme-default { --ag-charts-align: none !important; --ag-charts-justify: none !important; } .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus { box-shadow: none; } .ag-charts-wrapper .ag-charts-proxy-legend-toolbar button:focus-visible { box-shadow: var(--ag-input-focus-box-shadow); } .ag-date-time-list-page-title-bar { display: flex; } .ag-date-time-list-page-title { flex-grow: 1; text-align: center; } .ag-date-time-list-page-column-labels-row, .ag-date-time-list-page-entries-row { display: flex; } .ag-date-time-list-page-column-label, .ag-date-time-list-page-entry { flex-basis: 0; flex-grow: 1; } .ag-date-time-list-page-entry { cursor: pointer; text-align: center; } .ag-date-time-list-page-column-label { text-align: center; } .ag-advanced-filter-header { position: relative; display: flex; align-items: center; padding-left: var(--ag-cell-horizontal-padding); padding-right: var(--ag-cell-horizontal-padding); } .ag-advanced-filter { display: flex; align-items: center; width: 100%; } .ag-advanced-filter-apply-button, .ag-advanced-filter-builder-button { line-height: normal; white-space: nowrap; } .ag-ltr .ag-advanced-filter-apply-button, .ag-ltr .ag-advanced-filter-builder-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-rtl .ag-advanced-filter-apply-button, .ag-rtl .ag-advanced-filter-builder-button { margin-right: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-button { display: flex; align-items: center; border: 0; background-color: unset; color: var(--ag-foreground-color); font-size: var(--ag-font-size); font-weight: 600; } .ag-advanced-filter-builder-button:hover:not(:disabled) { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-button:not(:disabled) { cursor: pointer; } .ag-advanced-filter-builder-button-label { margin-left: var(--ag-grid-size); } .ag-advanced-filter-builder { -webkit-user-select: none; user-select: none; width: 100%; background-color: var(--ag-control-panel-background-color); display: flex; flex-direction: column; } .ag-advanced-filter-builder-list { flex: 1; overflow: auto; } .ag-advanced-filter-builder-list .ag-list-item-hovered::after { content: ""; position: absolute; left: 0; right: 0; height: 1px; } .ag-advanced-filter-builder-list .ag-item-highlight-top::after { top: 0; } .ag-advanced-filter-builder-list .ag-item-highlight-bottom::after { bottom: 0; } .ag-advanced-filter-builder-button-panel { display: flex; justify-content: flex-end; padding: var(--ag-widget-container-vertical-padding) var(--ag-widget-container-horizontal-padding); border-top: var(--ag-borders-secondary) var(--ag-secondary-border-color); } .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-apply-button, .ag-advanced-filter-builder .ag-advanced-filter-builder-button-panel .ag-advanced-filter-builder-cancel-button { margin-left: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-item-wrapper { display: flex; flex: 1 1 auto; align-items: center; justify-content: space-between; overflow: hidden; padding-left: calc(var(--ag-icon-size) / 2); padding-right: var(--ag-icon-size); } .ag-virtual-list-viewport .ag-advanced-filter-builder-item-wrapper .ag-tab-guard { position: absolute; } .ag-advanced-filter-builder-item-tree-lines > * { width: var(--ag-advanced-filter-builder-indent-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root { width: var(--ag-icon-size); } .ag-advanced-filter-builder-item-tree-lines .ag-advanced-filter-builder-item-tree-line-root::before { top: 50%; height: 50%; } .ag-advanced-filter-builder-item-tree-line-horizontal, .ag-advanced-filter-builder-item-tree-line-vertical, .ag-advanced-filter-builder-item-tree-line-vertical-top, .ag-advanced-filter-builder-item-tree-line-vertical-bottom { position: relative; height: 100%; display: flex; align-items: center; } .ag-advanced-filter-builder-item-tree-line-horizontal::before, .ag-advanced-filter-builder-item-tree-line-horizontal::after, .ag-advanced-filter-builder-item-tree-line-vertical::before, .ag-advanced-filter-builder-item-tree-line-vertical::after, .ag-advanced-filter-builder-item-tree-line-vertical-top::before, .ag-advanced-filter-builder-item-tree-line-vertical-top::after, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before, .ag-advanced-filter-builder-item-tree-line-vertical-bottom::after { content: ""; position: absolute; height: 100%; } .ag-advanced-filter-builder-item-tree-line-horizontal::after { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size)); top: 0; left: calc(var(--ag-icon-size) / 2); border-bottom: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical::before { width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-top::before { height: 50%; width: calc(var(--ag-advanced-filter-builder-indent-size) - var(--ag-icon-size) / 2); top: 0; left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-tree-line-vertical-bottom::before { height: calc((100% - 1.5 * var(--ag-icon-size)) / 2); width: calc(var(--ag-icon-size) / 2); top: calc((100% + 1.5 * var(--ag-icon-size)) / 2); left: calc(var(--ag-icon-size) / 2); border-left: 1px solid; border-color: var(--ag-border-color); } .ag-advanced-filter-builder-item-condition { padding-top: var(--ag-grid-size); padding-bottom: var(--ag-grid-size); } .ag-advanced-filter-builder-item, .ag-advanced-filter-builder-item-condition, .ag-advanced-filter-builder-pill-wrapper, .ag-advanced-filter-builder-pill, .ag-advanced-filter-builder-item-buttons, .ag-advanced-filter-builder-item-tree-lines { display: flex; align-items: center; height: 100%; } .ag-advanced-filter-builder-pill-wrapper { margin: 0px var(--ag-grid-size); } .ag-advanced-filter-builder-pill { position: relative; border-radius: var(--ag-border-radius); padding: var(--ag-grid-size) calc(var(--ag-grid-size) * 2); min-height: calc(100% - var(--ag-grid-size) * 3); min-width: calc(var(--ag-grid-size) * 2); } .ag-advanced-filter-builder-pill .ag-picker-field-display { margin-right: var(--ag-grid-size); } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-number { font-family: monospace; font-weight: 700; } .ag-advanced-filter-builder-pill .ag-advanced-filter-builder-value-empty { color: var(--ag-disabled-foreground-color); } .ag-advanced-filter-builder-pill:focus-visible { outline: none; } .ag-advanced-filter-builder-pill:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-item-button:focus-visible { outline: none; } .ag-advanced-filter-builder-item-button:focus-visible::after { content: ""; position: absolute; background-color: transparent; pointer-events: none; top: -4px; left: -4px; display: block; width: calc(100% - -8px); height: calc(100% - -8px); border: 1px solid; border-color: var(--ag-input-focus-border-color); } .ag-advanced-filter-builder-pill-display { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500; } .ag-advanced-filter-builder-join-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-join-pill-color); cursor: pointer; } .ag-advanced-filter-builder-column-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-column-pill-color); cursor: pointer; } .ag-advanced-filter-builder-option-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-option-pill-color); cursor: pointer; } .ag-advanced-filter-builder-value-pill { color: var(--ag-foreground-color); background-color: var(--ag-advanced-filter-value-pill-color); cursor: text; max-width: 140px; } .ag-advanced-filter-builder-value-pill .ag-advanced-filter-builder-pill-display { display: block; } .ag-advanced-filter-builder-item-buttons > * { margin: 0 calc(var(--ag-grid-size) * 0.5); } .ag-advanced-filter-builder-item-button { position: relative; cursor: pointer; color: var(--ag-secondary-foreground-color); opacity: 50%; } .ag-advanced-filter-builder-item-button-disabled { color: var(--ag-disabled-foreground-color); cursor: default; } .ag-advanced-filter-builder-virtual-list-container { top: var(--ag-grid-size); } .ag-advanced-filter-builder-virtual-list-item { display: flex; cursor: default; height: var(--ag-list-item-height); } .ag-advanced-filter-builder-virtual-list-item:hover { background-color: var(--ag-row-hover-color); } .ag-advanced-filter-builder-virtual-list-item:hover .ag-advanced-filter-builder-item-button { opacity: 100%; } .ag-advanced-filter-builder-virtual-list-item-highlight .ag-advanced-filter-builder-item-button:focus-visible, .ag-advanced-filter-builder-validation .ag-advanced-filter-builder-invalid { opacity: 100%; } .ag-advanced-filter-builder-invalid { margin: 0 var(--ag-grid-size); color: var(--ag-invalid-color); cursor: default; } .ag-input-field-input { width: 100%; min-width: 0; } .ag-checkbox-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; } .ag-checkbox-input-wrapper input, .ag-checkbox-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-checkbox-input-wrapper:focus-within, .ag-checkbox-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-checkbox-input-wrapper.ag-disabled { opacity: 0.5; } .ag-checkbox-input-wrapper::after { content: var(--ag-icon-font-code-checkbox-unchecked, "\f108"); font-family: inherit; color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-checkbox-unchecked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-checkbox-checked, "\f106"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-checkbox-checked, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper.ag-indeterminate::after { content: var(--ag-icon-font-code-checkbox-indeterminate, "\f107"); color: var(--ag-checkbox-indeterminate-color); display: var(--ag-icon-font-display-checkbox-indeterminate, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-checkbox-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-checkbox-unchecked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-unchecked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-unchecked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-checkbox-checked, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-checked, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-checked, var(--ag-icon-image-opacity, 0.9)); } .ag-checkbox-input-wrapper.ag-indeterminate::before { background-image: var(--ag-icon-image-checkbox-indeterminate, var(--ag-icon-image)); display: var(--ag-icon-image-display-checkbox-indeterminate, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-checkbox-indeterminate, var(--ag-icon-image-opacity, 0.9)); } .ag-toggle-button-input-wrapper { box-sizing: border-box; width: var(--ag-toggle-button-width); min-width: var(--ag-toggle-button-width); max-width: var(--ag-toggle-button-width); height: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-off-background-color); border-radius: calc(var(--ag-toggle-button-height) * 0.5); position: relative; flex: none; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-off-border-color); } .ag-toggle-button-input-wrapper input { opacity: 0; height: 100%; width: 100%; } .ag-toggle-button-input-wrapper:focus-within { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-toggle-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-toggle-button-input-wrapper.ag-checked { background-color: var(--ag-toggle-button-on-background-color); border-color: var(--ag-toggle-button-on-border-color); } .ag-toggle-button-input-wrapper::before { content: " "; position: absolute; top: calc(0px - var(--ag-toggle-button-border-width)); left: calc(0px - var(--ag-toggle-button-border-width)); display: block; box-sizing: border-box; height: var(--ag-toggle-button-height); width: var(--ag-toggle-button-height); background-color: var(--ag-toggle-button-switch-background-color); border-radius: 100%; transition: left 100ms; border: var(--ag-toggle-button-border-width) solid; border-color: var(--ag-toggle-button-switch-border-color); } .ag-toggle-button-input-wrapper.ag-checked::before { left: calc(100% - var(--ag-toggle-button-height) + var(--ag-toggle-button-border-width)); border-color: var(--ag-toggle-button-on-border-color); } .ag-radio-button-input-wrapper { font-family: var(--ag-icon-font-family); font-weight: var(--ag-icon-font-weight); color: var(--ag-icon-font-color); font-size: var(--ag-icon-size); line-height: var(--ag-icon-size); font-style: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-checkbox-background-color); border-radius: var(--ag-checkbox-border-radius); display: inline-block; vertical-align: middle; flex: none; border-radius: var(--ag-icon-size); } .ag-radio-button-input-wrapper input, .ag-radio-button-input-wrapper input { -webkit-appearance: none; opacity: 0; width: 100%; height: 100%; } .ag-radio-button-input-wrapper:focus-within, .ag-radio-button-input-wrapper:active { outline: none; box-shadow: var(--ag-input-focus-box-shadow); } .ag-radio-button-input-wrapper.ag-disabled { opacity: 0.5; } .ag-radio-button-input-wrapper::after { content: var(--ag-icon-font-code-radio-button-off, "\f127"); color: var(--ag-checkbox-unchecked-color); display: var(--ag-icon-font-display-radio-button-off, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper.ag-checked::after { content: var(--ag-icon-font-code-radio-button-on, "\f128"); color: var(--ag-checkbox-checked-color); display: var(--ag-icon-font-display-radio-button-on, var(--ag-icon-font-display)); position: absolute; top: 0; left: 0; pointer-events: none; } .ag-radio-button-input-wrapper::before { content: ""; background: transparent center/contain no-repeat; position: absolute; inset: 0; background-image: var(--ag-icon-image-radio-button-off, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-off, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-off, var(--ag-icon-image-opacity, 0.9)); } .ag-radio-button-input-wrapper.ag-checked::before { background-image: var(--ag-icon-image-radio-button-on, var(--ag-icon-image)); display: var(--ag-icon-image-display-radio-button-on, var(--ag-icon-image-display)); opacity: var(--ag-icon-image-opacity-radio-button-on, var(--ag-icon-image-opacity, 0.9)); } input[class^=ag-][type=range] { -webkit-appearance: none; width: 100%; height: 100%; background: none; overflow: visible; } input[class^=ag-][type=range]::-webkit-slider-runnable-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-moz-range-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); } input[class^=ag-][type=range]::-ms-track { margin: 0; padding: 0; width: 100%; height: 3px; background-color: var(--ag-border-color); border-radius: var(--ag-border-radius); border-radius: var(--ag-checkbox-border-radius); color: transparent; width: calc(100% - 2px); } input[class^=ag-][type=range]::-webkit-slider-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); transform: translateY(calc(var(--ag-icon-size) * -0.5 + 1.5px)); } input[class^=ag-][type=range]::-ms-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]::-moz-ag-range-thumb { margin: 0; padding: 0; -webkit-appearance: none; width: var(--ag-icon-size); height: var(--ag-icon-size); background-color: var(--ag-background-color); border: 1px solid; border-color: var(--ag-checkbox-unchecked-color); border-radius: var(--ag-icon-size); } input[class^=ag-][type=range]:focus { outline: none; } input[class^=ag-][type=range]:focus::-webkit-slider-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-ms-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:focus::-moz-ag-range-thumb { box-shadow: var(--ag-input-focus-box-shadow); border-color: var(--ag-checkbox-checked-color); } input[class^=ag-][type=range]:active::-webkit-slider-runnable-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-moz-ag-range-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:active::-ms-track { background-color: var(--ag-input-focus-border-color); } input[class^=ag-][type=range]:disabled { opacity: 0.5; } /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/ag-grid-community/styles/ag-theme-material.css ***! \*****************************************************************************************************************************************************************************************************************************************************/ @font-face { font-family: "agGridMaterial"; src: url(data:font/woff2;charset=utf-8;base64,d09GMgABAAAAABFoAAsAAAAAJkgAABEYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHIlWBmAAi34KpXCfVQE2AiQDgjgLgR4ABCAFhF4HhS8bxyFFJCOtoY6iYlKLqKCkZP8fEsghg77xKkhaKGEaKwO6lrY1b6YxxKUASMSl4yPDHPYi3fdu5d7Kbyt/D7IwsJrgsEOSoklQjLW9F0MTJZloool4ZIiE5jESEkOm+Y9zva9J2iPCtkn5CP82BQzCslEzenpGo3H/f2ibX7ASC3CC3NngEivpEQsOIwpWEdyKBWcsq26Fe49b3PJQZ96ZEt9JdgpIe5phJkHoAcugxVrltchzh61rR6AGJKAwOOmWsCZ3P9Vt6tS1P0wVC9REYIX14V1qYpH9qflReps9LPYlGfP23PRL3XUgMAmWeEL4SgRkAEDYvHO9dhkBqnmXpDlI0x5wf+5Y9XN/Rx0gy6kvR9j2PqwDRGOA3d7snCFhJiXx//QXQ9lnn3hR1u4csqjxACBAiT03VdHjEVrYjiUjwOGyN1M6c6rPjJCGzZexSaiPAhujUVH27FsRQEGfAQ0OTy7y7i2fHUgiwpYBbieNve3NZfbtMNLTOdivLbXHq+i8136FN86iPVGPafw6OT/5NxmnSZhdXhfHRWrPT0ZJRIxCpUEEcjOmSmfA3GBGyoLi+GjxtY0YQqbYJCvWtFXhJ1qmmHZhZo1hh+qCat9ub5Wv9/5pangKyQRDOGX1aUIctqgFg0VkbI0fZDe3IV7cErUUwJszUZYwPBrP1/atXdbFZfRQVg71DCVb3WfiFnW17hF6k0VlpM30OGKnV21Qmg5CYZoWs0tTYVoVsyCyZjbTi7sQ1ByTR3K8PErgVaU557a3WlxWM9iioCR/0JgtxpbJttQ0D17VQu0xbfZGv7YxZs+QseysJIY6QrRrrtctae2p7zqd8Obdp38Ol2MTNWkOv2lqRjUv1tbtgiPB2m9Gdp5aEvhHzKW3zMFNLVeFbGFTVD0lc3HSMzKR+YJlS062scXWVjQGQqgDsvSUN+OESMZ46nU0g8GNqlt8y1vTZTs+uAKLEU5JdUPppKRCVY0kBV+Tt8gSxeMG9skkRWcoN+a/zw3mNVkkznPXb/Gpoww70ZxSOvWAytlcoT1qPQKovK4fzgw/DXiNG7LJ8S1+sf3H9dlprDdWgSGbFyxrklifkTIZtfu84QSpIv7Nc6qcmO0qtvcAgXt5CU6nRwRhkdxla9lZdDST51ZwvMRvD8YWQG+yLK0q71L2SOIhvnMCiZvEEeD+8u3HB9QFAgl8UriM2Y2hNT9VfTH8H1hK5Xy3zeHSKoA0kAQqgRRIVPQXohzwdVklzBl7OMRvFLNDiI4Hnvv4xU5PUeWGR15+cffcQQnuVp9WJYGl4DPmJ4DtP5mjKaYsTKsmUgy6dj66ua0DDoIRPKG5WDsHJxc3Dy8fv4CgUGnb71ExcQk/gClpGVk5LnkFRSVlQRVVNXUNTS1tHS5dPX2Y38DQyBhERrh5yLemAXNJ99JEgWnvSKf6vv9/N1vvuubbKV7FgJr5hHmg6nRDwPKagJUNAKvrAdY2DKyvFdjYJLC5ZmBrfcD22oHd9QN76wX2NwIcrBM4XAdwtDHgZC3A6bqBs7UB5xsFLjYBXK4LuNogcL1x4OaaAl9cLiEBC0TgBUGwCXbBITgFl+AWPIJX8Al+ISAEhZAQFiJCVIgJcSEhJIWUkBYyQlbICXmHIvBVyGNFoSSUhYpQ9eSqJn3qQkNoCi2hLXSErtAT+g5F4GuQcYbCSBg7JMGXeCgHX1LmkwUqMEYpBUyfn+QRuAXpQ5B9FVJx5yqKfAsz1FJ8wLhfhpSA78H3ySFNT7aO18k5ieFtls9iuDZHS2b44//lC2stKBqhd77BnZSsF9afpeMWYZ7lLSLWYDpGd6R5Bfc5bmscF9ohKR8qkEMbvIEky5J8A1kfb7YxbPDITY5mIvoSm5XZZEtEKpcXecwssiRbS3YGxBqijLb4s3ECFuZBorBGXmJko1gRKo18zQABgyEgbWnSsxHHerDqQh2uzhIinVWRdZYFetyWrlF9awba9tQcR3S+2YQsA7lWuLDDrdp9hWs+Xd7nG37vbX7V6nO69BCbCyxd1rJNrnNqtauXV8ZW60dxEfYG+FX/eV9si22DSDMEKIBAqxYY5wM6wiA66aWuVj3rRPjh4lTqMFf9Qtm9WOr/mkUqXV8ZCaMeGPdEoAnzFhgon/ss4f2G1M/irR48s1hZIhEQQjGbzcV7//Y5rE83OSZFT7B1grDDcUbV9VTzClVD0sYJCAX6CqWOb7VqsF7nvS2UEOrckrfXiwej1lbmOq5EOJoWn/85UPvXEJF9msh31moSd2Uy1at6gpCwsY+gdUnDPC4Hvb8GJVOdciVfq5fSRWN4KaKd93df4eOmuv3kuhDVfQEJi/r7Hn2KiBi3dI/EFJnuyjRojV7GSWFYR5ORuGl7EFgNp6gOPdZZDSihBAGWMQBCjPdzNeqgPZh7b+4ohZciw2CNCNFfcZn5lgueFRlJPwLhK4Ve3xKNHDAIAqXmv6ifJcHOQVA+ky+dVUms/hoQ9J8VqA++Xs9YTUiF8TicbEibp+r5trx11gWRVqHE6xetcsvYga9nlSNyBZSXSyxuyWrnBdA5EGjr112fzVwWUyMb8vvvcO4oh4yUtha2v7wyMHLi77+5WhcwrggRytedVqwsEQArva1uPohcGGOe0ntWKwbSygChMrZXZ6uRh2zRkAJXQmEhiOh44WatBIESFDFYlJ/37RPq9tEJYU1Kl69oT6DGc5eE00hZojenMppGF2zz8rqAqKNSRInJ6wOGlEEin1Md27Ry+KiqhmPo2aPOEN72mqGdFct9QDsgTpMEfE5EcrHbaxvxrK42wEvtflXHotUIOcAydySwfu4NXiEzNB9gCoaoQhe0k4YOGNkzK8+0s1zqagFS9c65qLgcXdumxPMWvvlAx3xJ23tKn7NG0OjmVM715/aseO9Kjdh7x8UAcEnvnaG1P0Wab+rvGE6fBv3+d6E2qbbzg7vuB0hsYnOafwH3AAHdN9bFUPHGBS6FP/lf/ZV+hFBZog8NaJb29H2LdC7PF4bHOYOOt1AZoqUCXFF9Bbq/zqb03jRHG1Djwm9cN4SDZTxhNJ5kMWNiWGKUD/RQMkYk5K8JCDtOkr+x3+/JTo0G+JJlg8qTShMSSpPKXwkmUJowS381g0iYly0lNTu+ZeIu4Xr9OPO4D4qhyqEkPezXMEhcQrrz4m7x3Hm34njo3RGg7oGBWu35c1arVlevzhWKTKLywCj33VZPi7HWHD6etFjwykoGIz3tPM/5/Lnz29O3bJn30cBBQAYIB/s0Dwic6BBtdoHVh4VBmsZsnQDrqIVUgyVf8KPHeP44TYOQeYxCAVFgCmrswMsIoAoEkMAJUaAgwC8rLkOvyU87STane16QcOt9Xc0w4yTpToeouqheUbVRCc5/UzZz942Q18NHznK44xqd5fvIwWi55zk/9FaAb12vX+ukgciZYUz/4NRIlttar1FpQ/v4BO/uHXaoJiwvjzPee80Obw47MCjU+xLF8pjnPbre9MnTL5flbQn+lrABuge8CmKNdRwRuM6rIUX3ksfycitszwkK2nSOtTp1XuyhmMPsWAgc5TFc4+7EFt9mt67wOVDC7n21u6v7OtYgENm9Dh+yPXrET4p2NnvyYSc+cKV9YuzhwjnP/UCIgLNIsshN4rYQ4c5WMT6HiyQ/S7KQg3APqFSPHpXyQexHXUQLZV88t1vn80f2bZzX3Dco08cP+ZFakFmw9iZ2xtWnh6efRtusH3lsKWseO4Adnzc+d1T8DCdXnzAfFszbdZzgoiP2EmGJb/UTCRIlaK/RaPJ71/VX8GS8hpYQeTNWYdJqpJMldQ5mnURqchMkjJfUXJUiUeH/5LIcjlIKNF5FRFn/zMKiyX2mzrgcHRY/D+zveoCELpfxFDxLpkc3ebcp+i0VqYRCVb5g/PliWiGDe3G1ePVFsXduYKEJPYFa9Da9CaUwCr6Ljx+j2Ana4ZIdozAQswbhetxMuHmQa4LO76naArWmIBPx9CIvpYytQiMrNRmfthprMvB1V3tphKHh/SbJDg2lHQf+uLDBjnJ3oUQ/IrksMbF0sGBocqoIuovb4azDdMOtRiZWHtugbdkgUxCOqq7R6WqqF5oWXvi2qa6Ze66iZmpxVpZtAS63m2x6G4ylPXWcDbPd2EUN0NcpPZVHhK5PB7+ghQvlgXK1Ry1FIo1QrRZqREXJdej6W7e4aJ3GP/InVzlBrylN28/87f/3zjYEkFWOrAw04X4z0BkIPp74i3IVNs4yDoPC+Nmza3VNz54LhU+fdo08bMC6ujDD4ZFdT0Hsm4TzRaf4N3NKxBcJVgCxNvapR6YdCd1q66pF9nUOd+8SbcSn7rX/u+ZM8NPcem2g9Rnx7KmVou0zJ2uLI/MjZs+OyI8sviKYwOzZ320XR14pMXeumtpSnFAgFhckFD8aOLUXiIsTHuWmBPsX6eCcnMEzG7Z/pvjtJPQ4Bb4ku+PqFS6lGaHXJCpcGa4P37PacE1IUxN+nXnxp3QJBmhRzKHotN9uDtoOnXNeLQO3bOl4T9rtZrgeqsSUsGvesXtrsINmSTh9+vyzQ0UJUvxKSkZFWrL1qRXWYr3eVdE0aeIKRX1W8ll7Lajgfo7dYOBjg0tLlEqC6HPgIHjeDsEzVxIaPHToykwCZo5UJZmA3b5NFlBuml8Y2AkEpHwdAlpcEygbbJOsBrkJk+89kHFgHyYzGWTEJE5GtKw/mhhSI4dPrMoezDy4NxBGuXUiOz3a0B+jDRhg7IT//+n/P4GZIBszBwAA74QQyDlp77IWsJcNAW8xklld1w8tYNg2m8g8LjPO6R9mK/OzN25mk52tzNNlywIGGUhNJIp+1HXLYQzaSinTHbuhtWOcldxJADdxThVb2OBm2rMrcjPUbWcxM3bZpaIfOssokUrG8ASusgKuYnpizmbwcMrGWDDGkk1juWgUKVWDTtd/py/y401kaZlP2jdXDyYJwBW6vT42kaDD1YxM2SH6wnf97fN4c/lP7PpLgGt+GZzvnzPuwPG14EZVBABOshrAf/KUH84d6hQHhbQKgKCRIhbFQt6AAWmxbwQPDGeoUNaiPcIJx6Dv6V2wDoYBE9DRDRC2w0w8IoICPtEYt9hFE9zi2ogUNsJHb4YODjCCwCZE+uuDCuLlcanJf0MjTZh/U2wZp3NJvYn/pDUJd6/DS6G6JCZdPk7frbZdneObWeiCytR9CBvlLF1R+SRnw2hW3heLMD+Pwcm0h6IllXjfaDdDKsp+EyVqYvuRSs13OftPacXvumCdV4MXabBknCZlWq+zsvW01Sx6W3YxQRsoMQn2oRhL0sypLFkpVz8RR/lg7KAW7xZ8aUGWD5wScmvvAAXs5NOBMMYEU8ywgU3Mv+W4QPnz/WdsBYKhcCQaiyeSqXQmm8sXiqVypVqrN5qtdqfb6w+Go7EoyZQpqqYbpmViamZuYWllbWNrZ+/g6KQL0TEqRbQkfIyqsq4HWN2xQ3aUj9yIarfWk/tayaYPM+SfM2dJ7MlIp8RodF8UbSxlvHSSRfuSEm305D62ieu5EzZFZ+QPnZTtkVOp9cDV+cA1O/RU3RFthvaeOlhQuaU/oy31NWMdD0TuOKQ8oPcoTlrtMGoqR1GllcNKCzvMFOw4Jx75fE+yoE8cTyfcpCnt6HAibqdASeo4LEwXLNZjzrJG8Ki0DtABjHxU0ix2q8s3I/2qmQn3EsJNxomPNMXRDivOdF4nBRW9lzVHWAvpAgtNpNMFgkhtX9Ryb0p06NhZdkIpxKeNwWsOS271qApaPIWNQCIVCpnt0IupgBBBgcAggQDDGio4yDDCF6xgA/0aTNCgwBZmCLDbAw==); font-weight: normal; font-style: normal; } .ag-theme-material, .ag-theme-material-dark, .ag-theme-material-auto-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #ff4081; --ag-foreground-color: rgba(0, 0, 0, 0.87); --ag-secondary-foreground-color: rgba(0, 0, 0, 0.54); --ag-disabled-foreground-color: rgba(0, 0, 0, 0.38); --ag-background-color: #fff; --ag-header-background-color: #fff; --ag-tooltip-background-color: #fff; --ag-subheader-background-color: #eee; --ag-subheader-toolbar-background-color: rgba(238, 238, 238, 0.5); --ag-header-cell-hover-background-color: #f2f2f2; --ag-chip-background-color: #e2e2e2; --ag-range-selection-background-color: rgba(122, 134, 203, 0.1); --ag-range-selection-background-color-2: rgba(122, 134, 203, 0.19); --ag-range-selection-background-color-3: rgba(122, 134, 203, 0.27); --ag-range-selection-background-color-4: rgba(122, 134, 203, 0.34); --ag-range-selection-highlight-color: #fce4ec; --ag-row-hover-color: #fafafa; --ag-column-hover-color: #fafafa; --ag-control-panel-background-color: #fafafa; --ag-selected-row-background-color: rgba(33, 150, 243, 0.3); --ag-checkbox-unchecked-color: #333; --ag-value-change-value-highlight-background-color: #00acc1; --ag-side-button-selected-background-color: transparent; --ag-advanced-filter-join-pill-color: #f08e8d; --ag-advanced-filter-column-pill-color: #a6e194; --ag-advanced-filter-option-pill-color: #f3c08b; --ag-advanced-filter-value-pill-color: #85c0e4; --ag-range-selection-border-color: var(--ag-material-primary-color); --ag-checkbox-checked-color: var(--ag-material-accent-color); --ag-borders: none; --ag-borders-critical: solid 1px; --ag-border-color: #e2e2e2; --ag-grid-size: 8px; --ag-icon-size: 18px; --ag-header-height: calc(var(--ag-grid-size) * 7); --ag-row-height: calc(var(--ag-grid-size) * 6); --ag-cell-horizontal-padding: calc(var(--ag-grid-size) * 3); --ag-list-item-height: calc(var(--ag-grid-size) * 4); --ag-row-group-indent-size: calc(var(--ag-grid-size) * 3 + var(--ag-icon-size)); --ag-filter-tool-panel-sub-level-row-height: calc(var(--ag-grid-size) * 4); --ag-checkbox-border-radius: 2px; --ag-toggle-button-switch-border-width: 2px; --ag-toggle-button-height: var(--ag-icon-size); --ag-widget-container-horizontal-padding: calc(var(--ag-grid-size) * 1.5); --ag-widget-container-vertical-padding: calc(var(--ag-grid-size) * 2); --ag-widget-vertical-spacing: calc(var(--ag-grid-size) * 1.75); --ag-font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif; --ag-font-size: 13px; --ag-icon-font-family: agGridMaterial; --ag-selected-tab-underline-color: var(--ag-material-primary-color); --ag-selected-tab-underline-width: 2px; --ag-input-focus-border-color: var(--ag-material-primary-color); --ag-input-focus-box-shadow: 0 0 0 5px rgba(32, 33, 36, 0.122); --ag-card-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12); --ag-card-radius: 2px; --ag-invalid-color: #e02525; } .ag-theme-material-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #bb86fcff; --ag-range-selection-border-color: var(--ag-material-accent-color); --ag-background-color: #121212ff; --ag-foreground-color: #ffffffff; --ag-data-color: #f5f5f5ff; --ag-header-cell-hover-background-color: #000000ff; --ag-advanced-filter-join-pill-color: #7a3a37ff; --ag-advanced-filter-column-pill-color: #355f2dff; --ag-advanced-filter-option-pill-color: #5a3168ff; --ag-advanced-filter-value-pill-color: #374c86ff; --ag-input-disabled-border-color: #3a434eff; --ag-input-disabled-background-color: #68686e12; --ag-selected-row-background-color: #bb86fc33; --ag-row-hover-color: #bb86fc33; --ag-column-hover-color: #f5f5f50d; --ag-range-selection-background-color: #bb86fc1a; --ag-range-selection-background-color-2: #bb86fc30; --ag-range-selection-background-color-3: #bb86fc45; --ag-range-selection-background-color-4: #bb86fc57; --ag-border-color: #383838ff; --ag-secondary-border-color: #383838ff; --ag-header-background-color: #121212ff; --ag-tooltip-background-color: #212b38ff; --ag-odd-row-background-color: #121212ff; --ag-control-panel-background-color: #2c2c2cff; --ag-subheader-background-color: #ffffff0d; --ag-subheader-toolbar-background-color: #2c2c2cff; --ag-invalid-color: #e02525ff; --ag-checkbox-unchecked-color: #797e87ff; --ag-checkbox-background-color: #121212ff; --ag-secondary-foreground-color: #f5f5f5ff; --ag-input-border-color: #383838ff; --ag-input-border-color-invalid: #e02525ff; --ag-disabled-foreground-color: #f5f5f580; --ag-chip-background-color: #22262812; --ag-side-button-selected-background-color: #2c2c2cff; --ag-selected-tab-underline-color: #3f51b5ff; --ag-modal-overlay-background-color: #121212a8; --ag-value-change-delta-up-color: #43a047a8; --ag-value-change-delta-down-color: #e53935ff; --ag-menu-background-color: #2c2c2cff; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } @media (prefers-color-scheme: dark) { .ag-theme-material-auto-dark { --ag-material-primary-color: #3f51b5; --ag-material-accent-color: #bb86fcff; --ag-range-selection-border-color: var(--ag-material-accent-color); --ag-background-color: #121212ff; --ag-foreground-color: #ffffffff; --ag-data-color: #f5f5f5ff; --ag-header-cell-hover-background-color: #000000ff; --ag-advanced-filter-join-pill-color: #7a3a37ff; --ag-advanced-filter-column-pill-color: #355f2dff; --ag-advanced-filter-option-pill-color: #5a3168ff; --ag-advanced-filter-value-pill-color: #374c86ff; --ag-input-disabled-border-color: #3a434eff; --ag-input-disabled-background-color: #68686e12; --ag-selected-row-background-color: #bb86fc33; --ag-row-hover-color: #bb86fc33; --ag-column-hover-color: #f5f5f50d; --ag-range-selection-background-color: #bb86fc1a; --ag-range-selection-background-color-2: #bb86fc30; --ag-range-selection-background-color-3: #bb86fc45; --ag-range-selection-background-color-4: #bb86fc57; --ag-border-color: #383838ff; --ag-secondary-border-color: #383838ff; --ag-header-background-color: #121212ff; --ag-tooltip-background-color: #212b38ff; --ag-odd-row-background-color: #121212ff; --ag-control-panel-background-color: #2c2c2cff; --ag-subheader-background-color: #ffffff0d; --ag-subheader-toolbar-background-color: #2c2c2cff; --ag-invalid-color: #e02525ff; --ag-checkbox-unchecked-color: #797e87ff; --ag-checkbox-background-color: #121212ff; --ag-secondary-foreground-color: #f5f5f5ff; --ag-input-border-color: #383838ff; --ag-input-border-color-invalid: #e02525ff; --ag-disabled-foreground-color: #f5f5f580; --ag-chip-background-color: #22262812; --ag-side-button-selected-background-color: #2c2c2cff; --ag-selected-tab-underline-color: #3f51b5ff; --ag-modal-overlay-background-color: #121212a8; --ag-value-change-delta-up-color: #43a047a8; --ag-value-change-delta-down-color: #e53935ff; --ag-menu-background-color: #2c2c2cff; --ag-row-loading-skeleton-effect-color: rgba(202, 203, 204, 0.4); color-scheme: dark; } } .ag-theme-material .ag-filter-toolpanel-header, .ag-theme-material .ag-filter-toolpanel-search, .ag-theme-material .ag-status-bar, .ag-theme-material .ag-header-row, .ag-theme-material .ag-panel-title-bar-title, .ag-theme-material .ag-multi-filter-group-title-bar, .ag-theme-material-dark .ag-filter-toolpanel-header, .ag-theme-material-dark .ag-filter-toolpanel-search, .ag-theme-material-dark .ag-status-bar, .ag-theme-material-dark .ag-header-row, .ag-theme-material-dark .ag-panel-title-bar-title, .ag-theme-material-dark .ag-multi-filter-group-title-bar, .ag-theme-material-auto-dark .ag-filter-toolpanel-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-search, .ag-theme-material-auto-dark .ag-status-bar, .ag-theme-material-auto-dark .ag-header-row, .ag-theme-material-auto-dark .ag-panel-title-bar-title, .ag-theme-material-auto-dark .ag-multi-filter-group-title-bar { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; color: var(--ag-header-foreground-color); } .ag-theme-material .ag-tab, .ag-theme-material-dark .ag-tab, .ag-theme-material-auto-dark .ag-tab { height: calc(var(--ag-grid-size) * 4.5); flex: 1 1 auto; } .ag-theme-material .ag-tabs-header, .ag-theme-material .ag-column-drop-horizontal, .ag-theme-material-dark .ag-tabs-header, .ag-theme-material-dark .ag-column-drop-horizontal, .ag-theme-material-auto-dark .ag-tabs-header, .ag-theme-material-auto-dark .ag-column-drop-horizontal { background-color: var(--ag-subheader-background-color); } .ag-theme-material .ag-tabs-body, .ag-theme-material-dark .ag-tabs-body, .ag-theme-material-auto-dark .ag-tabs-body { padding: calc(var(--ag-grid-size) * 0.5) 0; } .ag-theme-material .ag-tabs-body .ag-menu-list, .ag-theme-material-dark .ag-tabs-body .ag-menu-list, .ag-theme-material-auto-dark .ag-tabs-body .ag-menu-list { padding-top: 0; padding-bottom: 0; } .ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell, .ag-theme-material-dark .ag-header-cell, .ag-theme-material-dark .ag-header-group-cell, .ag-theme-material-auto-dark .ag-header-cell, .ag-theme-material-auto-dark .ag-header-group-cell { transition: background-color 0.5s; } .ag-theme-material .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing, .ag-theme-material-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-row-last:not(.ag-row-first) .ag-cell-inline-editing { bottom: 0; } .ag-theme-material .ag-cell-inline-editing, .ag-theme-material-dark .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-cell-inline-editing { padding: var(--ag-grid-size); height: calc(var(--ag-row-height) + var(--ag-grid-size) * 3); border-color: var(--ag-border-color) !important; } .ag-theme-material .ag-has-focus .ag-cell-inline-editing, .ag-theme-material-dark .ag-has-focus .ag-cell-inline-editing, .ag-theme-material-auto-dark .ag-has-focus .ag-cell-inline-editing { border-color: var(--ag-input-focus-border-color) !important; } .ag-theme-material .ag-column-drop-vertical, .ag-theme-material-dark .ag-column-drop-vertical, .ag-theme-material-auto-dark .ag-column-drop-vertical { border-bottom: solid 1px; border-bottom-color: var(--ag-border-color); padding-top: var(--ag-grid-size); } .ag-theme-material .ag-column-drop-vertical.ag-last-column-drop, .ag-theme-material-dark .ag-column-drop-vertical.ag-last-column-drop, .ag-theme-material-auto-dark .ag-column-drop-vertical.ag-last-column-drop { border-bottom: none; } .ag-theme-material .ag-column-drop-vertical-cell, .ag-theme-material-dark .ag-column-drop-vertical-cell, .ag-theme-material-auto-dark .ag-column-drop-vertical-cell { margin-left: 0; } .ag-theme-material .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-column-drop-vertical-empty-message { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; color: var(--ag-disabled-foreground-color); } .ag-theme-material .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-ltr .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-ltr .ag-column-drop-vertical-empty-message { padding-left: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-right: var(--ag-grid-size); } .ag-theme-material .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-dark .ag-rtl .ag-column-drop-vertical-empty-message, .ag-theme-material-auto-dark .ag-rtl .ag-column-drop-vertical-empty-message { padding-right: calc(var(--ag-icon-size) + var(--ag-grid-size) * 2); padding-left: var(--ag-grid-size); } .ag-theme-material .ag-status-bar, .ag-theme-material-dark .ag-status-bar, .ag-theme-material-auto-dark .ag-status-bar { border: solid 1px; border-color: var(--ag-border-color); } .ag-theme-material .ag-column-panel-column-select, .ag-theme-material-dark .ag-column-panel-column-select, .ag-theme-material-auto-dark .ag-column-panel-column-select { border-top: solid 1px; border-top-color: var(--ag-border-color); } .ag-theme-material .ag-column-select, .ag-theme-material .ag-column-select-header, .ag-theme-material-dark .ag-column-select, .ag-theme-material-dark .ag-column-select-header, .ag-theme-material-auto-dark .ag-column-select, .ag-theme-material-auto-dark .ag-column-select-header { border-bottom: solid 1px; border-bottom-color: var(--ag-border-color); } .ag-theme-material .ag-column-select-header, .ag-theme-material-dark .ag-column-select-header, .ag-theme-material-auto-dark .ag-column-select-header { height: var(--ag-header-height); } .ag-theme-material .ag-group-title-bar, .ag-theme-material-dark .ag-group-title-bar, .ag-theme-material-auto-dark .ag-group-title-bar { padding: calc(var(--ag-grid-size) * 0.75) var(--ag-grid-size); } .ag-theme-material .ag-charts-format-sub-level-group-title-bar, .ag-theme-material-dark .ag-charts-format-sub-level-group-title-bar, .ag-theme-material-auto-dark .ag-charts-format-sub-level-group-title-bar { padding: calc(var(--ag-grid-size) * 0.5) var(--ag-grid-size); } .ag-theme-material .ag-chart-data-section, .ag-theme-material .ag-chart-format-section, .ag-theme-material .ag-chart-advanced-settings-section, .ag-theme-material-dark .ag-chart-data-section, .ag-theme-material-dark .ag-chart-format-section, .ag-theme-material-dark .ag-chart-advanced-settings-section, .ag-theme-material-auto-dark .ag-chart-data-section, .ag-theme-material-auto-dark .ag-chart-format-section, .ag-theme-material-auto-dark .ag-chart-advanced-settings-section { padding-bottom: calc(var(--ag-grid-size) * 0.5); } .ag-theme-material input[class^=ag-]:not([type]), .ag-theme-material input[class^=ag-][type=text], .ag-theme-material input[class^=ag-][type=number], .ag-theme-material input[class^=ag-][type=tel], .ag-theme-material input[class^=ag-][type=date], .ag-theme-material input[class^=ag-][type=datetime-local], .ag-theme-material textarea[class^=ag-], .ag-theme-material-dark input[class^=ag-]:not([type]), .ag-theme-material-dark input[class^=ag-][type=text], .ag-theme-material-dark input[class^=ag-][type=number], .ag-theme-material-dark input[class^=ag-][type=tel], .ag-theme-material-dark input[class^=ag-][type=date], .ag-theme-material-dark input[class^=ag-][type=datetime-local], .ag-theme-material-dark textarea[class^=ag-], .ag-theme-material-auto-dark input[class^=ag-]:not([type]), .ag-theme-material-auto-dark input[class^=ag-][type=text], .ag-theme-material-auto-dark input[class^=ag-][type=number], .ag-theme-material-auto-dark input[class^=ag-][type=tel], .ag-theme-material-auto-dark input[class^=ag-][type=date], .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local], .ag-theme-material-auto-dark textarea[class^=ag-] { background: transparent; color: var(--ag-foreground-color); font-family: inherit; font-size: inherit; padding-bottom: var(--ag-grid-size); border-width: 0; border-radius: 0; border-bottom: 2px solid; border-bottom-color: var(--ag-border-color); } .ag-theme-material input[class^=ag-]:not([type]):not(textarea), .ag-theme-material input[class^=ag-][type=text]:not(textarea), .ag-theme-material input[class^=ag-][type=number]:not(textarea), .ag-theme-material input[class^=ag-][type=tel]:not(textarea), .ag-theme-material input[class^=ag-][type=date]:not(textarea), .ag-theme-material input[class^=ag-][type=datetime-local]:not(textarea), .ag-theme-material textarea[class^=ag-]:not(textarea), .ag-theme-material-dark input[class^=ag-]:not([type]):not(textarea), .ag-theme-material-dark input[class^=ag-][type=text]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=number]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=tel]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=date]:not(textarea), .ag-theme-material-dark input[class^=ag-][type=datetime-local]:not(textarea), .ag-theme-material-dark textarea[class^=ag-]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-]:not([type]):not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=text]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=number]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=tel]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=date]:not(textarea), .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:not(textarea), .ag-theme-material-auto-dark textarea[class^=ag-]:not(textarea) { height: calc(var(--ag-grid-size) * 5); } .ag-theme-material input[class^=ag-]:not([type]):focus, .ag-theme-material input[class^=ag-][type=text]:focus, .ag-theme-material input[class^=ag-][type=number]:focus, .ag-theme-material input[class^=ag-][type=tel]:focus, .ag-theme-material input[class^=ag-][type=date]:focus, .ag-theme-material input[class^=ag-][type=datetime-local]:focus, .ag-theme-material textarea[class^=ag-]:focus, .ag-theme-material-dark input[class^=ag-]:not([type]):focus, .ag-theme-material-dark input[class^=ag-][type=text]:focus, .ag-theme-material-dark input[class^=ag-][type=number]:focus, .ag-theme-material-dark input[class^=ag-][type=tel]:focus, .ag-theme-material-dark input[class^=ag-][type=date]:focus, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:focus, .ag-theme-material-dark textarea[class^=ag-]:focus, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):focus, .ag-theme-material-auto-dark input[class^=ag-][type=text]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=number]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=date]:focus, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:focus, .ag-theme-material-auto-dark textarea[class^=ag-]:focus { border-bottom: 2px solid; border-bottom-color: var(--ag-material-primary-color); outline: none; box-shadow: none; } .ag-theme-material input[class^=ag-]:not([type])::placeholder, .ag-theme-material input[class^=ag-][type=text]::placeholder, .ag-theme-material input[class^=ag-][type=number]::placeholder, .ag-theme-material input[class^=ag-][type=tel]::placeholder, .ag-theme-material input[class^=ag-][type=date]::placeholder, .ag-theme-material input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material textarea[class^=ag-]::placeholder, .ag-theme-material-dark input[class^=ag-]:not([type])::placeholder, .ag-theme-material-dark input[class^=ag-][type=text]::placeholder, .ag-theme-material-dark input[class^=ag-][type=number]::placeholder, .ag-theme-material-dark input[class^=ag-][type=tel]::placeholder, .ag-theme-material-dark input[class^=ag-][type=date]::placeholder, .ag-theme-material-dark input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material-dark textarea[class^=ag-]::placeholder, .ag-theme-material-auto-dark input[class^=ag-]:not([type])::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=text]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=number]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=tel]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=date]::placeholder, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]::placeholder, .ag-theme-material-auto-dark textarea[class^=ag-]::placeholder { color: var(--ag-disabled-foreground-color); } .ag-theme-material input[class^=ag-]:not([type]):disabled, .ag-theme-material input[class^=ag-][type=text]:disabled, .ag-theme-material input[class^=ag-][type=number]:disabled, .ag-theme-material input[class^=ag-][type=tel]:disabled, .ag-theme-material input[class^=ag-][type=date]:disabled, .ag-theme-material input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material textarea[class^=ag-]:disabled, .ag-theme-material-dark input[class^=ag-]:not([type]):disabled, .ag-theme-material-dark input[class^=ag-][type=text]:disabled, .ag-theme-material-dark input[class^=ag-][type=number]:disabled, .ag-theme-material-dark input[class^=ag-][type=tel]:disabled, .ag-theme-material-dark input[class^=ag-][type=date]:disabled, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material-dark textarea[class^=ag-]:disabled, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):disabled, .ag-theme-material-auto-dark input[class^=ag-][type=text]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=number]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=date]:disabled, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:disabled, .ag-theme-material-auto-dark textarea[class^=ag-]:disabled { border-bottom: 1px solid; border-bottom-color: var(--ag-border-color); } .ag-theme-material input[class^=ag-]:not([type]):invalid, .ag-theme-material input[class^=ag-][type=text]:invalid, .ag-theme-material input[class^=ag-][type=number]:invalid, .ag-theme-material input[class^=ag-][type=tel]:invalid, .ag-theme-material input[class^=ag-][type=date]:invalid, .ag-theme-material input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material textarea[class^=ag-]:invalid, .ag-theme-material-dark input[class^=ag-]:not([type]):invalid, .ag-theme-material-dark input[class^=ag-][type=text]:invalid, .ag-theme-material-dark input[class^=ag-][type=number]:invalid, .ag-theme-material-dark input[class^=ag-][type=tel]:invalid, .ag-theme-material-dark input[class^=ag-][type=date]:invalid, .ag-theme-material-dark input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material-dark textarea[class^=ag-]:invalid, .ag-theme-material-auto-dark input[class^=ag-]:not([type]):invalid, .ag-theme-material-auto-dark input[class^=ag-][type=text]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=number]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=tel]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=date]:invalid, .ag-theme-material-auto-dark input[class^=ag-][type=datetime-local]:invalid, .ag-theme-material-auto-dark textarea[class^=ag-]:invalid { border-width: 0; border-bottom: 1px solid; border-bottom-color: var(--ag-invalid-color); color: var(--ag-invalid-color); } .ag-theme-material .ag-standard-button, .ag-theme-material-dark .ag-standard-button, .ag-theme-material-auto-dark .ag-standard-button { appearance: none; background-color: transparent; border: 0; color: var(--ag-material-primary-color); font-family: inherit; font-size: inherit; margin: 0; padding: 0; text-transform: uppercase; } .ag-theme-material .ag-standard-button:disabled, .ag-theme-material-dark .ag-standard-button:disabled, .ag-theme-material-auto-dark .ag-standard-button:disabled { color: var(--ag-disabled-foreground-color); background-color: var(--ag-input-disabled-background-color); border-color: var(--ag-input-disabled-border-color); } .ag-theme-material.ag-dnd-ghost, .ag-theme-material-dark.ag-dnd-ghost, .ag-theme-material-auto-dark.ag-dnd-ghost { font-size: calc(var(--ag-font-size) - 1px); font-weight: 600; } .ag-theme-material .ag-filter-toolpanel-header, .ag-theme-material-dark .ag-filter-toolpanel-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-header { height: calc(var(--ag-grid-size) * 4); } .ag-theme-material .ag-filter-toolpanel-group-level-0-header, .ag-theme-material-dark .ag-filter-toolpanel-group-level-0-header, .ag-theme-material-auto-dark .ag-filter-toolpanel-group-level-0-header { height: calc(var(--ag-grid-size) * 7); } .ag-theme-material .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-ltr .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-ltr .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-ltr .ag-advanced-filter-builder-button { margin-left: var(--ag-grid-size); } .ag-theme-material .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-dark .ag-rtl .ag-advanced-filter-builder-button, .ag-theme-material-auto-dark .ag-rtl .ag-filter-apply-panel-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-apply-button, .ag-theme-material-auto-dark .ag-rtl .ag-advanced-filter-builder-button { margin-right: var(--ag-grid-size); } .ag-theme-material .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material .ag-layout-print .ag-center-cols-viewport, .ag-theme-material .ag-layout-print .ag-center-cols-container, .ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-material-dark .ag-layout-print .ag-center-cols-container, .ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-viewport, .ag-theme-material-auto-dark .ag-layout-auto-height .ag-center-cols-container, .ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-viewport, .ag-theme-material-auto-dark .ag-layout-print .ag-center-cols-container { min-height: 150px; } .ag-theme-material .ag-picker-field-wrapper:focus-within, .ag-theme-material-dark .ag-picker-field-wrapper:focus-within, .ag-theme-material-auto-dark .ag-picker-field-wrapper:focus-within { box-shadow: 0 0 0 1px var(--ag-material-primary-color); } .ag-theme-material .ag-rich-select-list, .ag-theme-material-dark .ag-rich-select-list, .ag-theme-material-auto-dark .ag-rich-select-list { box-shadow: rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px; } .ag-theme-material .ag-advanced-filter-builder-button-label, .ag-theme-material-dark .ag-advanced-filter-builder-button-label, .ag-theme-material-auto-dark .ag-advanced-filter-builder-button-label { text-transform: uppercase; } .ag-theme-material .ag-filter-active .ag-icon-filter, .ag-theme-material-dark .ag-filter-active .ag-icon-filter, .ag-theme-material-auto-dark .ag-filter-active .ag-icon-filter { color: var(--ag-material-accent-color); } .ag-theme-material .ag-list-item-hovered::after, .ag-theme-material-dark .ag-list-item-hovered::after, .ag-theme-material-auto-dark .ag-list-item-hovered::after { background-color: var(--ag-material-primary-color); } .ag-theme-material .ag-pill .ag-pill-button:hover, .ag-theme-material-dark .ag-pill .ag-pill-button:hover, .ag-theme-material-auto-dark .ag-pill .ag-pill-button:hover { color: var(--ag-material-primary-color); } .ag-theme-material .ag-header-highlight-before::after, .ag-theme-material .ag-header-highlight-after::after, .ag-theme-material-dark .ag-header-highlight-before::after, .ag-theme-material-dark .ag-header-highlight-after::after, .ag-theme-material-auto-dark .ag-header-highlight-before::after, .ag-theme-material-auto-dark .ag-header-highlight-after::after { background-color: var(--ag-material-primary-color); } /*!*****************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/@ng-select/ng-select/themes/material.theme.css ***! \*****************************************************************************************************************************************************************************************************************************************************/ .ng-select{padding-bottom:1.25em}.ng-select.ng-select-disabled .ng-select-container:after{border-bottom-color:rgba(0,0,0,0);background-image:linear-gradient(to right, rgba(0, 0, 0, 0.42) 0%, rgba(0, 0, 0, 0.42) 33%, transparent 0%);background-size:4px 1px;background-repeat:repeat-x}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-value{color:rgba(0,0,0,.38)}.ng-select.ng-select-disabled .ng-select-container .ng-value-container .ng-placeholder{color:rgba(0,0,0,.38)}.ng-select.ng-select-disabled .ng-arrow-wrapper .ng-arrow,.ng-select.ng-select-disabled .ng-clear-wrapper{color:rgba(0,0,0,.38)}.ng-select.ng-select-focused .ng-select-container:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:after,.ng-select.ng-select-focused .ng-select-container.ng-appearance-outline:hover:after{border-color:#3f51b5;border-width:2px}.ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px);color:#3f51b5}.ng-select.ng-select-focused .ng-select-container .ng-arrow-wrapper .ng-arrow{color:#3f51b5}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-filtered .ng-select-container .ng-placeholder{display:initial}.ng-select .ng-has-value .ng-placeholder,.ng-select.ng-select-opened .ng-placeholder{transform:translateY(-1.28125em) scale(0.75) perspective(100px) translateZ(0.001px)}.ng-select .ng-select-container{color:rgba(0,0,0,.87);align-items:baseline;min-height:51.5px}.ng-select .ng-select-container:after{border-bottom:thin solid rgba(0,0,0,.42);content:"";bottom:0;left:0;right:0;position:absolute;transition:border-color .3s cubic-bezier(0.55, 0, 0.55, 0.2)}.ng-select .ng-select-container.ng-appearance-outline{padding:0 .5em;min-height:60px}.ng-select .ng-select-container.ng-appearance-outline:after{border:solid 1px rgba(0,0,0,.12);border-radius:5px;height:calc(100% - .5em);pointer-events:none;transition:border-color .3s cubic-bezier(0.25, 0.8, 0.25, 1)}.ng-select .ng-select-container.ng-appearance-outline:hover:after{border-color:rgba(0,0,0,.87);border-width:2px}.ng-select .ng-select-container.ng-appearance-outline .ng-placeholder{padding:0 .25em;background-color:#fff;z-index:1}.ng-select .ng-select-container.ng-appearance-outline .ng-value{padding-left:.25em}.ng-select .ng-select-container .ng-value-container{align-items:stretch;padding:.4375em 0;border-top:.84375em solid rgba(0,0,0,0)}.ng-select .ng-select-container .ng-value-container .ng-placeholder{position:absolute;color:rgba(0,0,0,.54);transform-origin:left 0;transition:transform .4s cubic-bezier(0.25, 0.8, 0.25, 1),color .4s cubic-bezier(0.25, 0.8, 0.25, 1),width .4s cubic-bezier(0.25, 0.8, 0.25, 1)}[dir=rtl] .ng-select .ng-select-container .ng-value-container .ng-placeholder{transform-origin:right 0}.ng-select .ng-select-container .ng-value-container .ng-input{bottom:.4375em}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{bottom:17px}.ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper{bottom:14px}.ng-select.ng-select-single .ng-select-container .ng-arrow-wrapper{align-self:flex-end;bottom:9px}.ng-select.ng-select-single .ng-select-container .ng-clear-wrapper{align-self:flex-end;bottom:7px}.ng-select.ng-select-multiple.ng-select-disabled .ng-select-container .ng-value-container .ng-value{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:after,.ng-select.ng-select-multiple.ng-select-disabled .ng-appearance-outline:hover:after{background-image:none;border:dotted 1px rgba(0,0,0,.12)}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-arrow-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline.ng-has-value .ng-clear-wrapper{border-top:none}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-arrow-wrapper{top:0}.ng-select.ng-select-multiple .ng-select-container.ng-appearance-outline .ng-clear-wrapper{top:4px}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{background-color:#3f51b5;border-radius:2px;color:#fff;padding:2px 5px;margin:0 .4375em .4375em 0}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value{margin:0 0 .4375em .4375em}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled{background-color:rgba(0,0,0,.12);color:rgba(0,0,0,.26)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label{font-size:14px;font-weight:500}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{color:hsla(0,0%,100%,.54);padding-right:5px}[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon{padding-left:5px;padding-right:0}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover{color:hsla(0,0%,100%,.87)}.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input{line-height:1.375em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value{align-items:center}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-value-container{padding-bottom:0;padding-top:.1875em}.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-clear-wrapper,.ng-select.ng-select-multiple .ng-select-container.ng-has-value .ng-arrow-wrapper{border-top:.84375em solid rgba(0,0,0,0)}.ng-select .ng-clear-wrapper{color:rgba(0,0,0,.54)}.ng-select .ng-clear-wrapper:hover{color:rgba(0,0,0,.87)}.ng-select .ng-clear-wrapper:focus{color:rgba(0,0,0,.87);outline:none}.ng-select .ng-arrow-wrapper{bottom:2px}.ng-select .ng-arrow-wrapper .ng-arrow{border-left:5px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);border-top:5px solid;margin:0 4px;color:rgba(0,0,0,.54)}.ng-select .ng-spinner-zone{top:3px}.ng-dropdown-panel{background:#fff;left:0}.ng-dropdown-panel.ng-select-top{bottom:calc(100% - .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.ng-select-right{left:100%;top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12);margin-left:4px}.ng-dropdown-panel.ng-select-bottom{top:calc(100% - 1.25em);box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.ng-select-left{left:calc(-100% - 4px);top:calc(0% + .84375em);box-shadow:0 -5px 5px -3px rgba(0,0,0,.2),0 -8px 10px 1px rgba(0,0,0,.14),0 -3px 14px 2px rgba(0,0,0,.12)}.ng-dropdown-panel.multiple .ng-option.selected{background:#fff}.ng-dropdown-panel.multiple .ng-option.marked{background:rgba(0,0,0,.04)}.ng-dropdown-panel .ng-dropdown-header{border-bottom:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-footer{border-top:1px solid rgba(0,0,0,.12);padding:0 16px;line-height:3em;min-height:3em}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup{-webkit-user-select:none;user-select:none;cursor:pointer;line-height:3em;height:3em;padding:0 16px;color:rgba(0,0,0,.54);font-weight:500}.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked{background:rgba(0,0,0,.04)}.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-selected{background:rgba(0,0,0,.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option{line-height:3em;min-height:3em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:0 16px;text-decoration:none;position:relative;color:rgba(0,0,0,.87);text-align:left}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option{text-align:right}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked{background:rgba(0,0,0,.04);color:rgba(0,0,0,.87)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected{background:rgba(0,0,0,.12);color:#3f51b5}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled{color:rgba(0,0,0,.38)}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-left:32px}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child{padding-right:32px;padding-left:0}.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-right:5px;font-size:80%;font-weight:400;color:rgba(0,0,0,.38)}[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label{padding-left:5px;padding-right:0}/*# sourceMappingURL=material.theme.css.map */ /*!*****************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./src/assets/scss/custom_styles/ng-tree-lines.css ***! \*****************************************************************************************************************************************************************************************************************************************/ .node-content-wrapper, .tree-children { position: relative; } .node-content-wrapper::before, .tree-children::after { content: ""; position: absolute; } .node-content-wrapper::before { border-bottom: 1px solid lightgrey; border-left: 1px solid lightgrey; height: 28px; top: -17px; width: 20px; left: -28px; } .tree-node-level-1 > tree-node-wrapper > .node-wrapper > .node-content-wrapper::before { display: none; } .tree-node-leaf > .node-wrapper > .node-content-wrapper::before { width: 25px; } .tree-children::after { border-left: 1px solid lightgrey; height: 100%; top: -15px; left: -15px; } tree-node:last-child > .tree-node > .tree-children::after { border-left: none; } .toggle-children { z-index: 1; } /*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***! \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ /* You can add global styles to this file, and also import other style files */ .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: transparent; 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: 0.6; } .cdk-overlay-dark-backdrop { background: rgba(0, 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: #ff9800; --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: #536dfe; --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: #ff9800; --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: #ff9800; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } html { --mat-full-pseudo-checkbox-selected-icon-color: #536dfe; --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: #536dfe; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #536dfe; --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: #536dfe; --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 { --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: #ff9800; --mat-text-button-state-layer-color: #ff9800; --mat-text-button-ripple-color: rgba(255, 152, 0, 0.1); } .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #536dfe; --mat-text-button-state-layer-color: #536dfe; --mat-text-button-ripple-color: rgba(83, 109, 254, 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: #ff9800; --mdc-filled-button-label-text-color: black; --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #536dfe; --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: #ff9800; --mdc-protected-button-label-text-color: black; --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #536dfe; --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: #ff9800; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #ff9800; --mat-outlined-button-ripple-color: rgba(255, 152, 0, 0.1); } .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #536dfe; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #536dfe; --mat-outlined-button-ripple-color: rgba(83, 109, 254, 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-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: #536dfe; --mdc-checkbox-selected-hover-icon-color: #536dfe; --mdc-checkbox-selected-icon-color: #536dfe; --mdc-checkbox-selected-pressed-icon-color: #536dfe; --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: #536dfe; --mdc-checkbox-selected-hover-state-layer-color: #536dfe; --mdc-checkbox-selected-pressed-state-layer-color: #536dfe; --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: black; --mdc-checkbox-selected-focus-icon-color: #ff9800; --mdc-checkbox-selected-hover-icon-color: #ff9800; --mdc-checkbox-selected-icon-color: #ff9800; --mdc-checkbox-selected-pressed-icon-color: #ff9800; --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: #ff9800; --mdc-checkbox-selected-hover-state-layer-color: #ff9800; --mdc-checkbox-selected-pressed-state-layer-color: #ff9800; --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; } .unicorn-dark-theme { --mat-ripple-color: rgba(255, 255, 255, 0.1); --mat-option-selected-state-label-text-color: #607d8b; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); --mat-optgroup-label-text-color: white; --mat-full-pseudo-checkbox-selected-icon-color: #ffd740; --mat-full-pseudo-checkbox-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffd740; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; --mat-app-background-color: #303030; --mat-app-text-color: white; --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); --mdc-elevated-card-container-shape: 4px; --mdc-outlined-card-container-shape: 4px; --mdc-outlined-card-outline-width: 1px; --mdc-elevated-card-container-color: #424242; --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: #424242; --mdc-outlined-card-outline-color: rgba(255, 255, 255, 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(255, 255, 255, 0.7); --mdc-linear-progress-active-indicator-height: 4px; --mdc-linear-progress-track-height: 4px; --mdc-linear-progress-track-shape: 0; --mdc-plain-tooltip-container-shape: 4px; --mdc-plain-tooltip-supporting-text-line-height: 16px; --mdc-plain-tooltip-container-color: #616161; --mdc-plain-tooltip-supporting-text-color: #fff; --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; --mdc-filled-text-field-caret-color: #607d8b; --mdc-filled-text-field-focus-active-indicator-color: #607d8b; --mdc-filled-text-field-focus-label-text-color: rgba(96, 125, 139, 0.87); --mdc-filled-text-field-container-color: #4a4a4a; --mdc-filled-text-field-disabled-container-color: #464646; --mdc-filled-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38); --mdc-filled-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38); --mdc-filled-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-filled-text-field-error-hover-label-text-color: #ff5722; --mdc-filled-text-field-error-focus-label-text-color: #ff5722; --mdc-filled-text-field-error-label-text-color: #ff5722; --mdc-filled-text-field-error-caret-color: #ff5722; --mdc-filled-text-field-active-indicator-color: rgba(255, 255, 255, 0.42); --mdc-filled-text-field-disabled-active-indicator-color: rgba(255, 255, 255, 0.06); --mdc-filled-text-field-hover-active-indicator-color: rgba(255, 255, 255, 0.87); --mdc-filled-text-field-error-active-indicator-color: #ff5722; --mdc-filled-text-field-error-focus-active-indicator-color: #ff5722; --mdc-filled-text-field-error-hover-active-indicator-color: #ff5722; --mdc-outlined-text-field-caret-color: #607d8b; --mdc-outlined-text-field-focus-outline-color: #607d8b; --mdc-outlined-text-field-focus-label-text-color: rgba(96, 125, 139, 0.87); --mdc-outlined-text-field-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-hover-label-text-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-disabled-label-text-color: rgba(255, 255, 255, 0.38); --mdc-outlined-text-field-input-text-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-disabled-input-text-color: rgba(255, 255, 255, 0.38); --mdc-outlined-text-field-input-text-placeholder-color: rgba(255, 255, 255, 0.6); --mdc-outlined-text-field-error-caret-color: #ff5722; --mdc-outlined-text-field-error-focus-label-text-color: #ff5722; --mdc-outlined-text-field-error-label-text-color: #ff5722; --mdc-outlined-text-field-error-hover-label-text-color: #ff5722; --mdc-outlined-text-field-outline-color: rgba(255, 255, 255, 0.38); --mdc-outlined-text-field-disabled-outline-color: rgba(255, 255, 255, 0.06); --mdc-outlined-text-field-hover-outline-color: rgba(255, 255, 255, 0.87); --mdc-outlined-text-field-error-focus-outline-color: #ff5722; --mdc-outlined-text-field-error-hover-outline-color: #ff5722; --mdc-outlined-text-field-error-outline-color: #ff5722; --mat-form-field-focus-select-arrow-color: rgba(96, 125, 139, 0.87); --mat-form-field-disabled-input-text-placeholder-color: rgba(255, 255, 255, 0.38); --mat-form-field-state-layer-color: rgba(255, 255, 255, 0.87); --mat-form-field-error-text-color: #ff5722; --mat-form-field-select-option-text-color: rgba(0, 0, 0, 0.87); --mat-form-field-select-disabled-option-text-color: rgba(0, 0, 0, 0.38); --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(255, 255, 255, 0.54); --mat-form-field-disabled-select-arrow-color: rgba(255, 255, 255, 0.38); --mat-form-field-hover-state-layer-opacity: 0.08; --mat-form-field-focus-state-layer-opacity: 0.24; --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); --mat-select-panel-background-color: #424242; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(96, 125, 139, 0.87); --mat-select-invalid-arrow-color: rgba(255, 87, 34, 0.87); --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); --mat-autocomplete-background-color: #424242; --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; --mdc-dialog-container-color: #424242; --mdc-dialog-subhead-color: rgba(255, 255, 255, 0.87); --mdc-dialog-supporting-text-color: rgba(255, 255, 255, 0.6); --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; --mdc-switch-selected-focus-state-layer-color: #90a4ae; --mdc-switch-selected-handle-color: #90a4ae; --mdc-switch-selected-hover-state-layer-color: #90a4ae; --mdc-switch-selected-pressed-state-layer-color: #90a4ae; --mdc-switch-selected-focus-handle-color: #b0bec5; --mdc-switch-selected-hover-handle-color: #b0bec5; --mdc-switch-selected-pressed-handle-color: #b0bec5; --mdc-switch-selected-focus-track-color: #546e7a; --mdc-switch-selected-hover-track-color: #546e7a; --mdc-switch-selected-pressed-track-color: #546e7a; --mdc-switch-selected-track-color: #546e7a; --mdc-switch-disabled-selected-handle-color: #000; --mdc-switch-disabled-selected-icon-color: #212121; --mdc-switch-disabled-selected-track-color: #f5f5f5; --mdc-switch-disabled-unselected-handle-color: #000; --mdc-switch-disabled-unselected-icon-color: #212121; --mdc-switch-disabled-unselected-track-color: #f5f5f5; --mdc-switch-handle-surface-color: #fff; --mdc-switch-selected-icon-color: #212121; --mdc-switch-unselected-focus-handle-color: #fafafa; --mdc-switch-unselected-focus-state-layer-color: #f5f5f5; --mdc-switch-unselected-focus-track-color: #616161; --mdc-switch-unselected-handle-color: #9e9e9e; --mdc-switch-unselected-hover-handle-color: #fafafa; --mdc-switch-unselected-hover-state-layer-color: #f5f5f5; --mdc-switch-unselected-hover-track-color: #616161; --mdc-switch-unselected-icon-color: #212121; --mdc-switch-unselected-pressed-handle-color: #fafafa; --mdc-switch-unselected-pressed-state-layer-color: #f5f5f5; --mdc-switch-unselected-pressed-track-color: #616161; --mdc-switch-unselected-track-color: #616161; --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(255, 255, 255, 0.5); --mdc-radio-disabled-selected-icon-opacity: 0.38; --mdc-radio-disabled-unselected-icon-opacity: 0.38; --mdc-radio-state-layer-size: 40px; --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%); --mdc-slider-handle-color: #607d8b; --mdc-slider-focus-handle-color: #607d8b; --mdc-slider-hover-handle-color: #607d8b; --mdc-slider-active-track-color: #607d8b; --mdc-slider-inactive-track-color: #607d8b; --mdc-slider-with-tick-marks-inactive-container-color: #607d8b; --mdc-slider-with-tick-marks-active-container-color: white; --mdc-slider-disabled-active-track-color: #fff; --mdc-slider-disabled-handle-color: #fff; --mdc-slider-disabled-inactive-track-color: #fff; --mdc-slider-label-container-color: #fff; --mdc-slider-label-label-text-color: #000; --mdc-slider-with-overlap-handle-outline-color: #fff; --mdc-slider-with-tick-marks-disabled-container-color: #fff; --mat-slider-ripple-color: #607d8b; --mat-slider-hover-state-layer-color: rgba(96, 125, 139, 0.05); --mat-slider-focus-state-layer-color: rgba(96, 125, 139, 0.2); --mat-slider-value-indicator-opacity: 0.9; --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; --mat-menu-item-label-text-color: white; --mat-menu-item-icon-color: white; --mat-menu-item-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-item-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-menu-container-color: #424242; --mat-menu-divider-color: rgba(255, 255, 255, 0.12); --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; --mdc-list-list-item-label-text-color: white; --mdc-list-list-item-supporting-text-color: rgba(255, 255, 255, 0.7); --mdc-list-list-item-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-supporting-text-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-selected-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-disabled-label-text-color: white; --mdc-list-list-item-disabled-leading-icon-color: white; --mdc-list-list-item-disabled-trailing-icon-color: white; --mdc-list-list-item-hover-label-text-color: white; --mdc-list-list-item-hover-leading-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-hover-trailing-icon-color: rgba(255, 255, 255, 0.5); --mdc-list-list-item-focus-label-text-color: white; --mdc-list-list-item-hover-state-layer-color: white; --mdc-list-list-item-hover-state-layer-opacity: 0.08; --mdc-list-list-item-focus-state-layer-color: white; --mdc-list-list-item-focus-state-layer-opacity: 0.24; --mat-paginator-container-text-color: rgba(255, 255, 255, 0.87); --mat-paginator-container-background-color: #424242; --mat-paginator-enabled-icon-color: rgba(255, 255, 255, 0.54); --mat-paginator-disabled-icon-color: rgba(255, 255, 255, 0.12); --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; --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; --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #ffd740; --mdc-checkbox-selected-hover-icon-color: #ffd740; --mdc-checkbox-selected-icon-color: #ffd740; --mdc-checkbox-selected-pressed-icon-color: #ffd740; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ffd740; --mdc-checkbox-selected-hover-state-layer-color: #ffd740; --mdc-checkbox-selected-pressed-state-layer-color: #ffd740; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; --mat-checkbox-disabled-label-color: rgba(255, 255, 255, 0.5); --mat-checkbox-label-text-color: white; --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; --mdc-text-button-label-text-color: white; --mdc-text-button-disabled-label-text-color: rgba(255, 255, 255, 0.5); --mat-text-button-state-layer-color: white; --mat-text-button-disabled-state-layer-color: white; --mat-text-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-text-button-hover-state-layer-opacity: 0.08; --mat-text-button-focus-state-layer-opacity: 0.24; --mat-text-button-pressed-state-layer-opacity: 0.24; --mdc-filled-button-container-color: #424242; --mdc-filled-button-label-text-color: white; --mdc-filled-button-disabled-container-color: rgba(255, 255, 255, 0.12); --mdc-filled-button-disabled-label-text-color: rgba(255, 255, 255, 0.5); --mat-filled-button-state-layer-color: white; --mat-filled-button-disabled-state-layer-color: white; --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-filled-button-hover-state-layer-opacity: 0.08; --mat-filled-button-focus-state-layer-opacity: 0.24; --mat-filled-button-pressed-state-layer-opacity: 0.24; --mdc-protected-button-container-color: #424242; --mdc-protected-button-label-text-color: white; --mdc-protected-button-disabled-container-color: rgba(255, 255, 255, 0.12); --mdc-protected-button-disabled-label-text-color: rgba(255, 255, 255, 0.5); --mat-protected-button-state-layer-color: white; --mat-protected-button-disabled-state-layer-color: white; --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-protected-button-hover-state-layer-opacity: 0.08; --mat-protected-button-focus-state-layer-opacity: 0.24; --mat-protected-button-pressed-state-layer-opacity: 0.24; --mdc-outlined-button-disabled-outline-color: rgba(255, 255, 255, 0.12); --mdc-outlined-button-disabled-label-text-color: rgba(255, 255, 255, 0.5); --mdc-outlined-button-label-text-color: white; --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12); --mat-outlined-button-state-layer-color: white; --mat-outlined-button-disabled-state-layer-color: white; --mat-outlined-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-outlined-button-hover-state-layer-opacity: 0.08; --mat-outlined-button-focus-state-layer-opacity: 0.24; --mat-outlined-button-pressed-state-layer-opacity: 0.24; --mdc-icon-button-icon-size: 24px; --mdc-icon-button-icon-color: inherit; --mdc-icon-button-disabled-icon-color: rgba(255, 255, 255, 0.5); --mat-icon-button-state-layer-color: white; --mat-icon-button-disabled-state-layer-color: white; --mat-icon-button-ripple-color: rgba(255, 255, 255, 0.1); --mat-icon-button-hover-state-layer-opacity: 0.08; --mat-icon-button-focus-state-layer-opacity: 0.24; --mat-icon-button-pressed-state-layer-opacity: 0.24; --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); --mdc-fab-container-color: #424242; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-disabled-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-hover-state-layer-opacity: 0.08; --mat-fab-focus-state-layer-opacity: 0.24; --mat-fab-pressed-state-layer-opacity: 0.24; --mat-fab-disabled-state-container-color: rgba(255, 255, 255, 0.12); --mat-fab-disabled-state-foreground-color: rgba(255, 255, 255, 0.5); --mdc-fab-small-container-color: #424242; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-disabled-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); --mat-fab-small-hover-state-layer-opacity: 0.08; --mat-fab-small-focus-state-layer-opacity: 0.24; --mat-fab-small-pressed-state-layer-opacity: 0.24; --mat-fab-small-disabled-state-container-color: rgba(255, 255, 255, 0.12); --mat-fab-small-disabled-state-foreground-color: rgba(255, 255, 255, 0.5); --mdc-snackbar-container-shape: 4px; --mdc-snackbar-container-color: #d9d9d9; --mdc-snackbar-supporting-text-color: rgba(66, 66, 66, 0.87); --mat-snack-bar-button-color: rgba(0, 0, 0, 0.87); --mat-table-row-item-outline-width: 1px; --mat-table-background-color: #424242; --mat-table-header-headline-color: white; --mat-table-row-item-label-text-color: white; --mat-table-row-item-outline-color: rgba(255, 255, 255, 0.12); --mdc-circular-progress-active-indicator-width: 4px; --mdc-circular-progress-size: 48px; --mdc-circular-progress-active-indicator-color: #607d8b; --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; --mat-badge-background-color: #607d8b; --mat-badge-text-color: white; --mat-badge-disabled-state-background-color: #6e6e6e; --mat-badge-disabled-state-text-color: rgba(255, 255, 255, 0.5); --mat-bottom-sheet-container-shape: 4px; --mat-bottom-sheet-container-text-color: white; --mat-bottom-sheet-container-background-color: #424242; --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; --mat-legacy-button-toggle-text-color: rgba(255, 255, 255, 0.5); --mat-legacy-button-toggle-state-layer-color: rgba(255, 255, 255, 0.12); --mat-legacy-button-toggle-selected-state-text-color: rgba(255, 255, 255, 0.7); --mat-legacy-button-toggle-selected-state-background-color: #212121; --mat-legacy-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3); --mat-legacy-button-toggle-disabled-state-background-color: black; --mat-legacy-button-toggle-disabled-selected-state-background-color: #424242; --mat-standard-button-toggle-text-color: white; --mat-standard-button-toggle-background-color: #424242; --mat-standard-button-toggle-state-layer-color: white; --mat-standard-button-toggle-selected-state-background-color: #212121; --mat-standard-button-toggle-selected-state-text-color: white; --mat-standard-button-toggle-disabled-state-text-color: rgba(255, 255, 255, 0.3); --mat-standard-button-toggle-disabled-state-background-color: #424242; --mat-standard-button-toggle-disabled-selected-state-text-color: white; --mat-standard-button-toggle-disabled-selected-state-background-color: #424242; --mat-standard-button-toggle-divider-color: #595959; --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); --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #607d8b; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(96, 125, 139, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(96, 125, 139, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(96, 125, 139, 0.3); --mat-datepicker-toggle-active-state-icon-color: #607d8b; --mat-datepicker-calendar-date-in-range-state-background-color: rgba(96, 125, 139, 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: white; --mat-datepicker-calendar-body-label-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-period-button-text-color: white; --mat-datepicker-calendar-period-button-icon-color: white; --mat-datepicker-calendar-navigation-button-icon-color: white; --mat-datepicker-calendar-header-divider-color: rgba(255, 255, 255, 0.12); --mat-datepicker-calendar-header-text-color: rgba(255, 255, 255, 0.7); --mat-datepicker-calendar-date-today-outline-color: rgba(255, 255, 255, 0.5); --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(255, 255, 255, 0.3); --mat-datepicker-calendar-date-text-color: white; --mat-datepicker-calendar-date-outline-color: transparent; --mat-datepicker-calendar-date-disabled-state-text-color: rgba(255, 255, 255, 0.5); --mat-datepicker-calendar-date-preview-state-outline-color: rgba(255, 255, 255, 0.24); --mat-datepicker-range-input-separator-color: white; --mat-datepicker-range-input-disabled-state-separator-color: rgba(255, 255, 255, 0.5); --mat-datepicker-range-input-disabled-state-text-color: rgba(255, 255, 255, 0.5); --mat-datepicker-calendar-container-background-color: #424242; --mat-datepicker-calendar-container-text-color: white; --mat-divider-width: 1px; --mat-divider-color: rgba(255, 255, 255, 0.12); --mat-expansion-container-shape: 4px; --mat-expansion-legacy-header-indicator-display: inline-block; --mat-expansion-header-indicator-display: none; --mat-expansion-container-background-color: #424242; --mat-expansion-container-text-color: white; --mat-expansion-actions-divider-color: rgba(255, 255, 255, 0.12); --mat-expansion-header-hover-state-layer-color: rgba(255, 255, 255, 0.04); --mat-expansion-header-focus-state-layer-color: rgba(255, 255, 255, 0.04); --mat-expansion-header-disabled-state-text-color: rgba(255, 255, 255, 0.3); --mat-expansion-header-text-color: white; --mat-expansion-header-description-color: rgba(255, 255, 255, 0.7); --mat-expansion-header-indicator-color: rgba(255, 255, 255, 0.7); --mat-icon-color: inherit; --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; --mat-sidenav-container-divider-color: rgba(255, 255, 255, 0.12); --mat-sidenav-container-background-color: #424242; --mat-sidenav-container-text-color: white; --mat-sidenav-content-background-color: #303030; --mat-sidenav-content-text-color: white; --mat-sidenav-scrim-color: rgba(189, 189, 189, 0.6); --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #607d8b; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #607d8b; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #607d8b; --mat-stepper-header-edit-state-icon-foreground-color: white; --mat-stepper-container-color: #424242; --mat-stepper-line-color: rgba(255, 255, 255, 0.12); --mat-stepper-header-hover-state-layer-color: rgba(255, 255, 255, 0.04); --mat-stepper-header-focus-state-layer-color: rgba(255, 255, 255, 0.04); --mat-stepper-header-label-text-color: rgba(255, 255, 255, 0.7); --mat-stepper-header-optional-label-text-color: rgba(255, 255, 255, 0.7); --mat-stepper-header-selected-state-label-text-color: white; --mat-stepper-header-error-state-label-text-color: #ff5722; --mat-stepper-header-icon-background-color: rgba(255, 255, 255, 0.7); --mat-stepper-header-error-state-icon-foreground-color: #ff5722; --mat-stepper-header-error-state-icon-background-color: transparent; --mat-sort-arrow-color: #c6c6c6; --mat-toolbar-container-background-color: #212121; --mat-toolbar-container-text-color: white; --mat-tree-container-background-color: #424242; --mat-tree-node-text-color: white; } .unicorn-dark-theme .mat-accent { --mat-option-selected-state-label-text-color: #ffd740; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .unicorn-dark-theme .mat-warn { --mat-option-selected-state-label-text-color: #ff5722; --mat-option-label-text-color: white; --mat-option-hover-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-focus-state-layer-color: rgba(255, 255, 255, 0.08); --mat-option-selected-state-layer-color: rgba(255, 255, 255, 0.08); } .unicorn-dark-theme .mat-primary { --mat-full-pseudo-checkbox-selected-icon-color: #607d8b; --mat-full-pseudo-checkbox-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #607d8b; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .unicorn-dark-theme .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #ffd740; --mat-full-pseudo-checkbox-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ffd740; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .unicorn-dark-theme .mat-warn { --mat-full-pseudo-checkbox-selected-icon-color: #ff5722; --mat-full-pseudo-checkbox-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.7); --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #303030; --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #686868; --mat-full-pseudo-checkbox-disabled-selected-icon-color: #686868; --mat-minimal-pseudo-checkbox-selected-checkmark-color: #ff5722; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #686868; } .unicorn-dark-theme .mat-mdc-progress-bar { --mdc-linear-progress-active-indicator-color: #607d8b; --mdc-linear-progress-track-color: rgba(96, 125, 139, 0.25); } .unicorn-dark-theme .mat-mdc-progress-bar.mat-accent { --mdc-linear-progress-active-indicator-color: #ffd740; --mdc-linear-progress-track-color: rgba(255, 215, 64, 0.25); } .unicorn-dark-theme .mat-mdc-progress-bar.mat-warn { --mdc-linear-progress-active-indicator-color: #ff5722; --mdc-linear-progress-track-color: rgba(255, 87, 34, 0.25); } .unicorn-dark-theme .mat-mdc-form-field.mat-accent { --mdc-filled-text-field-caret-color: #ffd740; --mdc-filled-text-field-focus-active-indicator-color: #ffd740; --mdc-filled-text-field-focus-label-text-color: rgba(255, 215, 64, 0.87); --mdc-outlined-text-field-caret-color: #ffd740; --mdc-outlined-text-field-focus-outline-color: #ffd740; --mdc-outlined-text-field-focus-label-text-color: rgba(255, 215, 64, 0.87); --mat-form-field-focus-select-arrow-color: rgba(255, 215, 64, 0.87); } .unicorn-dark-theme .mat-mdc-form-field.mat-warn { --mdc-filled-text-field-caret-color: #ff5722; --mdc-filled-text-field-focus-active-indicator-color: #ff5722; --mdc-filled-text-field-focus-label-text-color: rgba(255, 87, 34, 0.87); --mdc-outlined-text-field-caret-color: #ff5722; --mdc-outlined-text-field-focus-outline-color: #ff5722; --mdc-outlined-text-field-focus-label-text-color: rgba(255, 87, 34, 0.87); --mat-form-field-focus-select-arrow-color: rgba(255, 87, 34, 0.87); } .unicorn-dark-theme .mat-mdc-form-field.mat-accent { --mat-select-panel-background-color: #424242; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(255, 215, 64, 0.87); --mat-select-invalid-arrow-color: rgba(255, 87, 34, 0.87); } .unicorn-dark-theme .mat-mdc-form-field.mat-warn { --mat-select-panel-background-color: #424242; --mat-select-enabled-trigger-text-color: rgba(255, 255, 255, 0.87); --mat-select-disabled-trigger-text-color: rgba(255, 255, 255, 0.38); --mat-select-placeholder-text-color: rgba(255, 255, 255, 0.6); --mat-select-enabled-arrow-color: rgba(255, 255, 255, 0.54); --mat-select-disabled-arrow-color: rgba(255, 255, 255, 0.38); --mat-select-focused-arrow-color: rgba(255, 87, 34, 0.87); --mat-select-invalid-arrow-color: rgba(255, 87, 34, 0.87); } .unicorn-dark-theme .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; } .unicorn-dark-theme .mat-mdc-standard-chip { --mdc-chip-disabled-label-text-color: #fafafa; --mdc-chip-elevated-container-color: #595959; --mdc-chip-elevated-selected-container-color: #595959; --mdc-chip-elevated-disabled-container-color: #595959; --mdc-chip-flat-disabled-selected-container-color: #595959; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: #fafafa; --mdc-chip-selected-label-text-color: #fafafa; --mdc-chip-with-icon-icon-color: #fafafa; --mdc-chip-with-icon-disabled-icon-color: #fafafa; --mdc-chip-with-icon-selected-icon-color: #fafafa; --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #fafafa; --mdc-chip-with-trailing-icon-trailing-icon-color: #fafafa; --mat-chip-selected-disabled-trailing-icon-color: #fafafa; --mat-chip-selected-trailing-icon-color: #fafafa; } .unicorn-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .unicorn-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #607d8b; --mdc-chip-elevated-selected-container-color: #607d8b; --mdc-chip-elevated-disabled-container-color: #607d8b; --mdc-chip-flat-disabled-selected-container-color: #607d8b; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --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; } .unicorn-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .unicorn-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent { --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-elevated-container-color: #ffd740; --mdc-chip-elevated-selected-container-color: #ffd740; --mdc-chip-elevated-disabled-container-color: #ffd740; --mdc-chip-flat-disabled-selected-container-color: #ffd740; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --mdc-chip-selected-focus-state-layer-opacity: 0.12; --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); } .unicorn-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .unicorn-dark-theme .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn { --mdc-chip-disabled-label-text-color: white; --mdc-chip-elevated-container-color: #ff5722; --mdc-chip-elevated-selected-container-color: #ff5722; --mdc-chip-elevated-disabled-container-color: #ff5722; --mdc-chip-flat-disabled-selected-container-color: #ff5722; --mdc-chip-focus-state-layer-color: white; --mdc-chip-hover-state-layer-color: white; --mdc-chip-selected-hover-state-layer-color: white; --mdc-chip-focus-state-layer-opacity: 0.12; --mdc-chip-selected-focus-state-layer-color: white; --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; } .unicorn-dark-theme .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; } .unicorn-dark-theme .mat-mdc-slide-toggle { --mat-switch-label-text-color: white; } .unicorn-dark-theme .mat-mdc-slide-toggle.mat-accent { --mdc-switch-selected-focus-state-layer-color: #ffd54f; --mdc-switch-selected-handle-color: #ffd54f; --mdc-switch-selected-hover-state-layer-color: #ffd54f; --mdc-switch-selected-pressed-state-layer-color: #ffd54f; --mdc-switch-selected-focus-handle-color: #ffe082; --mdc-switch-selected-hover-handle-color: #ffe082; --mdc-switch-selected-pressed-handle-color: #ffe082; --mdc-switch-selected-focus-track-color: #ffb300; --mdc-switch-selected-hover-track-color: #ffb300; --mdc-switch-selected-pressed-track-color: #ffb300; --mdc-switch-selected-track-color: #ffb300; } .unicorn-dark-theme .mat-mdc-slide-toggle.mat-warn { --mdc-switch-selected-focus-state-layer-color: #ff8a65; --mdc-switch-selected-handle-color: #ff8a65; --mdc-switch-selected-hover-state-layer-color: #ff8a65; --mdc-switch-selected-pressed-state-layer-color: #ff8a65; --mdc-switch-selected-focus-handle-color: #ffab91; --mdc-switch-selected-hover-handle-color: #ffab91; --mdc-switch-selected-pressed-handle-color: #ffab91; --mdc-switch-selected-focus-track-color: #f4511e; --mdc-switch-selected-hover-track-color: #f4511e; --mdc-switch-selected-pressed-track-color: #f4511e; --mdc-switch-selected-track-color: #f4511e; } .unicorn-dark-theme .mat-mdc-radio-button.mat-primary { --mdc-radio-disabled-selected-icon-color: white; --mdc-radio-disabled-unselected-icon-color: white; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-focus-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-selected-focus-icon-color: #607d8b; --mdc-radio-selected-hover-icon-color: #607d8b; --mdc-radio-selected-icon-color: #607d8b; --mdc-radio-selected-pressed-icon-color: #607d8b; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #607d8b; --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5); --mat-radio-label-text-color: white; } .unicorn-dark-theme .mat-mdc-radio-button.mat-accent { --mdc-radio-disabled-selected-icon-color: white; --mdc-radio-disabled-unselected-icon-color: white; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-focus-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-selected-focus-icon-color: #ffd740; --mdc-radio-selected-hover-icon-color: #ffd740; --mdc-radio-selected-icon-color: #ffd740; --mdc-radio-selected-pressed-icon-color: #ffd740; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #ffd740; --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5); --mat-radio-label-text-color: white; } .unicorn-dark-theme .mat-mdc-radio-button.mat-warn { --mdc-radio-disabled-selected-icon-color: white; --mdc-radio-disabled-unselected-icon-color: white; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-focus-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-selected-focus-icon-color: #ff5722; --mdc-radio-selected-hover-icon-color: #ff5722; --mdc-radio-selected-icon-color: #ff5722; --mdc-radio-selected-pressed-icon-color: #ff5722; --mat-radio-ripple-color: white; --mat-radio-checked-ripple-color: #ff5722; --mat-radio-disabled-label-color: rgba(255, 255, 255, 0.5); --mat-radio-label-text-color: white; } .unicorn-dark-theme .mat-accent { --mdc-slider-handle-color: #ffd740; --mdc-slider-focus-handle-color: #ffd740; --mdc-slider-hover-handle-color: #ffd740; --mdc-slider-active-track-color: #ffd740; --mdc-slider-inactive-track-color: #ffd740; --mdc-slider-with-tick-marks-inactive-container-color: #ffd740; --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87); --mat-slider-ripple-color: #ffd740; --mat-slider-hover-state-layer-color: rgba(255, 215, 64, 0.05); --mat-slider-focus-state-layer-color: rgba(255, 215, 64, 0.2); } .unicorn-dark-theme .mat-warn { --mdc-slider-handle-color: #ff5722; --mdc-slider-focus-handle-color: #ff5722; --mdc-slider-hover-handle-color: #ff5722; --mdc-slider-active-track-color: #ff5722; --mdc-slider-inactive-track-color: #ff5722; --mdc-slider-with-tick-marks-inactive-container-color: #ff5722; --mdc-slider-with-tick-marks-active-container-color: white; --mat-slider-ripple-color: #ff5722; --mat-slider-hover-state-layer-color: rgba(255, 87, 34, 0.05); --mat-slider-focus-state-layer-color: rgba(255, 87, 34, 0.2); } .unicorn-dark-theme .mdc-list-item__start, .unicorn-dark-theme .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: white; --mdc-radio-disabled-unselected-icon-color: white; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-focus-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-selected-focus-icon-color: #607d8b; --mdc-radio-selected-hover-icon-color: #607d8b; --mdc-radio-selected-icon-color: #607d8b; --mdc-radio-selected-pressed-icon-color: #607d8b; } .unicorn-dark-theme .mat-accent .mdc-list-item__start, .unicorn-dark-theme .mat-accent .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: white; --mdc-radio-disabled-unselected-icon-color: white; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-focus-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-selected-focus-icon-color: #ffd740; --mdc-radio-selected-hover-icon-color: #ffd740; --mdc-radio-selected-icon-color: #ffd740; --mdc-radio-selected-pressed-icon-color: #ffd740; } .unicorn-dark-theme .mat-warn .mdc-list-item__start, .unicorn-dark-theme .mat-warn .mdc-list-item__end { --mdc-radio-disabled-selected-icon-color: white; --mdc-radio-disabled-unselected-icon-color: white; --mdc-radio-unselected-hover-icon-color: #eeeeee; --mdc-radio-unselected-focus-icon-color: #eeeeee; --mdc-radio-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-unselected-pressed-icon-color: rgba(255, 255, 255, 0.54); --mdc-radio-selected-focus-icon-color: #ff5722; --mdc-radio-selected-hover-icon-color: #ff5722; --mdc-radio-selected-icon-color: #ff5722; --mdc-radio-selected-pressed-icon-color: #ff5722; } .unicorn-dark-theme .mat-mdc-list-option { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #607d8b; --mdc-checkbox-selected-hover-icon-color: #607d8b; --mdc-checkbox-selected-icon-color: #607d8b; --mdc-checkbox-selected-pressed-icon-color: #607d8b; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #607d8b; --mdc-checkbox-selected-hover-state-layer-color: #607d8b; --mdc-checkbox-selected-pressed-state-layer-color: #607d8b; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .unicorn-dark-theme .mat-mdc-list-option.mat-accent { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: black; --mdc-checkbox-selected-focus-icon-color: #ffd740; --mdc-checkbox-selected-hover-icon-color: #ffd740; --mdc-checkbox-selected-icon-color: #ffd740; --mdc-checkbox-selected-pressed-icon-color: #ffd740; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ffd740; --mdc-checkbox-selected-hover-state-layer-color: #ffd740; --mdc-checkbox-selected-pressed-state-layer-color: #ffd740; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .unicorn-dark-theme .mat-mdc-list-option.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #ff5722; --mdc-checkbox-selected-hover-icon-color: #ff5722; --mdc-checkbox-selected-icon-color: #ff5722; --mdc-checkbox-selected-pressed-icon-color: #ff5722; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ff5722; --mdc-checkbox-selected-hover-state-layer-color: #ff5722; --mdc-checkbox-selected-pressed-state-layer-color: #ff5722; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .unicorn-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text, .unicorn-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start, .unicorn-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text, .unicorn-dark-theme .mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start { color: #607d8b; } .unicorn-dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start, .unicorn-dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content, .unicorn-dark-theme .mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end { opacity: 1; } .unicorn-dark-theme .mat-mdc-tab-group, .unicorn-dark-theme .mat-mdc-tab-nav-bar { --mdc-tab-indicator-active-indicator-color: #607d8b; --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5); --mat-tab-header-pagination-icon-color: white; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #607d8b; --mat-tab-header-active-ripple-color: #607d8b; --mat-tab-header-inactive-ripple-color: #607d8b; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #607d8b; --mat-tab-header-active-hover-label-text-color: #607d8b; --mat-tab-header-active-focus-indicator-color: #607d8b; --mat-tab-header-active-hover-indicator-color: #607d8b; } .unicorn-dark-theme .mat-mdc-tab-group.mat-accent, .unicorn-dark-theme .mat-mdc-tab-nav-bar.mat-accent { --mdc-tab-indicator-active-indicator-color: #ffd740; --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5); --mat-tab-header-pagination-icon-color: white; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #ffd740; --mat-tab-header-active-ripple-color: #ffd740; --mat-tab-header-inactive-ripple-color: #ffd740; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #ffd740; --mat-tab-header-active-hover-label-text-color: #ffd740; --mat-tab-header-active-focus-indicator-color: #ffd740; --mat-tab-header-active-hover-indicator-color: #ffd740; } .unicorn-dark-theme .mat-mdc-tab-group.mat-warn, .unicorn-dark-theme .mat-mdc-tab-nav-bar.mat-warn { --mdc-tab-indicator-active-indicator-color: #ff5722; --mat-tab-header-disabled-ripple-color: rgba(255, 255, 255, 0.5); --mat-tab-header-pagination-icon-color: white; --mat-tab-header-inactive-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-label-text-color: #ff5722; --mat-tab-header-active-ripple-color: #ff5722; --mat-tab-header-inactive-ripple-color: #ff5722; --mat-tab-header-inactive-focus-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-inactive-hover-label-text-color: rgba(255, 255, 255, 0.6); --mat-tab-header-active-focus-label-text-color: #ff5722; --mat-tab-header-active-hover-label-text-color: #ff5722; --mat-tab-header-active-focus-indicator-color: #ff5722; --mat-tab-header-active-hover-indicator-color: #ff5722; } .unicorn-dark-theme .mat-mdc-tab-group.mat-background-primary, .unicorn-dark-theme .mat-mdc-tab-nav-bar.mat-background-primary { --mat-tab-header-with-background-background-color: #607d8b; --mat-tab-header-with-background-foreground-color: white; } .unicorn-dark-theme .mat-mdc-tab-group.mat-background-accent, .unicorn-dark-theme .mat-mdc-tab-nav-bar.mat-background-accent { --mat-tab-header-with-background-background-color: #ffd740; --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87); } .unicorn-dark-theme .mat-mdc-tab-group.mat-background-warn, .unicorn-dark-theme .mat-mdc-tab-nav-bar.mat-background-warn { --mat-tab-header-with-background-background-color: #ff5722; --mat-tab-header-with-background-foreground-color: white; } .unicorn-dark-theme .mat-mdc-checkbox.mat-primary { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #607d8b; --mdc-checkbox-selected-hover-icon-color: #607d8b; --mdc-checkbox-selected-icon-color: #607d8b; --mdc-checkbox-selected-pressed-icon-color: #607d8b; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #607d8b; --mdc-checkbox-selected-hover-state-layer-color: #607d8b; --mdc-checkbox-selected-pressed-state-layer-color: #607d8b; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .unicorn-dark-theme .mat-mdc-checkbox.mat-warn { --mdc-checkbox-disabled-selected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-disabled-unselected-icon-color: rgba(255, 255, 255, 0.38); --mdc-checkbox-selected-checkmark-color: white; --mdc-checkbox-selected-focus-icon-color: #ff5722; --mdc-checkbox-selected-hover-icon-color: #ff5722; --mdc-checkbox-selected-icon-color: #ff5722; --mdc-checkbox-selected-pressed-icon-color: #ff5722; --mdc-checkbox-unselected-focus-icon-color: #eeeeee; --mdc-checkbox-unselected-hover-icon-color: #eeeeee; --mdc-checkbox-unselected-icon-color: rgba(255, 255, 255, 0.54); --mdc-checkbox-selected-focus-state-layer-color: #ff5722; --mdc-checkbox-selected-hover-state-layer-color: #ff5722; --mdc-checkbox-selected-pressed-state-layer-color: #ff5722; --mdc-checkbox-unselected-focus-state-layer-color: white; --mdc-checkbox-unselected-hover-state-layer-color: white; --mdc-checkbox-unselected-pressed-state-layer-color: white; } .unicorn-dark-theme .mat-mdc-button.mat-primary { --mdc-text-button-label-text-color: #607d8b; --mat-text-button-state-layer-color: #607d8b; --mat-text-button-ripple-color: rgba(96, 125, 139, 0.1); } .unicorn-dark-theme .mat-mdc-button.mat-accent { --mdc-text-button-label-text-color: #ffd740; --mat-text-button-state-layer-color: #ffd740; --mat-text-button-ripple-color: rgba(255, 215, 64, 0.1); } .unicorn-dark-theme .mat-mdc-button.mat-warn { --mdc-text-button-label-text-color: #ff5722; --mat-text-button-state-layer-color: #ff5722; --mat-text-button-ripple-color: rgba(255, 87, 34, 0.1); } .unicorn-dark-theme .mat-mdc-unelevated-button.mat-primary { --mdc-filled-button-container-color: #607d8b; --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); } .unicorn-dark-theme .mat-mdc-unelevated-button.mat-accent { --mdc-filled-button-container-color: #ffd740; --mdc-filled-button-label-text-color: black; --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1); } .unicorn-dark-theme .mat-mdc-unelevated-button.mat-warn { --mdc-filled-button-container-color: #ff5722; --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); } .unicorn-dark-theme .mat-mdc-raised-button.mat-primary { --mdc-protected-button-container-color: #607d8b; --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); } .unicorn-dark-theme .mat-mdc-raised-button.mat-accent { --mdc-protected-button-container-color: #ffd740; --mdc-protected-button-label-text-color: black; --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1); } .unicorn-dark-theme .mat-mdc-raised-button.mat-warn { --mdc-protected-button-container-color: #ff5722; --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); } .unicorn-dark-theme .mat-mdc-outlined-button.mat-primary { --mdc-outlined-button-label-text-color: #607d8b; --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12); --mat-outlined-button-state-layer-color: #607d8b; --mat-outlined-button-ripple-color: rgba(96, 125, 139, 0.1); } .unicorn-dark-theme .mat-mdc-outlined-button.mat-accent { --mdc-outlined-button-label-text-color: #ffd740; --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12); --mat-outlined-button-state-layer-color: #ffd740; --mat-outlined-button-ripple-color: rgba(255, 215, 64, 0.1); } .unicorn-dark-theme .mat-mdc-outlined-button.mat-warn { --mdc-outlined-button-label-text-color: #ff5722; --mdc-outlined-button-outline-color: rgba(255, 255, 255, 0.12); --mat-outlined-button-state-layer-color: #ff5722; --mat-outlined-button-ripple-color: rgba(255, 87, 34, 0.1); } .unicorn-dark-theme .mat-mdc-icon-button.mat-primary { --mdc-icon-button-icon-color: #607d8b; --mat-icon-button-state-layer-color: #607d8b; --mat-icon-button-ripple-color: rgba(96, 125, 139, 0.1); } .unicorn-dark-theme .mat-mdc-icon-button.mat-accent { --mdc-icon-button-icon-color: #ffd740; --mat-icon-button-state-layer-color: #ffd740; --mat-icon-button-ripple-color: rgba(255, 215, 64, 0.1); } .unicorn-dark-theme .mat-mdc-icon-button.mat-warn { --mdc-icon-button-icon-color: #ff5722; --mat-icon-button-state-layer-color: #ff5722; --mat-icon-button-ripple-color: rgba(255, 87, 34, 0.1); } .unicorn-dark-theme .mat-mdc-fab.mat-primary { --mdc-fab-container-color: #607d8b; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .unicorn-dark-theme .mat-mdc-fab.mat-accent { --mdc-fab-container-color: #ffd740; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 0.1); } .unicorn-dark-theme .mat-mdc-fab.mat-warn { --mdc-fab-container-color: #ff5722; --mat-fab-foreground-color: white; --mat-fab-state-layer-color: white; --mat-fab-ripple-color: rgba(255, 255, 255, 0.1); } .unicorn-dark-theme .mat-mdc-mini-fab.mat-primary { --mdc-fab-small-container-color: #607d8b; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .unicorn-dark-theme .mat-mdc-mini-fab.mat-accent { --mdc-fab-small-container-color: #ffd740; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1); } .unicorn-dark-theme .mat-mdc-mini-fab.mat-warn { --mdc-fab-small-container-color: #ff5722; --mat-fab-small-foreground-color: white; --mat-fab-small-state-layer-color: white; --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1); } .unicorn-dark-theme .mat-accent { --mdc-circular-progress-active-indicator-color: #ffd740; } .unicorn-dark-theme .mat-warn { --mdc-circular-progress-active-indicator-color: #ff5722; } .unicorn-dark-theme .mat-badge-accent { --mat-badge-background-color: #ffd740; --mat-badge-text-color: rgba(0, 0, 0, 0.87); } .unicorn-dark-theme .mat-badge-warn { --mat-badge-background-color: #ff5722; --mat-badge-text-color: white; } .unicorn-dark-theme .mat-datepicker-content.mat-accent { --mat-datepicker-calendar-date-selected-state-text-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-selected-state-background-color: #ffd740; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 215, 64, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 215, 64, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 215, 64, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 215, 64, 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; } .unicorn-dark-theme .mat-datepicker-content.mat-warn { --mat-datepicker-calendar-date-selected-state-text-color: white; --mat-datepicker-calendar-date-selected-state-background-color: #ff5722; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 87, 34, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: white; --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 87, 34, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 87, 34, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 87, 34, 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; } .unicorn-dark-theme .mat-datepicker-toggle-active.mat-accent { --mat-datepicker-toggle-active-state-icon-color: #ffd740; } .unicorn-dark-theme .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #ff5722; } .unicorn-dark-theme .mat-icon.mat-primary { --mat-icon-color: #607d8b; } .unicorn-dark-theme .mat-icon.mat-accent { --mat-icon-color: #ffd740; } .unicorn-dark-theme .mat-icon.mat-warn { --mat-icon-color: #ff5722; } .unicorn-dark-theme .mat-step-header.mat-accent { --mat-stepper-header-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-selected-state-icon-background-color: #ffd740; --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-done-state-icon-background-color: #ffd740; --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-edit-state-icon-background-color: #ffd740; --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87); } .unicorn-dark-theme .mat-step-header.mat-warn { --mat-stepper-header-icon-foreground-color: white; --mat-stepper-header-selected-state-icon-background-color: #ff5722; --mat-stepper-header-selected-state-icon-foreground-color: white; --mat-stepper-header-done-state-icon-background-color: #ff5722; --mat-stepper-header-done-state-icon-foreground-color: white; --mat-stepper-header-edit-state-icon-background-color: #ff5722; --mat-stepper-header-edit-state-icon-foreground-color: white; } .unicorn-dark-theme .mat-toolbar.mat-primary { --mat-toolbar-container-background-color: #607d8b; --mat-toolbar-container-text-color: white; } .unicorn-dark-theme .mat-toolbar.mat-accent { --mat-toolbar-container-background-color: #ffd740; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .unicorn-dark-theme .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #ff5722; --mat-toolbar-container-text-color: white; } 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: #ffab40; --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: #ffab40; --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: #ffab40; --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0; } .mat-accent { --mat-full-pseudo-checkbox-selected-icon-color: #ffab40; --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: #ffab40; --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 { --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 { --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: #ffab40; --mdc-linear-progress-track-color: rgba(255, 171, 64, 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-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: #ffab40; --mdc-filled-text-field-focus-active-indicator-color: #ffab40; --mdc-filled-text-field-focus-label-text-color: rgba(255, 171, 64, 0.87); --mdc-outlined-text-field-caret-color: #ffab40; --mdc-outlined-text-field-focus-outline-color: #ffab40; --mdc-outlined-text-field-focus-label-text-color: rgba(255, 171, 64, 0.87); --mat-form-field-focus-select-arrow-color: rgba(255, 171, 64, 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-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, 171, 64, 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-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); } .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: rgba(0, 0, 0, 0.87); --mdc-chip-elevated-container-color: #ffab40; --mdc-chip-elevated-selected-container-color: #ffab40; --mdc-chip-elevated-disabled-container-color: #ffab40; --mdc-chip-flat-disabled-selected-container-color: #ffab40; --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: rgba(0, 0, 0, 0.87); --mdc-chip-selected-label-text-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87); --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87); } .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; } 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: #fb8c00; --mdc-switch-selected-handle-color: #fb8c00; --mdc-switch-selected-hover-state-layer-color: #fb8c00; --mdc-switch-selected-pressed-state-layer-color: #fb8c00; --mdc-switch-selected-focus-handle-color: #e65100; --mdc-switch-selected-hover-handle-color: #e65100; --mdc-switch-selected-pressed-handle-color: #e65100; --mdc-switch-selected-focus-track-color: #ffb74d; --mdc-switch-selected-hover-track-color: #ffb74d; --mdc-switch-selected-pressed-track-color: #ffb74d; --mdc-switch-selected-track-color: #ffb74d; } 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-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: #ffab40; --mdc-radio-selected-hover-icon-color: #ffab40; --mdc-radio-selected-icon-color: #ffab40; --mdc-radio-selected-pressed-icon-color: #ffab40; --mat-radio-ripple-color: black; --mat-radio-checked-ripple-color: #ffab40; --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-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: #ffab40; --mdc-slider-focus-handle-color: #ffab40; --mdc-slider-hover-handle-color: #ffab40; --mdc-slider-active-track-color: #ffab40; --mdc-slider-inactive-track-color: #ffab40; --mdc-slider-with-tick-marks-inactive-container-color: #ffab40; --mdc-slider-with-tick-marks-active-container-color: rgba(0, 0, 0, 0.87); --mat-slider-ripple-color: #ffab40; --mat-slider-hover-state-layer-color: rgba(255, 171, 64, 0.05); --mat-slider-focus-state-layer-color: rgba(255, 171, 64, 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 { --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 { --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: #ffab40; --mdc-radio-selected-hover-icon-color: #ffab40; --mdc-radio-selected-icon-color: #ffab40; --mdc-radio-selected-pressed-icon-color: #ffab40; } .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: black; --mdc-checkbox-selected-focus-icon-color: #ffab40; --mdc-checkbox-selected-hover-icon-color: #ffab40; --mdc-checkbox-selected-icon-color: #ffab40; --mdc-checkbox-selected-pressed-icon-color: #ffab40; --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: #ffab40; --mdc-checkbox-selected-hover-state-layer-color: #ffab40; --mdc-checkbox-selected-pressed-state-layer-color: #ffab40; --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 { --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 { --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: #ffab40; --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: #ffab40; --mat-tab-header-active-ripple-color: #ffab40; --mat-tab-header-inactive-ripple-color: #ffab40; --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: #ffab40; --mat-tab-header-active-hover-label-text-color: #ffab40; --mat-tab-header-active-focus-indicator-color: #ffab40; --mat-tab-header-active-hover-indicator-color: #ffab40; } .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: #ffab40; --mat-tab-header-with-background-foreground-color: rgba(0, 0, 0, 0.87); } .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; } 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: black; --mdc-checkbox-selected-focus-icon-color: #ffab40; --mdc-checkbox-selected-hover-icon-color: #ffab40; --mdc-checkbox-selected-icon-color: #ffab40; --mdc-checkbox-selected-pressed-icon-color: #ffab40; --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: #ffab40; --mdc-checkbox-selected-hover-state-layer-color: #ffab40; --mdc-checkbox-selected-pressed-state-layer-color: #ffab40; --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-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: #ffab40; --mat-text-button-state-layer-color: #ffab40; --mat-text-button-ripple-color: rgba(255, 171, 64, 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: #ffab40; --mdc-filled-button-label-text-color: black; --mat-filled-button-state-layer-color: black; --mat-filled-button-ripple-color: rgba(0, 0, 0, 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: #ffab40; --mdc-protected-button-label-text-color: black; --mat-protected-button-state-layer-color: black; --mat-protected-button-ripple-color: rgba(0, 0, 0, 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: #ffab40; --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12); --mat-outlined-button-state-layer-color: #ffab40; --mat-outlined-button-ripple-color: rgba(255, 171, 64, 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-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: #ffab40; --mat-icon-button-state-layer-color: #ffab40; --mat-icon-button-ripple-color: rgba(255, 171, 64, 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 { --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: #ffab40; --mat-fab-foreground-color: black; --mat-fab-state-layer-color: black; --mat-fab-ripple-color: rgba(0, 0, 0, 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: #ffab40; --mat-fab-small-foreground-color: black; --mat-fab-small-state-layer-color: black; --mat-fab-small-ripple-color: rgba(0, 0, 0, 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 { --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: #ffab40; } 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 { --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: #ffab40; } 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: #ffab40; --mat-badge-text-color: rgba(0, 0, 0, 0.87); } .mat-badge-warn { --mat-badge-background-color: #f44336; --mat-badge-text-color: white; } 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-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-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: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-selected-state-background-color: #ffab40; --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(255, 171, 64, 0.4); --mat-datepicker-calendar-date-today-selected-state-outline-color: rgba(0, 0, 0, 0.87); --mat-datepicker-calendar-date-focus-state-background-color: rgba(255, 171, 64, 0.3); --mat-datepicker-calendar-date-hover-state-background-color: rgba(255, 171, 64, 0.3); --mat-datepicker-calendar-date-in-range-state-background-color: rgba(255, 171, 64, 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: #ffab40; } .mat-datepicker-toggle-active.mat-warn { --mat-datepicker-toggle-active-state-icon-color: #f44336; } 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-icon-color: inherit; } .mat-icon.mat-primary { --mat-icon-color: #3f51b5; } .mat-icon.mat-accent { --mat-icon-color: #ffab40; } .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: rgba(0, 0, 0, 0.87); --mat-stepper-header-selected-state-icon-background-color: #ffab40; --mat-stepper-header-selected-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-done-state-icon-background-color: #ffab40; --mat-stepper-header-done-state-icon-foreground-color: rgba(0, 0, 0, 0.87); --mat-stepper-header-edit-state-icon-background-color: #ffab40; --mat-stepper-header-edit-state-icon-foreground-color: rgba(0, 0, 0, 0.87); } 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-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: #ffab40; --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87); } .mat-toolbar.mat-warn { --mat-toolbar-container-background-color: #f44336; --mat-toolbar-container-text-color: white; } html { --mat-tree-container-background-color: white; --mat-tree-node-text-color: rgba(0, 0, 0, 0.87); } /*@import "../node_modules/ag-grid-community/dist/styles/ag-theme-balham.css"; */ as-split { display: flex; height: 100%; width: 100%; } as-split-area { height: 100%; } /*vijay custom styles import start*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .ag-theme-material.ag-grid-secondary .ag-header-row { background: #8c8c8c; } .ag-row { display: flex; align-items: center; } .ag-theme-material.ag-popup { position: initial !important; } .ag-theme-material.ag-popup > .ag-list.ag-select-list.ag-ltr.ag-popup-child { overflow: auto; height: 100px; max-height: 150px; position: absolute; top: 0px; } .ag-tool-panel-wrapper { min-height: 420px; } .ag-tool-panel-wrapper > .ag-column-panel > .ag-column-select { min-height: 250px; } .ag-tool-panel-wrapper .ag-root-wrapper-body.ag-layout-normal { overflow: auto; } .ag-cell { display: inline-block !important; } .cdk-overlay-backdrop { transition: none !important; opacity: 1; } .ag-theme-material .ag-filter-toolpanel-group-level-0-header { height: 25px; } .ag-wrap { width: 100%; height: 70vh; padding: 0px 0em; } .ag-theme-material { font-family: "Inter", sans-serif; font-size: 12px; } .ag-theme-material > .ag-root-wrapper { min-height: 80px; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body { min-height: 80px; max-height: 100%; height: 100%; overflow: auto !important; } .ag-theme-material > .ag-root-wrapper.ag-layout-normal.ag-ltr { min-height: 100px; } .ag-theme-material .ag-header { /* background: #d9dbeb; */ /* background: #26659636; */ /* background: #40b1e399; */ /* background: #1d75b8cc; */ background-color: var(--ag-header-background-color, #f8f8f8); /* height: 45px !important; min-height: 45px !important; */ /* height: 40px !important; min-height: 40px !important; */ height: 30px !important; min-height: 30px !important; /* background: #889eaf5c; */ } .ag-header-group-col > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header { height: 60px !important; min-height: 60px !important; } .ag-header-group-col > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row { height: initial !important; min-height: initial !important; } .ag-header-group-col > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row.ag-header-row-column-group { height: 30px !important; min-height: 30px !important; color: #fff; } .ag-header-group-col > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-pinned-left-header > .ag-header-row.ag-header-row-column-group { color: #fff; } .ag-header-group-col > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row.ag-header-row-column-group + .ag-header-row.ag-header-row-column { min-height: 30px !important; height: 30px !important; } .asgn_perm.ag-theme-material .ag-header { min-height: 25px !important; } .ag-theme-material .ag-header:hover { /* background: #26659659; */ /* background: #1d75b8cc; */ } .ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-header-cell-moving):hover { /* background-color: #26659638 !important; */ /* background-color: #26659669 !important; */ color: #fff; } .ag-theme-material .ag-header-cell-resize:after { content: ""; position: absolute; z-index: 1; display: block; left: calc(50% - 1px); /* width: 2px; */ /* height: 30%; */ /* top: 35%; */ width: 2px; height: 40%; top: 33%; background-color: #fff; /*background-color: var(--ag-header-column-resize-handle-color,#bfc3da); */ } .ag-header-cell-text { /* font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen-Sans,Ubuntu,Cantarell,Helvetica Neue,sans-serif !important; */ font-family: "noto sans", sans-serif; } .ag-header-cell-menu-button:not(.ag-header-menu-always-show) { /* transition: opacity 0.2s; */ /* opacity: 0; */ /* opacity: 1; */ } .ag-cell-label-container:hover .ag-header-icon.ag-header-cell-menu-button { color: #fff; } .ag-header-cell-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; /* font-size: 13px; */ font-size: 12px; font-weight: bold; /* font-family: 'Roboto'; */ font-family: "noto sans", sans-serif; /* color: #2c2c2c; */ color: #fff; } .ag-filter-toolpanel-header > .ag-header-cell-text { color: rgba(0, 0, 0, 0.87); font-weight: normal; } .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell:not(.ag-header-cell-moving):hover, .ag-theme-material .ag-header-group-cell:not(.ag-column-resizing) + .ag-header-group-cell.ag-column-resizing, .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell:not(.ag-header-cell-moving):hover, .ag-theme-material .ag-header-cell:not(.ag-column-resizing) + .ag-header-cell.ag-column-resizing, .ag-theme-material .ag-header-group-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-theme-material .ag-header-group-cell:first-of-type.ag-column-resizing, .ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover, .ag-theme-material .ag-header-cell:first-of-type.ag-column-resizing { /*background-color: var(--ag-header-cell-hover-background-color, #f2f2f2);*/ background: none; } .ag-root-wrapper { overflow: inherit !important; width: 100%; } .ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell { padding-left: 15px; padding-right: 15px; /* padding-right: 5px; */ } .ag-theme-material .ag-cell { border: 1px solid transparent; line-height: 20px; padding-left: 15px; font-size: 12px; /* padding-right: 10px; */ padding-right: 5px; } .header-block_ag { /* height:65px; */ height: auto; display: inline-flex; align-items: center; /* overflow: hidden; */ width: 100%; margin: 0px !important; /* margin-bottom: .75rem !important; */ margin-bottom: 0.4em !important; background: #FFF; border-radius: 5px; /* padding: 0.5rem; */ } .ag-theme-material .ag-icon-menu:before { content: "\f11b"; /* content: none; */ } .ag-theme-material .ag-ltr .ag-cell { display: flex; align-items: center; white-space: nowrap; } .ag-theme-material .ag-ltr .ag-cell:focus-within { border: 0px !important; } .ag-theme-material.ag-border .ag-ltr .ag-cell { border-left: 1px solid #c2c2c2; } .ag-header-container, .ag-floating-top-container, .ag-floating-bottom-container { /* border-top: 1px solid #c2c2c2; */ border-bottom: 1px solid #c2c2c2; } .ag-theme-material .ag-header-row { /* background: #6493c529; */ background: none; /* border-radius: 10px 10px 0px 0px; */ border-radius: 0px 0px 0px 0px; /* height: 45px !important; */ height: 30px !important; } .asgn_perm.ag-theme-material .ag-header-row { height: 25px !important; } .ag-theme-material .ag-row:nth-of-type(even) { background: #f6f7f8; border-bottom: 1px solid #e7e7e7; } .ag-theme-material .ag-row-selected { background-color: rgba(199, 216, 228, 0.8509803922); } .ag-theme-material .ag-row:hover { background: #eff7ff; } .ag-root-wrapper-body { /* border: 0.150em solid #c2c2c2; */ /* border-radius: 5px; */ /* border-radius: 0px; */ /* overflow: hidden; margin-top: 1%; */ } .ag-theme-material .ag-checkbox-input-wrapper { font-size: 14px !important; border-radius: 5px; } .ag-theme-material .ag-checkbox-input-wrapper.ag-checked::after { /* color: #0062cc !important; */ color: #ff7d10 !important; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { /* var(--ag-checkbox-checked-color, var(--ag-material-accent-color, #ff8100)); */ /* background-color: #0062cc !important; */ background-color: #ff7d10 !important; } .ag-checkbox-background-color { /* background-color: #3f51b5 !important; */ background-color: #ff7d10 !important; } .ag-theme-material .ag-cell { /* font-size: 12px; */ font-size: inherit; } /* summary page changes starts */ .ag-summary.ag-theme-material .ag-header { height: 30px !important; min-height: 30px !important; } .ag-summary.ag-theme-material .ag-header-row { height: 30px !important; min-height: 30px !important; } /* .ag-summary.ag-theme-material:hover .ag-header .ag-header-cell { background: none !important; } .ag-theme-material .ag-header-cell:first-of-type:not(.ag-header-cell-moving):hover{ background: none !important; } */ .ag-summary.ag-theme-material:hover .ag-header .ag-header-cell:first-of-type:not { background: none !important; } .ag-summary.ag-theme-material .ag-root-wrapper-body { border: none; } /* summary page changes ends */ /* ag-grid padding changes start */ .ag-grid-cell-first-chk.ag-theme-material .ag-cell { padding-left: 5px; } .ag-grid-cell-first-chk.ag-theme-material .ag-header-cell, .ag-theme-material .ag-header-group-cell { /* padding-left: 15px; padding-right: 15px; */ padding-left: 5px; padding-right: 5px; } /* ag-grid padding changes end */ .avatar-ag { width: 20px !important; } .ag-theme-material .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { height: 24px; } .ag-theme-material.ag-row-field-fixed .ag-cell-inline-editing { padding: 8px; background: none; border: none !important; box-shadow: none !important; height: 100%; } .ag-theme-material.ag-row-field-fixed .ag-picker-field-wrapper:focus { box-shadow: none; } .ag-statusbar-control.ag-theme-material .ag-status-name-value { padding-top: 5px; padding-bottom: 5px; } .ag-theme-material .ag-paging-panel { height: auto; padding: 0.3em 0em; color: rgba(0, 0, 0, 0.8); } /*Nurse dashboard ag-changes starts*/ .ag-theme-material.ag-nurse-dash .ag-header, .ag-header-row { height: 64px !important; background: #fff; } /*Nurse dashboard ag-changes ends*/ /*vijay ag grid new changes updates starts here*/ .ag-theme-material .ag-header-row { background-color: #1d75b8; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell > .ag-header-select-all > .ag-checkbox-input-wrapper::after { color: #fff; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-pinned-left-header > .ag-header-row > .ag-header-cell > .ag-header-select-all > .ag-checkbox-input-wrapper::after { color: #fff; } .ag-theme-material > .ag-header-cell:hover .ag-header-icon { /* color: #ffffffbf; */ } /*vijay ag grid new changes updates ends here*/ /* Nurse Dashboard Css Starts */ .nurse_shifts > .ag-header-group-cell-label > .ag-header-group-text { color: white; } /* Nurse Dashboard Css Starts */ .ag-theme-material.ag-cell-border-custom > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-body-viewport > .ag-center-cols-clipper > .ag-center-cols-viewport > .ag-center-cols-container > .ag-row > .ag-cell-value { border-right: 1px solid #e2e2e2; } .ag-theme-material.ag-cell-border-custom > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell { border-right: 1px solid #e2e2e2; } .ag-theme-material.ag-cell-border-custom > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell > .ag-header-cell-resize { right: -6px; } /*ag grid fixed size maintenance removed inline font sizes which stopping ag grid customize size options ffrom column view of ag-grid. starts here*/ .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-pinned-left-cols-container > .ag-row > .ag-cell-value > app-bed-render > div { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-pinned-left-cols-container > .ag-row > .ag-cell-value > app-bed-render > div > span { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-pinned-left-cols-container > .ag-row > .ag-cell-value > app-bed-render > div > label a { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-pinned-left-cols-container > .ag-row > .ag-cell-value > app-bed-render > div > a { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-center-cols-clipper > .ag-center-cols-viewport > .ag-center-cols-container > .ag-row > .ag-cell-value > app-bed-render > div { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-center-cols-clipper > .ag-center-cols-viewport > .ag-center-cols-container > .ag-row > .ag-cell-value > app-bed-render > div > span { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-center-cols-clipper > .ag-center-cols-viewport > .ag-center-cols-container > .ag-row > .ag-cell-value > app-bed-render > div > label a { font-size: inherit !important; } .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-center-cols-clipper > .ag-center-cols-viewport > .ag-center-cols-container > .ag-row > .ag-cell-value > app-bed-render > div > a { font-size: inherit !important; } /*ag grid fixed size maintenance removed inline font sizes which stopping ag grid customize size options ffrom column view of ag-grid. ends here*/ .ag-theme-material .ag-row-selected::before { background-color: #c7dff2; } .ag-row-hover.ag-row-selected::before { background-image: none !important; } .ag-scroll-control .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body-viewport > .ag-full-width-container > .ag-full-width-row { overflow: auto; } .ag-cell-align-items-center > .ag-cell-wrapper { display: flex; align-items: center; } .triage-cell { background: orange; display: flex !important; flex: 0 1 auto !important; padding: 1px 4px !important; font-size: 13px !important; border-radius: 3px !important; color: white !important; border: white !important; } .icon-edit::before { content: "\f044"; font-family: "Font Awesome 5 Free"; color: blue; margin-right: 5px; cursor: pointer; margin-left: 19%; } .icon-edit-nonrecord::before { content: "\f044"; font-family: "Font Awesome 5 Free"; color: orange; margin-right: 5px; cursor: pointer; margin-left: 19%; } .ag-theme-material .ag-checkbox-input-wrapper:focus-within, .ag-theme-material .ag-checkbox-input-wrapper:active { box-shadow: none; } .usericon { content: "\f4fc"; /* Unicode for edit icon in Font Awesome */ font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is loaded */ font-weight: 900; color: #666666; cursor: not-allowed; pointer-events: none; margin: 10% !important; } .usericon1::before { content: "\f4fc"; /* Unicode for edit icon in Font Awesome */ font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is loaded */ font-weight: 900; color: rgb(76, 0, 255); cursor: pointer; margin: 10% !important; } .cursor { cursor: pointer; } .nurse-link { color: blue; text-decoration: underline; cursor: pointer; } .nurse-none { color: gray; } .linktag { color: blue; cursor: pointer; text-decoration: underline; } .losred { color: #C01608; font-weight: bold; width: 100%; border-radius: 4px !important; padding: 0px 6px !important; margin: 0.1% !important; } .losgreen { color: #008000; font-weight: bold; width: 100%; border-radius: 4px !important; padding: 0px 6px !important; margin: 0.1% !important; } .losyellow { color: rgb(201, 201, 19) !important; font-weight: bold; width: 100%; border-radius: 4px !important; padding: 0px 6px !important; margin: 0.1% !important; } .icon-menu::before { content: "\f142"; /* Unicode for horizontal ellipsis menu icon */ font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is loaded */ font-weight: 900; /* Use 400 for regular weight, 900 for solid icons */ font-size: 12px; color: rgba(60, 54, 54, 0.8784313725); cursor: pointer; } .dashBoard_barcode::after { content: "\f02a"; font-family: "Font Awesome 5 Free"; font-weight: 900; display: inline-block; font-size: 16px; padding-right: 50%; } .notesmedical::after { content: "\f481"; /* Verify this Unicode matches in version 6 */ font-family: "Font Awesome 6 Free"; /* Correct family */ font-weight: 900; /* Solid style */ display: inline-block; font-size: 16px; padding-right: 50%; color: rgb(232, 62, 140); } .reports::after { content: "\f15b"; /* Verify this Unicode matches in version 6 */ font-family: "Font Awesome 6 Free"; /* Correct family */ font-weight: 900; /* Solid style */ display: inline-block; font-size: 16px; padding-right: 50%; color: orange; } .editerdashboard::after { content: "\f304"; /* Verify this Unicode matches in version 6 */ font-family: "Font Awesome 6 Free"; /* Correct family */ font-weight: 900; /* Solid style */ display: inline-block; font-size: 12px; padding-right: 50%; } .AuditLog::after { content: "\f328"; /* Verify this Unicode matches in version 6 */ font-family: "Font Awesome 6 Free"; /* Correct family */ font-weight: 900; /* Solid style */ display: inline-block; font-size: 12px; padding-right: 70%; } .ag-cell.cell-with-image { background-image: url("/assets/images/auth/er_template-icon.png"); /*url('http://192.168.20.107/FalconAssetstest/Assets?path=Images/assets/images/auth/er_template-icon.png'); Path to your image */ background-size: cover; /* Adjust image size */ background-repeat: no-repeat; /* Avoid tiling */ background-position: center; /* Center the image */ height: 19px !important; width: 40px; /* Optional: Set a fixed width if needed */ margin: 0.3% !important; } .ag-cell.cell-with-summaryimage { background-image: url("/assets/images/auth/Summary.png"); /*url('http://192.168.20.107/FalconAssetstest/Assets?path=Images/assets/images/auth/summary-icon.png');*/ background-size: cover; /* Adjust image size */ background-repeat: no-repeat; /* Avoid tiling */ background-position: center; /* Center the image */ height: 19px !important; width: 40px; /* Optional: Set a fixed width if needed */ text-align: center !important; display: flex !important; justify-content: center !important; align-items: center !important; margin: 0.3% !important; box-shadow: none !important; } .patient-menu-bar::before { cursor: pointer; content: "\f0c9"; /* Unicode for edit icon in Font Awesome */ font-family: "Font Awesome 5 Free"; /* Ensure Font Awesome is loaded */ font-weight: 900; margin-right: 0.75em; } .patient-menu-bar > .ag-cell-wrapper { height: auto; display: flex; } .patient-menu-bar > .ag-cell-wrapper > .ag-cell-value { cursor: pointer; width: auto; flex: 0 1 auto; } app-grid-actions { display: flex; } .ag-icon-filter { color: #fff !important; } .ag-icon-menu-alt { color: #fff !important; } .ag-icon-desc { color: #fff !important; } .ag-icon-asc { color: #fff !important; } .ag-theme-material .ag-cell { border: 1px solid transparent; line-height: 20px; font-size: 12px; /* padding-right: 10px; */ height: auto; line-height: normal; padding: 0px 5px 0px 15px; } .ag-select .ag-picker-field-wrapper { min-height: 0 !important; } .agCellTextwrap .clamp-text { display: -webkit-box; -webkit-box-orient: vertical; line-clamp: 2; -webkit-line-clamp: 2; overflow: hidden; white-space: normal; } .ag-paging-panel > .ag-paging-row-summary-panel { margin-right: 55%; } .ag-inner-grid .ag-row-position-absolute { height: auto !important; } .ag-theme-material.ag-grid-secondary { max-width: 80%; margin: auto; } .ag-theme-material.ag-grid-secondary .ag-row:nth-of-type(even) { background: #e4eef8; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .ag-inner-div { height: 100%; } .ag-body-viewport .ag-layout-auto-height { max-height: 325px; overflow: auto; } .ag-theme-material .ag-header-icon { color: rgba(255, 255, 255, 0.7490196078); margin-left: 0px !important; } .ag-side-button-icon-wrapper .ag-icon { transform: rotate(90deg); } .pos_ab { position: absolute; width: 100%; height: 100%; max-height: 98%; } .global-height_wrap { position: absolute !important; height: 100%; max-height: 86%; width: 99.5% !important; } .ag_wrap_control { display: flex; flex-direction: row; flex: 1 1 auto; height: 0; min-height: 0; /* padding: 0px 5px !important; */ padding: 0px 0px !important; width: 100% !important; /* max-width: 99%; */ max-width: 100%; } .ag-root-wrapper { /* max-width: 99.8%; */ max-width: 100%; /* padding: 0px 0.4em; */ } .ag-root-wrapper.ag-layout-normal { /* padding: 0px 0.4em; */ /* padding: 0.4em; */ /* border-radius: 10px; */ } .ag-root-wrapper.ag-layout-auto-height { height: 100% !important; } ag-root ag-unselectable.ag-layout-auto-height { height: 100% !important; } .ag-root.ag-unselectable.ag-layout-auto-height { height: 100% !important; } .ag-body-viewport.ag-layout-auto-height { overflow-y: auto; -webkit-overflow-scrolling: touch; } .global-height { /* position: absolute !important; height: 100%; max-height: 85%; width: 99.5% !important; top: 16%; */ /* top: 6em; */ /* position: relative; width: 99.5% !important; display: flex; flex: 1 1 auto; flex-direction: column; */ position: relative; /* height: 100%; */ /* max-height: 85%; */ /* width: 99% !important; */ width: 100% !important; display: flex; flex: 1 1 auto; flex-direction: column; /* padding: 0px 5px; */ } .ag_head_div_height { display: flex; flex-direction: column; position: inherit !important; height: auto; max-height: auto; flex: 0 0 auto; /* margin-bottom: .75rem; */ } .ag_head_div_height_inner { height: 75px; max-height: 100%; display: inline-flex; align-items: center; white-space: nowrap; overflow: hidden; } .global-height .mat-tab-header { /* position: absolute; height: 2.5em; width: 100%; */ position: absolute; height: 2.5em; width: 100%; background: #FFF; border: 1px solid #e7e7e7; border-bottom: 0px; border-radius: 8px; } .global-height .mat-tab-list { position: absolute; } .ag_height-100 { /* position: absolute !important; */ height: 100%; max-height: 100%; width: 100%; max-width: 100%; } .ag_height-100_2 { position: absolute; height: 100%; max-height: 100%; width: 100%; width: 100%; } .ag_height-100_2_new { position: relative; } .header-block_wrap { position: absolute; height: 10%; width: 100%; } .custom_ag { /* width: 100%; height: 67vh; */ } .vital-col-wrap { display: flex; align-items: center; } .vital-col-block { display: flex; align-items: center; } .vital-span { display: flex; align-items: center; } .ag-theme-material .ag-side-bar { border-left: 1px solid #c2c2c2; } .ag-header-cell { padding-right: 5px !important; } /*summary ag starts*/ .ag-summary.ag-theme-material .ag-header { background: none; } .ag-summary.ag-theme-material:hover .ag-header .ag-header-cell { background: none !important; } .ag-summary.ag-theme-material:hover .ag-header .ag-header-cell:first-of-type:not { background: none !important; } .ag-summary.ag-theme-material .ag-root-wrapper-body { border: none; } .ag-summary .ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container { min-height: auto !important; } .ag-theme-material.detail-pharmacy > .ag-root-wrapper.ag-layout-normal.ag-ltr > .ag-root-wrapper-body.ag-layout-normal > .ag-root.ag-layout-normal { height: auto; } .ag-theme-material.class > .ag-root-wrapper.ag-layout-normal.ag-ltr > .ag-root-wrapper-body.ag-layout-normal > .ag-root.ag-layout-normal { height: auto; } .ag-summary .ag-layout-auto-height .ag-body-viewport { display: flex; overflow: auto; } /*summary ag ends*/ .ag-grid-min-h { min-height: 80px; max-height: auto; } .ag-grid-min-h > .ag-root-wrapper { min-height: 80px; max-height: auto; } .ag-grid-min-h > .ag-root-wrapper > .ag-root-wrapper-body { min-height: 80px; max-height: auto; } .ag-grid-min-h > .ag-root-wrapper.ag-layout-normal.ag-ltr { min-height: 100px; max-height: auto; } .ag-grid-min-h > .ag-root-wrapper > .ag-root-wrapper-body.ag-layout-normal > .ag-layout-normal { min-height: 80px; } .ag-grid-controller { min-height: 150px; max-height: 500px; overflow: auto; } .ag-grid-maxheight { min-height: 150px; max-height: 350px; overflow: auto; } .ag-theme-material button.ag-side-button-button { padding: 5px 0 5px 0; min-height: 90px; } .ag-theme-material .ag-side-buttons { padding-top: 10px; } /*reschedule availability btn start*/ .gridClass .ag-theme-material { top: 0.5em !important; height: calc(100% - 14.5rem) !important; } .ag-max-h { /* display: flex; */ overflow: auto; } .ag-max-h > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-body-viewport { max-height: 350px; } /*resched*/ .ag-max-h > .ag-layout-auto-height > .ag-body-viewport { /* display: flex; */ max-height: 350px; overflow: auto; } /*reschedule availability btn end*/ /* customizationAssign permissions start*/ .ag_chkbox.ag-theme-material > .ag-ltr .ag-selection-checkbox { height: auto; } /* customizationAssign permissions end*/ /* Nurse Dashboard Css Starts */ .nurse_shifts > .ag-header-group-cell-label > .ag-header-group-text { color: white; } /* Nurse Dashboard Css Starts */ /*CPOE changes css start here*/ .table-view-orders-ag-control { margin: 10px 5px; } .table-view-orders-ag > .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row { background: rgba(29, 117, 184, 0.34); } .table-view-orders-ag > .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell > .ag-header-cell-comp-wrapper > .ag-cell-label-container > .ag-header-cell-label > .ag-header-cell-text { color: #001c32 !important; } .table-view-orders-ag > .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell > .ag-header-cell-comp-wrapper > .ag-cell-label-container > .ag-header-icon { color: #001c32 !important; } .table-view-orders-ag > .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell > .ag-checkbox > .ag-checkbox-input-wrapper::after { color: #001c32 !important; } .table-view-orders-ag > .ag-theme-material > .ag-root-wrapper > .ag-root-wrapper-body > .ag-layout-normal > .ag-header > .ag-header-viewport > .ag-header-container > .ag-header-row > .ag-header-cell > .ag-header-cell-resize:after { content: ""; background-color: #001c32; } /*CPOE changes css ends here*/ .ag-tooltip-custom { margin-left: 18px !important; } .ssss > .ag-root-wrapper > .ag-root-wrapper-body > .ag-root > .ag-body > .ag-body-viewport > .ag-full-width-container > .ag-row-position-absolute { height: auto !important; display: flex; } .ag-icon-desc { color: #fff !important; } .los-progress { height: 3px; border-radius: 5px; margin-top: 2px; } .los-progress .bg-danger { background-color: #C01608 !important; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .h_10 { height: 10%; } .h_20 { height: 20%; } .h_30 { height: 30%; } .h_40 { height: 40%; } .h_50 { height: 50%; } .h_160 { height: 60%; } .h_70 { height: 70%; } .h_80 { height: 10%; } .h_90 { height: 90%; } .h_100 { height: 100%; } .floating-font-18 { font-size: 18px; } body { font-family: "Inter", sans-serif !important; -webkit-font-smoothing: antialiased !important; -moz-osx-font-smoothing: grayscale !important; text-rendering: optimizeLegibility !important; font-family: "Inter", sans-serif; font-optical-sizing: auto; font-style: normal; color: #1c1c1c; } h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 { color: #1c1c1c; } .table { color: #1c1c1c; } .navbar { position: fixed; } .my-grid .ag-group-expanded { margin-right: 0px !important; } .materialTableHeader { border-radius: 10px; } .social_icons_wrap { display: flex; justify-content: space-between; } .social-icon-custom { display: flex; justify-content: flex-end; /* // margin: 4%; */ flex-wrap: wrap; margin-bottom: 0px; width: 100%; height: 85%; align-items: center; } .social-icon-custom li a { vertical-align: middle; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #202020; margin: 0px 2px 0px; border-right: 1px solid #e7e7e7; } .social-icon-custom li a:last-of-type { border-right: 0px; } .social-icon-custom li a img { height: 30px; vertical-align: text-top; width: auto; margin-bottom: 0em; } /* // .social-icon-custom { // display: flex; // justify-content: center; // white-space: nowrap; // } // .social-icon-custom li a{ // display: inline-block; // height: 32px; // width: 32px; // line-height: 22px; // text-align: center; // transition: all 0.4s ease; // overflow: hidden; // position: relative; // } */ .materialTableHeader .header-buttons { position: absolute; left: 0px; padding: 6px 8px 8px 8px; } .mat-mini-fab { height: 40px !important; width: 40px !important; } .mat-mini-fab .mat-button-wrapper { align-items: center; justify-content: center; vertical-align: middle; } .mat-btn-sm { height: 28px !important; width: 28px !important; display: flex !important; justify-content: center !important; align-items: center !important; } /* // .mat-button-wrapper{ // display: flex; // } */ .example-button-row { align-items: baseline; justify-content: center; display: flex; margin-top: 0.5%; line-height: auto; padding-left: 0px; padding-right: 0px; box-sizing: border-box; } .bg-light-orange { background: rgba(217, 83, 19, 0.3019607843) !important; } .bg-lightgrey { background: #e7e7e7; } .bg-transperantgrey { background: #e9e9e9; } .bg-color-grey { background: #c6c6c6; color: #FFF; } .bg-color-light-green { background: rgba(103, 204, 136, 0.7490196078); color: #4c4c4c; } .bg-color-light-purple { background: #9babf1; } .nav-notification-icons_img { margin-top: 5px !important; } .bg-color-grey { background: #c6c6c6; color: #FFF; } .color-grey { color: #c6c6c6; } .bg-color-green { background: rgba(41, 178, 82, 0.7215686275); } .color-green { color: rgba(41, 178, 82, 0.7215686275); } .bg-color-blue { background: rgba(29, 117, 184, 0.9098039216); } .color-blue { color: rgba(29, 117, 184, 0.9098039216); } .bg-color-red { background-color: rgba(230, 89, 89, 0.8588235294); } .color-red { color: rgba(230, 89, 89, 0.8588235294); } .bg-red-custom { color: #fff !important; background-color: rgba(230, 89, 89, 0.8588235294); } .col-red-custom { color: rgb(17, 0, 255); } .col-brown-custom { color: rgba(165, 42, 42, 0.6784313725); } .col-red-customcolor { color: rgba(230, 89, 89, 0.8588235294); margin: 0.1%; white-space: normal !important; } .col-blackcolor { color: #202020; margin: 0.1%; white-space: normal !important; } .recon-red { color: #e53935 !important; } .recon-yellow { color: #fbc02d !important; } .recon-green { color: #43a047 !important; } .field_center { margin: 0.1%; } .ag-cell.ag-cell-not-inline-editing.ag-cell-auto-height.field_center.autoheight > .ag-cell-wrapper > .ag-cell-value { white-space: normal !important; } .color-brown { color: rgba(165, 42, 42, 0.6784313725); } .btn-red, .btn-red:hover { background-color: rgba(230, 89, 89, 0.8588235294); } .btn-blue, .btn-blue:hover { background-color: rgba(29, 117, 184, 0.9098039216) !important; } .col-blue-custom { color: rgba(29, 117, 184, 0.9098039216); } .color-white { color: #FFF; } .btn-green, .btn-green:hover { background: rgba(41, 178, 82, 0.7215686275) !important; color: #fff; } .btn-yellow, .btn-yellow:hover { background-color: rgba(243, 187, 25, 0.7490196078) !important; } .bg-color-light-purple { background: #9babf1; } .col-purple-custom { color: #9babf1; } .nav-notification-icons_img { margin-top: 5px !important; } .report-list-custom { width: 100%; margin-bottom: 1.5%; /* padding: 2px 12px; */ padding: 1% 12px 0%; border: 1px solid #bfc9d4; border-radius: 6px; box-shadow: 2px 2px 0px rgba(0, 0, 0, 0.1803921569); } .icon-button-demo { position: fixed; z-index: 9; bottom: 5%; left: 20%; } .icon-button-demo-right { position: fixed; z-index: 9; top: 29%; right: 4%; } .icon-button-demo button { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.368627451) !important; } .icon-button-demo-chat { position: fixed; z-index: 9; bottom: 7%; left: 25%; } .icon-button-demo-chat button { box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.368627451) !important; } .upload_doc_wrap { align-items: center; } .upload_icons { width: 100%; display: flex; justify-content: flex-end; } /* .search_cointainer{ */ .search_container_btn { max-width: 65%; } .patient_search_custom { border-radius: 10px; list-style: none; width: 100%; height: auto; padding: 1px 0px; align-items: center; /* // border-color: #e6e9ed; // background-color: #ebebee; */ margin-bottom: 0px; margin: 0.5em 0 0; display: flex; align-items: center; margin-left: 0%; } .patient_search_custom li { display: inline-block; width: 100%; } .patient_search_custom .search-icon { position: absolute; /* top: 10px; */ top: 5px; padding-left: 10px; color: rgba(0, 0, 0, 0.54); } .header-buttons-left { border: 2px solid lightgray; border-radius: 15px; margin-bottom: 0px; width: 100%; } .patient_search_custom .header-buttons-left input.search-field { border: 0; /* height: 33px; */ width: 100%; width: 100%; padding: 5px 8px 6px 50px; border-radius: 15px; height: 30px; } .btn-grid { /* width: 30px; height: 30px; */ /* width: 25px; height: 25px; */ width: 23px; height: 23px; display: flex; background-clip: padding-box; align-items: center; justify-content: center; position: relative; border-radius: 5px; margin: auto; margin-top: 0px; border-radius: 6px; } .btn-grid:before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .btn-grid img { width: 100%; margin-top: -0.5em; } .btn-color-blue { background: #4c9bc1; background-clip: padding-box; border: solid 3px transparent; } .btn-color-blue:before { content: ""; background: linear-gradient(to bottom, #cfefff, #16709c); box-shadow: 1px 1px 2px rgba(4, 4, 4, 0.5019607843) inset; z-index: -1; margin: -2px; border-radius: 5px; } .btn-color-yellow { background: #a98927; background-clip: padding-box; border: solid 3px transparent; } .btn-color-yellow:before { content: ""; background: linear-gradient(to bottom, #ffe698, #6d550b); box-shadow: 1px 1px 2px rgba(4, 4, 4, 0.5019607843) inset; z-index: -1; margin: -2px; border-radius: 5px; } .btn-color-green { background: #56ab69; background-clip: padding-box; border: solid 3px transparent; } .btn-color-green:before { content: ""; background: linear-gradient(to bottom, #b1f9c1, #05290d); box-shadow: 1px 1px 2px rgba(4, 4, 4, 0.5019607843) inset; z-index: -1; /* margin: -3px; */ margin-top: 13%; border-radius: 5px; } .btn-color-red { background: #c35862; background-clip: padding-box; border: solid 3px transparent; } .btn-color-red:before { content: ""; background: linear-gradient(to bottom, #ffd5d9, #080001); box-shadow: 1px 1px 2px rgba(4, 4, 4, 0.5019607843) inset; z-index: -1; margin: -3px; border-radius: 5px; } .social-icon { display: flex; justify-content: flex-end; width: auto; } .social-icon li a { border: 1px solid; } .header-icons-padd { padding: 0px 8px; } .grid-icon { color: #FFF; border: none; } .header-icons-padd { padding: 0px; } .filter_block { height: 50px; background: #ebebee; width: 100%; margin-bottom: 5px; border-radius: 10px; } .row-padd { padding: 0.8% 0% 0%; border-bottom: 1px solid #e7e7e7; } .expansion_header_bg { background: none; } .expansion_header_bg:hover { background: none; border-bottom: 1px solid #c2c2c2; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3490196078); } .tab-act { background: #000; } .expansion_panel_padd { padding: 1.5em 0em 0em; } .expansion_content { border: 2px solid #dae0fa; border-top: 0px; } .header-h { height: 11vh; } .grid-h { height: 73h; } .expansion-content-custom .mat-tab-header { background: #FFF; border-right: 2px solid #e7e7e7; } .expansion-content-custom .mat-ink-bar { background-color: #e7e7e7 !important; } .fas-icon-custom { color: #1d75b8; } .header-acc-color { background: rgba(155, 171, 241, 0.368627451); padding: 0.6em 2%; line-height: 30px; } .header-acc-color:focus, .header-acc-color:hover { background: rgba(155, 171, 241, 0.368627451) !important; } .history-list-border li { border-bottom: 1px solid #e7e7e7; border-radius: 0px; } .app-list-custom { background: rgba(199, 215, 234, 0.6901960784); } .responsive-icon { vertical-align: middle; } .navbar { background: #FFF; z-index: 1600; } .patient_info_strip-controller .mat-expanded .mat-expansion-panel-content { background: #FFF; border-radius: 0px 0px 10px 10px; border: 1px solid #d2d2d2; } .patient_info_strip .mat-expansion-indicator::after { color: #FFF; } .mat-expansion-panel-body { padding: 3px 4px 3px !important; } .med_head_wrap { padding: 0.5em 1em; background: #ecf0f4; } .section-outline { border: 2px solid rgba(218, 224, 250, 0.7098039216); } .section-header { background: rgba(218, 224, 250, 0.7098039216); } .mat-tab-label-active span { color: #000; } .mat-tab-label { opacity: 1 !important; } .mat-tab-label, .mat-tab-link { color: #202020; font-family: "noto sans", sans-serif; font-weight: 500; } .ag-root-wrapper-body { border: 0.15em solid #c2c2c2; border-radius: 8px; overflow: hidden; margin-top: 0%; } .ng-dropdown-panel.ng-select-bottom { top: calc(100% + 0.1em); } .search-row-wrap { display: flex; align-items: center; } ng-select.ng-invalid.ng-touched .ng-select-container { border-bottom-color: #dc3545; color: #dc3545; box-shadow: 0 5px 5px -5px #dc3545; } ng-select.ng-invalid.ng-touched .ng-select-container .ng-placeholder { color: #f44336 !important; } .parametersPanel .mat-expansion-panel-body { padding: 0; } .p-info-head { margin-right: 3%; } .patient_info_strip .mat-expansion-panel-header.mat-expanded { height: 25px !important; } .mat-expansion-panel-header { height: 36px; padding: 5px 5px !important; } .manual_header_custom { background-color: rgba(198, 219, 239, 0.65) !important; } .manual_header_custom.mat-expanded { background-color: rgba(198, 219, 239, 0.65) !important; } .manual_header_custom.mat-expanded:hover { background: rgba(198, 219, 239, 0.65) !important; } .mat-expansion-panel-header.mat-expanded { height: 22px; border-bottom-left-radius: 0px; border-bottom-right-radius: 0px; border-bottom: 1px solid #e9e9e9; background: #f9f9f9; } .mat-expansion-panel-header.mat-expanded-inner, .mat-expansion-panel-header.mat-expanded-inner:hover { background: #63a2ce !important; } .mat-expansion-panel-header-title, .mat-expansion-panel-header-description { align-items: center; /* float: initial; */ flex-basis: auto !important; flex: 1; flex: 0; width: auto !important; } .mat-expansion-panel-header-description { margin-left: auto; } .mat-tab-body-wrapper { padding: 0em; } .mat-expansion-panel-spacing { margin: 5px 0 !important; } .mat-ink-bar { background-color: none; } .breadcrumb-head-style { padding: 1.3rem 1rem; } .header-block { border-bottom: 1px solid #e7e7e7; padding: 0.5em 0px 0.4em; margin-bottom: 0.5em !important; align-items: center; background: #FFF; } .social-icon-flat li a { border: none; } .extra_features { display: block; text-align: center; line-height: normal; width: 90%; overflow: hidden; text-overflow: ellipsis; } .extra_features_block { text-align: center; width: 50px; padding: 0rem 0 0; margin-right: 0em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .extra_features_block:hover { background: rgba(209, 222, 233, 0.6509803922); } .icons-custom { height: 30px; width: 40px; margin: 5px auto 0px; background-size: 100%; } .mat-tab-label { height: 25px !important; } .ind-border { border-right: 2px solid #e7e7e7; border-radius: 5px; } .orderset-icon { text-align: center; width: 100% !important; height: 40px !important; margin: 0em auto 0.1em; } .orderset-icon:focus { outline: none; } .orderset-icon-txt { display: block; text-align: center; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgba(0, 0, 0, 0.87); } .orderset-icon-wrap { margin-bottom: 0%; margin-top: 0%; padding-left: 0px; padding-right: 0px; border-radius: 8px; } .orderset-icon-wrap a { color: #202020; cursor: pointer; } .orderset-icon-wrap:focus { outline: 0; } .orderset-icon-wrap:hover { background: rgba(209, 222, 233, 0.6509803922); } .orderset-icon-color-blue { background: -webkit-linear-gradient(rgba(92, 152, 253, 0.9490196078), #2e4b7b); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .orderset-icon-color-orange { background: -webkit-linear-gradient(#ff4f1f 30%, #b94400); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .orderset-icon-color-green { background: -webkit-linear-gradient(#4aca6d 30%, #137329); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } .orderset-icon-color-yellow { background: -webkit-linear-gradient(#ffbe00 30%, #ab962e); -webkit-background-clip: text; -webkit-text-fill-color: transparent; } /* background: -webkit-linear-gradient(#72bef9, #115080); */ .patient_info_img { transition: transform 0.2s; /* Animation */ } .patient_info_img:hover { transform: scale(2.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */ } .er_header { background: rgba(29, 117, 184, 0.6588235294); border-radius: 8px 8px 8px 8px; } .er_header_dropdown { background: #fff; border-radius: 8px; } .er_header_dropdown-txt { color: #202020; } .er_header-cont { display: flex; justify-content: space-between; padding-left: 0px; } .er_header-cont_txt { color: #FFF !important; } .er_header-cont_btn_wrap { display: flex; justify-content: center; } .er_header-cont_btn { display: flex; color: #FFF; } .er_header-cont_dropdown-icon { display: flex; color: #202020; align-items: center; } .er_header-cont_btn:hover { color: #FFF; } .er_header-cont_btn_grid { border-right: 0.12em solid #fff; border-radius: 0px; padding: 0.15rem 0.25rem; } .er_header-cont_btn_grid_border { border-radius: 5px; border: 0.12em solid rgba(255, 255, 255, 0.8196078431); } .er_header-cont_btn_dropdown { top: 0px !important; } .er_header_name { display: flex; align-items: center; color: #fff; } .er_header_dropdown-txt { color: #202020; } .inner_header { background: none; border-radius: 5px 5px 0px 0px; } .inner_header h2 { color: rgb(29, 117, 184) !important; /* font-size: 13px; */ font-weight: 500; } .blue_btn { background: #fff; } .mat-tab-label .mat-tab-label-content { color: #2c2c2c; } .social-icon-custom .list-inline-item:not(:last-child) { margin-right: 0px; } .patient_info_img { background: url(http://192.168.20.107/FalconAssetstest/Assets?path=Images/assets/images/auth/doc_img.png); width: 30px; height: 33px; background-size: 100%; border-radius: 5px; /* padding: 5px; */ background-color: #fff; } .fixed { position: fixed; } .patient-img-container { margin-bottom: 0.5em; } .patient-img-wrap { width: 12%; /* max-width: 12%; */ margin-right: 1%; height: 112px; max-height: 100px; overflow: hidden; border: 2px solid #6aa4d0; border-radius: 5px; border-radius: 8px 8px; } .patient-img-wrap-pad { padding: 0px 5px; } .patient-img-content { width: 100%; } .patient-img-div { overflow: hidden; height: 100%; /* border: 1px solid #438cc4; */ /* border-radius: 8px 8px 0px 0px; */ text-align: center; background: #FFF; display: flex; justify-content: center; align-items: flex-start; } .patient-img { height: auto; width: 100%; max-width: 100%; padding: 0px; border-radius: 0px; border: 0px; } .patient-img-name { color: #FFF; padding: 0.3em 0.5em; font-weight: bold; /* margin-bottom: 0px; */ text-align: center; border-radius: 0px; } .patient_info_inner_section { padding-top: 0px !important; } .patient_info_inner_section p { margin-bottom: 0px; font-weight: normal; } .patient_info_inner_section p > span { width: 100%; } .template_icon { width: 100%; max-width: 10%; } .ng-select-icon-link { cursor: pointer; } .modalHeader { /* border-radius: 10px; */ overflow: initial; align-items: center; margin-bottom: 1%; padding: 5px 5px 5px 5px; box-sizing: border-box; height: auto; /* font-size: 13px; */ background: #D2E3F1 !important; } .modalHeader-cont-wrap { width: 100%; display: flex; justify-content: space-between; align-items: center; } .mat-elevation-z7-custom { text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.4784313725); } .mat-flat-button.mat-primary.mat-button-disabled, .mat-flat-button.mat-accent.mat-button-disabled, .mat-flat-button.mat-warn.mat-button-disabled, .mat-flat-button.mat-button-disabled.mat-button-disabled, .mat-raised-button.mat-primary.mat-button-disabled, .mat-raised-button.mat-accent.mat-button-disabled, .mat-raised-button.mat-warn.mat-button-disabled, .mat-raised-button.mat-button-disabled.mat-button-disabled, .mat-fab.mat-primary.mat-button-disabled, .mat-fab.mat-accent.mat-button-disabled, .mat-fab.mat-warn.mat-button-disabled, .mat-fab.mat-button-disabled.mat-button-disabled, .mat-mini-fab.mat-primary.mat-button-disabled, .mat-mini-fab.mat-accent.mat-button-disabled, .mat-mini-fab.mat-warn.mat-button-disabled, .mat-mini-fab.mat-button-disabled.mat-button-disabled { background-color: #e7e7e7; } .sidemenu-collapse:hover { color: #000; } .mat-icon { height: auto !important; } .table-borderless tbody tr td, .table tbody tr th { border: 0px; } .addr-head { font-weight: bold; padding: 0px 5px !important; } .addr-cont { font-weight: normal; padding: 0px; } .addr-row { margin-bottom: 0em !important; } .addr-row-cont { box-shadow: none; border: none; margin-bottom: 0px; min-height: 0px; } .patient_info_table td { padding-left: 0px !important; padding-right: 0px !important; } .mat-dialog-container { padding: 15px 15px !important; border-radius: 15px !important; } .addr-col { border-right: 1px solid #e5e5e5; } span.mat-expansion-indicator { width: 20px; text-align: center; display: flex; align-items: center; justify-content: center !important; } .mat-expanded .mat-expansion-indicator { margin-right: 0em; text-align: center; justify-content: flex-end; } .mat-expansion-panel-header-span { text-align: center; } .upload_doc_wrap .mat-checkbox-inner-container { margin-top: 0px !important; } .chkbox-align-middle { display: flex !important; align-items: center; } .chkbox-align-middle > .mat-checkbox { display: flex; } .chkbox-align-middle > .mat-checkbox-inner-container { margin-top: 0px !important; margin-right: 0.3em; } .chkbox-align-middle > .mat-checkbox > .mat-checkbox-layout > .mat-checkbox-inner-container { margin-top: 0px !important; } .chkbox-align { display: flex !important; align-items: center; } .chkbox-align .mat-checkbox-inner-container { margin-top: 0px !important; margin-right: 0.3em; } .chk-box .mat-checkbox-inner-container { margin-top: 0px !important; margin-right: 0.3em; } .mat-checkbox-inner-container { width: 13px !important; height: 13px !important; margin-top: 3px !important; border-radius: 4px; overflow: hidden; margin-right: 5px !important; } .mat-list-base .mat-list-item, .mat-list-base .mat-list-option { height: auto !important; margin-bottom: 0.6em; } .mat-list-temp .mat-list-item { height: auto !important; margin-bottom: 0em; border-bottom: 1px solid #dcdcdc; line-height: 14px; padding: 0.2em 0em !important; } .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background, .mat-checkbox-checked.mat-accent .mat-checkbox-background { background-color: #ff7d10; } .custome-flag { color: rgba(41, 178, 82, 0.7215686275); } /*sidebar menu*/ .side-closed.side-closed-hover .sidebar_bottom_ver { width: 100%; width: 249px !important; } .side-closed .sidebar_bottom_ver { width: 60px !important; } /*sidebar menu*/ .side-closed.side-closed-hover .sidebar_bottom_ver { width: 100%; width: 249px !important; } .side-closed .sidebar_bottom_ver { width: 60px !important; } /*sidebar menu*/ .drop-list-hover { display: none; } .list-group-item-custom { padding: 0.25rem 1.25rem; } .list-group:hover .drop-list-hover { display: block; } .drop-list-hover_block-wrap { flex-wrap: nowrap; flex-direction: row; align-items: center; width: 100%; min-height: auto; padding: 0.2em; } .drop-list-hover_block { width: 17px; height: 17px; border-radius: 4px; text-align: center; display: flex; justify-content: center; align-items: center; color: #FFF; margin: 0px 0.1em; /* padding: 0.1em 0.2em; */ background: rgba(91, 154, 203, 0.8); } .drop-list-hover_block:nth-last-of-type(1) { margin-right: 0px; } .drop-list-hover { display: none; } .vital-li:hover .drop-list-hover { display: block; } .drop-list-hover_block-wrap { flex-wrap: nowrap; flex-direction: row; align-items: center; width: 100%; min-height: auto; padding: 0.2em; } .drop-list-hover_block { width: 17px; height: 17px; border-radius: 4px; text-align: center; display: flex; justify-content: center; align-items: center; color: #FFF; margin: 0px 0.1em; /* padding: 0.1em 0.2em; */ background: rgba(91, 154, 203, 0.8); } .drop-list-hover_block:nth-last-of-type(1) { margin-right: 0px; } .summary_head_bg .mat-expansion-indicator::after { color: #FFF !important; } .ul-group-temp { padding: 0.1em !important; padding-right: 0px !important; white-space: inherit !important; border-bottom: 1px solid rgba(0, 0, 0, 0.125) !important; } .er-temp-left .card { margin-bottom: 0px !important; } /*notes tempp start*/ .new-temp-wrap { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .new-temp-wrap-inner { display: flex; height: 100%; } .new-temp-wrap-inner_expansion { display: flex; flex-direction: column; /* height: 100%; */ overflow: auto; flex: 0 0 auto; } .new-temp-wrap-inner_expansion.mat-expanded { display: flex; flex: 1 1 auto; overflow: hidden !important; margin-top: 0px !important; } .new-temp-wrap-inner_expansion.mat-expanded .mat-expansion-panel-content { overflow: auto; } .new-temp { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .new-temp { overflow: auto; } .template_dropdown_panel_wrap .mat-expansion-panel-body { margin: 0em 0em !important; height: 100%; overflow: hidden; flex: 1 1 auto; display: flex; flex-direction: column; } .new-temp-wrap-inner_expansion.mat-expanded .mat-expansion-panel-content { overflow: hidden !important; height: 100%; display: flex; } .side-items-list { height: auto; overflow-y: auto; } .temp-radio-btn .mat-radio-label-content { display: flex; align-items: center; } .temp-radio-btn .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: 0px !important; padding: 0em 0.5em; } .temp-radio-input-size { max-width: 50%; } .ros_chip_list .mat-chip-list-wrapper { padding: 0.5em 0em; } .ros_chip_list .mat-chip-list-wrapper .mat-standard-chip { border-radius: 8px; min-height: 25px; } /*notes temp end*/ /* Model popup Fixed Page CSS Starts */ .popup-fixed-wrap { display: flex; flex-direction: column; height: 100%; overflow: hidden; } .popup-fixed-header { flex: 0; display: flex; padding: 15px 5px 15px 5px; } .popup-fixed-body { flex: 1; height: 100%; flex-direction: row; } .row-100 { height: 100%; } .modal-flex-resp { display: flex; } /* Model popup Fixed Page CSS Ends */ @media only screen and (min-width: 769px) { .summary-left-div { position: fixed; } .summary-right-div { margin-left: 340px; } .er_header_wrap { padding-left: 0px; } .view_icons_demograph { display: grid; grid-template-columns: repeat(13, 1fr); } /* .ag-theme-material .ag-side-bar { position: absolute; transform: rotate(-90deg); top: -14.5em; height: 300px; width: auto; right: 12em; } */ } @media only screen and (max-width: 1400px) { .mar-icon-control-wrap-legend-resp { margin-left: 1em; display: none !important; } .view_icons_demograph { display: grid; grid-template-columns: repeat(15, 1fr); } .cust-comp-child-element-row-wise .form_btn_input_wrap_label { min-width: auto !important; width: auto !important; } .suffix-input-wrap-control-xl { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; } .er-vital-left-review-wrap-resp-parent { flex-wrap: wrap; } } @media only screen and (min-width: 1400px) { .mar-icon-control-wrap-legend-resp { display: none !important; } .mar-icon-control-wrap-legend { display: flex !important; } .view_icons_demograph { display: grid; grid-template-columns: repeat(19, 1fr); } .vital_font { /*removed for global fint size*/ } .icon-size-wrap { max-width: 30% !important; } .mat-checkbox-layout .mat-checkbox-label { word-break: break-word; } .patient_info_cont_title { max-width: 150px; } } @media only screen and (min-width: 1400px) { .social-icon-custom { display: flex; justify-content: flex-end; } .view_icons_demograph { display: grid; grid-template-columns: repeat(19, 1fr); } .label-fix-width { min-width: 350px !important; max-width: 350px !important; } } @media only screen and (min-width: 1920px) { .social-icon-custom { display: flex; justify-content: flex-end; } .view_icons_demograph { display: grid; grid-template-columns: repeat(21, 1fr); } .mat-form-field { line-height: 1.225; } } @media only screen and (min-width: 1400px) and (max-width: 1600px) { .label-fix-width { min-width: 135px !important; max-width: 135px !important; } .er-vital-left-review-wrap-resp-parent { flex-wrap: wrap; } } @media only screen and (min-width: 1601px) and (max-width: 1920px) { .label-fix-width { min-width: 300px !important; max-width: 300px !important; } } @media only screen and (min-width: 2560px) { .social-icon-custom { display: flex; justify-content: flex-end; } .view_icons_demograph { display: grid; grid-template-columns: repeat(22, 1fr); } .label-fix-width { min-width: 650px !important; max-width: 650px !important; } } @media only screen and (min-width: 1921px) and (max-width: 2560px) { .social-icon-custom { display: flex; justify-content: flex-end; } .label-fix-width { min-width: 550px !important; max-width: 550px !important; } } @media only screen and (min-width: 768px) { .patient_info_strip_col-pin-dots { display: none !important; } .patient_info_strip_col-pin { display: none !important; } } @media only screen and (min-width: 768px) and (max-width: 992px) { .patient_search_custom .header-buttons-left input.search-field { max-width: 120px !important; } .header-nav-left { flex: 1 !important; } .header-nav-right { flex: 2 !important; } .search-field-fullscreen-wrap { min-width: 90px; } .patient_search_custom .header-buttons-left input.search-field { min-width: 90px; } } @media only screen and (max-width: 1360px) { .suffix-input-wrap-control-xl { display: grid !important; grid-template-columns: repeat(3, 1fr) !important; } .suffix-input-wrap-control-lg { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-md { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-sm { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .suffix-input-wrap-control-xs { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .label-fix-width { min-width: 110px !important; max-width: 110px !important; } .patient_info_cont-wrap { flex-wrap: wrap !important; } .home-popup-ag-parent { max-height: 50% !important; min-height: 50% !important; } .home-popup-ag-h { max-height: 50% !important; min-height: 50% !important; } .ROS-temp-column-wrap-default { flex-direction: column; } .er-vital-left-review-wrap-resp-parent { flex-wrap: wrap; } .er-vital-left-review-wrap-resp-parent .er-vital-left-review-wrap-outer .er-vital-left-review-wrap { margin-right: 0.5em; } } @media only screen and (max-width: 1280px) { .view_icons_demograph { grid-template-columns: repeat(12, 1fr) !important; } .suffix-input-wrap-control-xl { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-lg { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-md { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-sm { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .suffix-input-wrap-control-xs { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .label-fix-width { min-width: 80px !important; max-width: 80px !important; } .patient_search_custom .header-buttons-left input.search-field { max-width: 150px; } .align-end-actions { justify-content: flex-start; } .er-vital-left-review-wrap-resp { overflow: hidden; flex-direction: column; } .er-vital-left-review-wrap-resp-parent { flex-direction: column; } } @media only screen and (max-width: 992px) { .left-port-wid-controldata { flex-direction: column; } .view_icons_demograph { grid-template-columns: repeat(8, 1fr) !important; } .ag_head_div_height-resp { flex-direction: column; } .ag_head_div_height-resp > .header-block_ag { flex: 0; } .ag_head_div_height-resp-inner { flex-direction: column; } .ag_head_div_height-resp_div { flex: 1; flex-direction: row; } .modal-flex-resp { display: flex; } .popup-fixed-body { flex-direction: column; overflow: auto; } .suffix-input-wrap-control-xl { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-lg { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-md { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-sm { display: grid !important; grid-template-columns: repeat(2, 1fr) !important; } .suffix-input-wrap-control-xs { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .patient_info_strip > .mat-content { flex-direction: column; } .patient_search_custom .header-buttons-left input.search-field { max-width: 150px; } .header-nav-right { flex: 1; } .header-nav-right { flex: 2; } .breadcrumb-own-style { max-width: 420px; } .list-height-resp { max-height: 500px; } .view_icons_demograph { max-height: 400px; overflow: auto; } .careflow1_header-left-section-wrap-resp { flex-direction: column; } .ros-row-columns { column-count: 3 !important; } .ervital-right-resp { flex-direction: column; align-items: flex-start !important; } .align-end-actions-resp { flex-wrap: wrap; justify-content: flex-start !important; } .chip-btn > .mdc-icon-button, .mat-icon { width: 40px !important; min-width: 40px !important; } .ros_header_header_sec_label { flex-direction: column; } .example-handle { display: flex; justify-content: center; align-items: center; } .align-end-actions { flex-wrap: wrap; justify-content: flex-start; } .example-handle { display: flex; justify-content: center; } .ervital-wrap-resp { align-items: flex-start !important; justify-content: flex-start !important; display: flex !important; flex-direction: column; } .er-vital-left-review-wrap-resp { overflow: hidden; } .align-end-actions { flex-wrap: wrap; justify-content: flex-start; } } @media only screen and (max-width: 768px) { .time-icon-hidden span { color: #fff; } nav.navbar { height: auto !important; } .navbar { background: #FFF !important; } .as-horizontal { flex-direction: column !important; } .as-horizontal > .as-split-area { flex: 0 0 calc(100% - 5.5px) !important; } .er-temp-wrap-resp_control { flex-direction: column; overflow: auto !important; display: block !important; } .er-temp-wrap-resp_left_control { height: auto !important; width: 100% !important; max-width: 100% !important; } .er-temp-left-resp { width: 100% !important; max-width: 100% !important; } .er-temp-inner-scroll-resp { max-height: 200px; overflow: auto; } .view_icons_demograph { grid-template-columns: repeat(7, 1fr); } .compose_section_wrap-outer { flex-direction: inherit; overflow: auto !important; display: block !important; } .compose_section_wrap { flex: 1; overflow: initial !important; } .ag_head_div_height-resp-inner { flex-direction: column; display: block; } .ag_head_div_height-resp_div { flex-direction: column; display: flex; } .mar-cont-wrap { flex-direction: column; } .patient_img_mar-list-table-wrap { width: 100%; max-width: 100% !important; } .patient_img_mar { display: none; } .patient_info_strip, .patient_info_strip:hover { background: #194d77 !important; overflow: hidden; padding: 2px 5px !important; white-space: nowrap; } .mat-expansion-panel-header-description { display: flex; flex-grow: 9; width: 100%; overflow: hidden; align-items: center; } .patient_info_strip_col-left { flex-grow: initial; align-items: center; } .patient_info_strip_left_cont { display: flex; overflow-x: hidden; margin-right: 0.5em; } .patient_info_strip_hidd_cont { display: flex; } .patient_info_strip_col { display: flex; align-items: center; } .patient_info_strip_col_head { background: #fff; border-radius: 3px; color: #202020; padding: 0.005em 0.5em; } .patient_info_strip_col-pin-dots { font-weight: bold; margin-right: 0.1em; color: #FFF; } .patient_info_strip_col-pin { color: #fff; display: flex; align-items: center; padding: 0px !important; vertical-align: middle; } .patient_info_strip_hidd_cont .mat-icon { color: #fff; } .mat-menu-panel span { margin: 0em 0em !important; color: #333 !important; } .mat-menu-panel span .image-icon-color { color: #333; } .mat-menu-panel .patient_info_strip_hidd_cont-btn { width: 100%; height: auto; line-height: normal !important; padding: 0.5em 0.7em; border-bottom: 1px solid #d2d2d2; } .mat-menu-panel .patient_info_strip_hidd_cont-btn:last-of-type { border-bottom: none; } .header_status_txt { max-width: 150px; display: flex; flex-wrap: nowrap; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mar-header-wrap-control { flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 1em; } .mar-options-dropdown-wrap { margin: 0em 0em !important; } .search_container_btn { max-width: 100%; } .social_icons_wrap { display: flex; justify-content: space-between; flex-wrap: wrap; } .search_wrap_filter { height: 100px; padding: 3px 20px 0px; } /* .search-wrap{ border-bottom: 1px solid #b7b7b7; padding-bottom: 2%; } */ .extra_features_block { margin-bottom: 2%; } .social-icon-custom { display: flex; justify-content: space-around; flex-wrap: nowrap; } .header-h { height: 15vh; } .form-add-icon { width: 100%; max-width: 70%; } .patient-img-wrap { display: none; } .patient-img-content { width: 100%; } .ng-select-icon { top: 0.85em !important; } .ag_head_div_height { height: auto; max-height: auto; } .header-block_ag { /* height:65px; */ height: auto; max-height: auto; } .header-block_ag-responsive { flex-direction: column; } .header-block_ag-responsive-col { flex: 0; } .notes-type-img { min-width: 25px; max-width: 35px; } .ervital-wrap-resp { align-items: flex-start !important; justify-content: flex-start !important; display: flex !important; flex-direction: column; } .row-100 { height: 100%; overflow: auto; } section.content { margin-top: 15px !important; } .task-module .mat-drawer.mat-drawer-end { width: 100%; min-width: 100%; } .navbar .navbar-right .fullscreen { display: inline-block !important; height: auto; vertical-align: middle; } .navbar .nav-notification-icons { margin-top: 0px; } .er-temp-left-scroll-body > .node-tree-bg > tree-viewport > div { max-height: 200px; overflow: auto; } .beds_mat_list { display: grid; grid-template-columns: repeat(3, 1fr) !important; } .task-module .mat-drawer.mat-drawer-end { min-width: 100% !important; } .strip-content { display: flex; flex-direction: column; } .modal-flex-resp { display: flex; flex-direction: column; } .order-info-box7 { margin-top: 10px; } .suffix-input-wrap-control-xl { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .suffix-input-wrap-control-lg { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .suffix-input-wrap-control-md { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .suffix-input-wrap-control-sm { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .suffix-input-wrap-control-xs { display: grid !important; grid-template-columns: repeat(1, 1fr) !important; } .patient_search_custom .header-buttons-left input.search-field { max-width: 100px !important; } .color-codes-right-side { flex-direction: column; } .mar-icon-control-custom { margin: 0.25em 0em; } .list-height-resp { max-height: 350px; } .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper { bottom: 18%; } .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper { bottom: 10%; } .careflow1_header-left-section-wrap-resp { flex-direction: column; } .careflow1_header-left-section { margin-top: 0.5em; } .careflow1_header-right-section { margin-top: 0.5em; margin-bottom: 0.5em; } .view_icons_demograph { max-height: 300px; overflow: auto; } .ervital-right-resp { flex-direction: column; align-items: flex-start !important; } .align-end-actions-resp { flex-wrap: wrap; justify-content: flex-start !important; } .minimize_sort_sec-icon { transform: rotate(0deg); } .header-nav-control { width: 100%; flex-direction: column; } .navbar-collapse.show { background: #fff; padding: 0px; border-bottom: 2px solid #c2c2c2; } .navbar .collapse-menu-icon { padding-left: 5px !important; } .header-nav-right { justify-content: flex-start !important; } .pullDown-resp { max-height: 350px; overflow: auto; } .ros-row-columns { column-count: 2 !important; } .navbar-right-inner-data { flex-direction: column; } .navbar-right-inner-data-icons-wrap { justify-content: space-between !important; } .navbar-right-inner-data-icons { width: 100%; } .form_btn_input_wrap-column { flex-direction: column !important; } } @media only screen and (max-width: 576px) { .view_icons_demograph { grid-template-columns: repeat(4, 1fr); max-height: 200px; overflow: auto; } .allergies-section-wrap { max-height: 200px; overflow: auto; } .patient_img_wrap_img { width: 100%; } .img_view_strip, .img_view { width: 20px !important; } .social-icon-custom { background: #e7e7e7; padding-left: 5px; padding-right: 5px; padding-bottom: 5px; border-radius: 5px; align-items: end; } .social-icon-custom .extra_features_block { width: 65px; } .label_txt_wrap_full { white-space: normal !important; } .minimize_sort_sec-icon { transform: rotate(0deg); } .assign-temp-body { overflow: auto !important; flex-wrap: wrap; } .flex_icon_left-override-wrap { flex-direction: column; } .navbar-collapse.collapse.show .header-nav-control { background: #fff; } .navbar .nav > li { vertical-align: middle; } .navbar-collapse { background: #fff; } .align-end-actions { justify-content: flex-start; flex-wrap: wrap; } .ervital-right { flex-direction: column; justify-content: flex-start; } .ervital-right .d-flex { margin-right: auto; } .careflow1_header-left-section-wrap { display: flex; flex-direction: column; } .care-flow-header1_name { min-width: auto; max-width: max-content; } .careflow1_header-left-section { flex-direction: row; justify-content: flex-start !important; } .care-flow-header1_text_sug_wrap { justify-content: flex-start !important; margin: 1em 0em !important; } .care-flow-header1_name_wrap { width: auto; flex: initial; } .patient_search_custom .header-buttons-left input.search-field { max-width: 100px; } .search-field-fullscreen { max-width: 100% !important; } .navbar-right-custom { min-height: 38px; height: 38px; margin-top: 5px; } .search-field-fullscreen-wrap { margin-top: 6px; } .search-field-fullscreen { overflow: hidden; } .view_icons_demograph { max-height: 300px; overflow: auto; } .ros-row-columns { column-count: 1 !important; } } @media only screen and (max-width: 576px) { .careflow1_header-left-section { flex-direction: column; } .view_icons_demograph { grid-template-columns: repeat(4, 1fr); } .allergies-section-wrap { max-height: 200px; overflow: auto; } .extra_features_block { text-align: center; padding: 0% 0% 0%; margin-bottom: 0%; width: 75px; } .header-less-tabs.mat-tab-group .mat-tab-header { display: none !important; } .header-h { /* height: 18vh; */ height: auto; } .er_header-cont { display: flex; } .form-add-icon { width: 100%; max-width: 70%; } .patient-img-wrap { display: none; } .patient-img-content { width: 100%; } .ng-select-icon .ng-select-container.ng-appearance-outline { width: 95%; } .ng-select-icon::after { width: 5%; } .ng-select-icon { top: 0.8em !important; } .social-icon-custom { height: 100%; display: flex; justify-content: space-around; flex-wrap: nowrap; } .global-height { /* top: 6em; */ } .sidebar_bottom { color: #cfd8e3; } .beds_mat_list { display: grid; grid-template-columns: repeat(1, 1fr) !important; } .modal_body-freeze_wrap { max-height: 100% !important; overflow: auto !important; } .modal_body-freeze_wrap_head { max-height: 100% !important; } .modal_body-freeze_wrap_body { overflow: initial !important; max-height: 100% !important; height: 100%; } .beds_mat_list { display: grid; grid-template-columns: repeat(2, 1fr) !important; } .ag_head_div_height-resp_div { flex-direction: column; display: flex; } .patient_search_custom .header-buttons-left input.search-field { max-width: 100px; } .view_icons_demograph { max-height: 300px; overflow: auto; } } @media only screen and (max-width: 375px) { .social-icon-custom { flex-wrap: wrap; } .sidebar_bottom { color: #cfd8e3; } .view_icons_demograph { grid-template-columns: repeat(3, 1fr); } } .checkbox-size-lg > .mat-checkbox-layout > .mat-checkbox-inner-container { width: 14px !important; height: 14px !important; } .ag-filter-active { color: #202020 !important; background-color: #ffee00 !important; padding: 2px; border-radius: 2px; } .ag-filter-active .ag-icon-filter { color: #202020 !important; } .ag-filter-active + .ag-header-cell-label > .ag-header-cell-text { color: #ffee00; font-weight: bold; } /* Hide filter and sort icons by default */ .ag-header-cell .ag-header-icon { opacity: 0; width: 0px; transition: opacity 0.2s; } /* Show icons on header hover */ .ag-header-cell:hover .ag-header-icon { opacity: 1; width: auto; } /* Ensure the header cell has enough space for icons even when hidden */ .ag-header-cell { min-height: 30px; /* Adjust as needed */ } ::ng-deep .cdk-overlay-backdrop.mat-drawer-backdrop { -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); /* Blur effect */ background: rgba(0, 0, 0, 0.3); /* Optional dark overlay */ pointer-events: auto !important; /* Ensures clicks are captured by backdrop */ } .field_center_radiologyDashboard { margin: 0.4%; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } /* You can add global styles to this file, and also import other style files */ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { margin-bottom: 0px; font-size: 12px; } .card.card-bottom-0 { min-height: 25px !important; margin-bottom: 0px !important; font-size: 12px; } .card.card-border-0 { border-bottom: 0px; } .mat-cell, .mat-footer-cell { font-size: 12px; } .mat-table .mat-header-cell { font-size: 12px; } .card.card-bottom-0 { min-height: 25px !important; margin-bottom: 0px !important; font-size: 12px; } .table th, .table td { padding: 0.25rem 0.5rem; font-size: 13px; } .header-custom { padding: 0.5em 0.8em !important; line-height: normal !important; } /*navbar resized for patient-strip start*/ section.content { min-height: calc(100vh - 40px) !important; } .sidebar { top: 40px !important; height: calc(100vh - 35px) !important; } .sidebar .menu { height: calc(100vh - 35px) !important; width: 100%; flex: 1; display: flex; flex-direction: column; } .sidebar > .menu ul { overflow: hidden !important; } .sidebar .menu .main_nav_list { overflow: auto !important; } .sidebar .menu .list li { margin-top: 0em; } .navbar-brand span { line-height: 22px !important; padding-left: 14px !important; } .logo-name { font-size: 18px; } .ls-closed .bars:after, .ls-closed .bars:before { line-height: 35px !important; } nav.navbar { min-height: 35px; height: 35px; } .navbar-brand { height: 35px !important; background: none; } .navbar-right-custom { min-height: 38px; height: 38px; } .navbar .collapse-menu-icon { line-height: 35px !important; } .navbar-nav.navbar-right { line-height: 35px; height: auto; width: 100%; display: flex !important; } .nav > li > a { padding: 10px 0px !important; align-items: flex-end; height: 35px; } .sidemenu-collapse { width: 35px !important; height: 35px !important; line-height: 35px !important; } .nav-notification-icons { width: 35px !important; height: 35px !important; line-height: 35px !important; } .breadcrumb-head-style { padding: 0.5rem 0rem 0.5rem !important; } .mat-datepicker-toggle { align-items: center; align-self: center; display: flex; } ::ng-deep .mat-checkbox-layout { white-space: nowrap !important; } .mat-accordion-custom .mat-expanded { margin-top: 0px !important; } /*navbar resized for patient-strip end*/ nav.navbar { min-height: 40px; height: 40px; } .navbar-nav .dropdown-menu { margin-top: 45px !important; } .navbar-header { padding: 0px 8px; height: 100%; min-height: 40px; display: flex; } .navbar .collapse-menu-icon { padding-left: 15px; } .navbar .navbar-toggle { line-height: 45px; } .navbar .collapse-menu-icon { line-height: 45px; } .navbar-nav > li > a { margin-top: 0px; } .nav > li > a { display: flex; align-items: center; box-sizing: border-box; } .sidebar { top: 45px; height: calc(100vh - 55px); } .sidebar .menu { height: calc(100vh - 55px); } .right-sidebar { height: calc(100vh - 45px); top: 45px; } .right-sidebar-custom { height: auto; top: 45px; padding-bottom: 1em; } .breadcrumb-head-style { padding: 1.2rem 0rem 1.2rem; } .welcome-msg { font-size: 2rem; color: #1875bd; } .login-title { font-size: 1.5rem !important; } p { font-size: 12px; margin-bottom: 0px; color: #2c2c2c; } .del-btn { color: #dc5334 !important; } .del-btn:hover { color: #b4292d !important; } .side-closed.side-closed-hover .menu .list .ml-menu .active a::before { top: calc(75% - 15px); } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #1d75b8; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: #1d75b8; } .mat-radio-button.mat-accent .mat-radio-inner-circle, .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple), .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple, .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple { background-color: #1d75b8; } /*mat field intop white color over blue background css starts here*/ .field-white > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-outline { color: #fff; } .field-white > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick { color: #fff; } .field-white > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-select > .mat-select-trigger > .mat-select-arrow-wrapper > .mat-select-arrow { color: #fff; } .field-white > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-form-field-label-wrapper > .mat-form-field-label { color: #fff; } .field-white > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-select > .mat-select-trigger > .mat-select-value { color: #fff; } /*mat field intop white color over blue background css ends here*/ .mat-slide-toggle .mat-slide-toggle-bar { width: 36px; height: 8px; } .mat-slide-toggle.mat-checked .mat-slide-toggle-bar { background-color: rgba(29, 117, 184, 0.54); width: 36px; height: 8px; } .mat-slide-toggle .mat-slide-toggle-thumb-container { top: -4px; } .mat-slide-toggle .mat-slide-toggle-thumb { height: 15px; width: 15px; } .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb { background-color: #6aa4d0; } .suffix-input-wrap > .w-100 > .mat-checkbox > .mat-checkbox-layout { white-space: normal; } .mat-checkbox-layout .mat-checkbox-label { line-height: 20px; } .checkbox-white label { color: #fff; } .checkbox-white .mdc-checkbox__background { background: #fff; } .checkbox-white.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { color: #202020 !important; background: #fff; padding: 1px; } .checkbox-white.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background { border: 1px solid #3f51b5; border-radius: 1px; padding: 1px; } .mat-calendar-body-label, .mat-calendar-period-button { /* font-size: 13px; */ } .mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option { line-height: 25px important; height: 25px important; } .mat-optgroup.mat-group-order .mat-optgroup-label { line-height: 25px !important; height: 25px !important; } .mat-option-order { line-height: 20px !important; height: 20px !important; } .mat-option-custom { line-height: 25px important; height: 25px important; } .drop-list-icon { cursor: pointer; } .drop-lis t-icon { cursor: pointer; } .mat-form-field-appearance-outline .mat-select-arrow-wrapper { transform: translateY(0%) !important; } .mat-form-field-wrapper { padding-bottom: 0em; } .mat-form-margin-0 .mat-form-field-wrapper { margin-top: 0px; } .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: 0.5em 0 0 !important; } .mat-form-field-block-top-0 .mat-form-field-wrapper { margin: 0em 0 0 !important; } .mat-form-field-appearance-outline .mat-form-field-prefix, .mat-form-field-appearance-outline .mat-form-field-suffix { border-left: 1px solid #e2e2e2; text-align: center; padding: 0px 3px 1px 3px; margin-left: 0.1em; margin-right: -0.4em; top: 0.25em !important; } .mat-form-field-label { color: #202020; } .mat-form-field-appearance-outline .mat-form-field-label { /* top: 1.84375em; margin-top: -0.25em */ top: 1.64375em; margin-top: -0.6em; } .mat-form-field-appearance-fill .mat-form-field-infix { padding: 0.25em 0 0.75em 0; } .mat-form-field-appearance-fill .mat-form-field-label { top: 1.09375em; margin-top: -0.5em; } .mat-form-field-appearance-outline.mat-form-field-can-float.mat-form-field-should-float .mat-form-field-label, .mat-form-field-appearance-outline.mat-form-field-can-float .mat-input-server:focus + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.04375em) scale(0.75); width: 133.3333333333%; } .mat-form-field-appearance-fill.mat-form-field-can-float .mat-input-server[label]:not(:label-shown) + .mat-form-field-label-wrapper .mat-form-field-label { transform: translateY(-1.09374em) scale(0.75); width: 133.3333433333%; } .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0 */ padding: 0.4em 0 0.7em 0 !important; } .mat-form-field-appearance-outline .mat-form-field-outline { top: 0.55em !important; color: rgba(0, 0, 0, 0.12) !important; } .mat-form-field-label-wrapper { top: -0.64375em; } .mat-form-field-subscript-wrapper { margin-top: 0.5666666667%; top: calc(100% - 0.9916666667em); background: #fff; width: auto !important; padding: 0px 0.5em !important; margin-left: 0.45em; } .mat-error { width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 10px; } .mat-form-field-suffix .mat-icon-button { width: 1.7em !important; height: 1.4em !important; } label { margin-bottom: 0px; } .mat-raised-button { height: 25px; line-height: 25px !important; margin: 0px 0px 0px 5px !important; padding: 0px 5px !important; } .mat-icon { line-height: 25px; cursor: pointer; } .mat-form-field .mat-input-element { line-height: normal; color: #212121 !important; } .mat-form-field-block.mat-field-infix-w { max-width: 180px !important; } .mat-form-field-block.mat-field-infix-w1 { max-width: 180px !important; min-width: 50px; overflow: hidden; } .mat-form-field-block.mat-field-infix-w1 .mat-form-field-infix { width: 100% !important; } .mat-form-field-block.mat-field-infix-w1 .mat-mdc-form-field-infix { width: 100% !important; } .mat-form-field-block.mat-field-infix-w .mat-form-field-infix { width: 100% !important; } .mat-form-field-block.mat-field-infix-w .mat-mdc-form-field-infix { width: 100% !important; } .mat-select-search-input > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-form-field-label-wrapper > .mat-form-field-label { padding: 0px 1em; } .mention-ck-wrap > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-form-field-label-wrapper { margin: initial; padding-top: 0px; } .mention-ck-wrap > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .null > .scrollable-menu { max-height: 190px; overflow: auto; } app-mentions-textarea { display: block; width: 100%; margin-top: 0.9em; } .mat-field-0-padd > app-mentions-textarea { margin-top: 0em; } .contentedit-div { min-height: 33px; } app-mentions-textarea .mat-form-field-appearance-outline .mat-form-field-wrapper { margin: inherit !important; padding-bottom: 1.34375em; } .form_btn_input_wrap .mat-form-field-infix { width: 100% !important; } .mat-select-panel-wrap { margin-left: 0.4em; } .min_modal_h .ng-dropdown-panel .scroll-host { max-height: 93px !important; padding: 0px; } .mat-expansion-panel { overflow: inherit !important; margin-bottom: 0.5em; } .summary-panel-header-wrap { margin-top: 0px !important; margin-bottom: 0.5em !important; } .mat-expansion-panel-header { /* font-size: 13px; */ } .mat-tab-label { opacity: 1; } .close { width: auto; height: auto; } .er-temp-wrap { background: #fff; } .er-temp-right-inner-ros { overflow-y: auto; height: 100%; } .er-temp-body-ros { height: 100%; padding-top: 0px; padding-bottom: 0px !important; overflow: auto; display: flex; flex-direction: column; flex: 1 1 auto; } .test3 .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: 0px !important; } /*mat expansion panel start*/ .mat_expansion_txt_lg { white-space: nowrap; overflow: hidden; max-width: 100%; flex-grow: 5 !important; text-overflow: ellipsis; } .mat_expansion_txt { width: 100%; overflow: hidden; text-overflow: ellipsis; } /*mat expansion panel end*/ /*angular 15 form field new css starts from here*/ .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { line-height: 2.5em; height: auto; } .ng-select .ng-select-container.ng-appearance-outline { margin-top: 0.3em !important; margin-bottom: 0em; } .ng-select .ng-select-container.ng-appearance-outline:hover:after { border-width: 1px; } .ng-select + .ng-select-icon { margin-top: 4px !important; } .ng-select + .ng-select-icon.ng-select-icon-no-top { margin-top: 0px !important; right: 0.3em !important; } .cust-select-error > .ng-star-inserted { width: 100%; max-width: 100% !important; } .ng-select + .cust-select-error { margin-top: 0em !important; } .ng-select.ng-select-disabled .ng-select-container:after { background-size: 4px 0px; } .mat-form-field-block > .cust-select-error { top: 70% !important; z-index: 1002; } .ng-select-icon + .cust-select-error { top: 76% !important; } .mat-form-field-block > .ng-select + .cust-select-error { z-index: 2; height: 13px; bottom: 10px !important; top: inherit !important; margin-bottom: -12px; position: absolute; width: max-content !important; } .mat-tab-100 { height: 100%; } .mat-tab-body_wrap_100 { height: 100%; } .notif_chat_control_wrap > .mat-icon > .mat-badge-content { width: auto !important; height: auto !important; line-height: normal !important; padding: 0px 4px; top: -9px !important; left: 10px !important; right: initial !important; } .spinner-border { width: 18px; height: 18px; vertical-align: middle; } .med-spinner-custom-wrap .mat-button-wrapper { justify-content: center; display: flex; } /*mat-chip changes starts here*/ .mat-expansion-panel-header { height: 38px !important; min-height: 25px !important; } /*angular 15 form field new css starts from here*/ /*button css starts here*/ .notif_chat_control_wrap > .mat-button-wrapper { line-height: 20px; display: flex; align-items: center; } .qk-reg-icon { display: initial !important; } /*button css ends here*/ .color-picker { z-index: 1025; } /*font size changes from 14 to 15 end*/ /*mat calender size reduced start*/ /*mat calender size reduced end*/ .ag-cell-focus:focus-within { border: none !important; /*used order 0 as COPE ag grid on check radio button blue border appearing so in order to remove onclick and focus used this.*/ } .custom-btn-color { background-color: #2d9daf !important; border-color: #2d9daf !important; color: #fff !important; } .chat-user-wrap-custom { flex-direction: column; overflow: auto; } .chat-user-wrap span { width: 100%; } /*mat chip refined styles by Vijay Kumar with Veera reddy start*/ mat-chip.mat-mdc-chip-refined { height: auto !important; border-radius: 5px; padding: 5px 10px; width: 100%; } .mat-mdc-chip-refined .mdc-evolution-chip__cell { width: 100%; display: flex; } .mat-mdc-chip-refined .mdc-evolution-chip__cell .mdc-evolution-chip__action { width: 100%; } .mat-mdc-chip-refined .mdc-evolution-chip__cell .mdc-evolution-chip__action .mat-mdc-chip-action-label { width: 100%; } /*mat chip refined styles by Vijay Kumar with Veera reddy end*/ .color-picker { z-index: 1025; } .spinner-control { display: flex; min-height: 150px; } .spinner-div { margin: auto; text-align: center; } .text-right { display: flex; justify-content: end; } .text-btn-between { display: flex; justify-content: space-between; } /* Date Code Name Description 06/14/2023 JR1 J Ramu flex_icons default set to min-width: 35 pixels to show icons space to min width 06/15/2023 JR2 J Ramu Min_width commented because of we are given individaul classes for width */ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } ::-webkit-scrollbar { width: 9px; height: 9px; overflow-y: scroll; background: #efecef; box-shadow: inset 0 0 2px #707070; } ::-webkit-scrollbar-thumb { background: #a6a6a6; border-radius: 10px; } .h-auto { height: auto !important; } .max-h-100 { max-height: 100%; } .heading-font-blue { color: rgb(29, 117, 184); } .auth-wrapper { margin-top: 45%; padding: 10px 10px; background: #ffffff; border-radius: 15px; } .auth-form-section { background-size: 100%; background-position: 0px 120%; background-repeat: no-repeat; } .break-word { word-break: break-word; } body { letter-spacing: 0px; } .h-auto { max-height: initial; height: initial; } .text-link { text-decoration: underline; } button.close { align-items: center; display: flex; background: none; } .text-overflow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .text-overflow span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; } .select-field-max-h > .mat-chip-list-wrapper { max-height: 75px; overflow: auto; height: 100%; } .white-space-normal { white-space: normal !important; } .nowrap { white-space: nowrap !important; } /*icons default blue color with border added globally by Vijay Kumar starts here*/ .f-icon-div { width: max-content; display: flex; align-items: center; justify-content: space-evenly; min-height: 23px; } .f-icon-div > span { display: flex; align-items: center; justify-content: center; padding: 5px 7px; margin-right: 5px; border: 1px solid #c2c2c2; border-radius: 3px; background: #f7f7f7; cursor: pointer; min-height: 23px; } .f-icon-div > span i { color: #0075b8; } .fa-icon-del-col { color: #dc3545 !important; } .fa-icon-update-col { color: rgb(29, 117, 184) !important; } .f-icon-div > span:hover { background: #fff; } .f-icon-div > span:last-of-type { margin-right: 0px; } /*icons default blue color with border added globally by Vijay Kumar ends here*/ app-patient-communication-render-group { width: 100%; } app-bed-render { height: 25px; line-height: 25px; } app-bed-render > div { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: flex; align-items: center; height: 25px; line-height: 25px; } app-bed-render > div > label { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; width: 100%; height: 25px; line-height: 25px; } app-orderset-laboratory { height: 100%; display: block; } app-patientside-ordersets-medications { height: 100%; display: block; } app-orderset-activity { height: 100%; display: block; } app-admit-order { height: 100%; } app-address { width: 100%; } app-icucomp { height: 100%; } .modal_body_page-scroll { overflow: hidden !important; } .modal_body_page-scroll .page-fit { max-height: 65vh; } .page-fit { height: 100%; display: flex; flex-direction: column; } .page-fit-head-modal { display: flex; flex-direction: column; flex: 0; margin-bottom: 5px; } .page-fit-head { display: flex; flex: 0; margin-bottom: 5px; } .page-fit-head > .modalHeader { width: 100%; } .page-fit-body { display: flex; flex: 1; height: 100%; min-height: auto; overflow: auto; flex-direction: column; } .page-fit-footer { display: flex; flex: 0; } .page-fit-modal { flex: 1; overflow: hidden; display: flex; } .page-fit-modal_body { flex: 1; overflow: auto; display: flex; } .w-100 { width: 100%; } .w-auto { width: auto !important; } .w-40 { max-width: 40% !important; width: 100%; } .ellip-pre { white-space: pre-wrap !important; word-break: break-all; } .ellip-pre2 { white-space: pre-wrap !important; } .mat-form-field-wrapper > .mat-form-field-subscript-wrapper { max-width: 87%; overflow: hidden; } .multi-error-wrap > .mat-form-field-wrapper > .mat-form-field-subscript-wrapper { max-width: 96%; display: flex; justify-content: space-between; } .multi-error-wrap > .mat-form-field-wrapper > .mat-form-field-subscript-wrapper > .ng-trigger-transitionMessages { display: flex; width: 100%; justify-content: space-between; } .multi-error-wrap > .mat-form-field-wrapper > .mat-form-field-subscript-wrapper > .ng-trigger-transitionMessages > .mat-error:last-of-type { width: 70%; } .multi-error-wrap > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-customer-error-msg { width: auto; position: absolute; color: red; background: #fff; padding-right: 10px; padding-left: 5px; } .header-manual { background: #D2E3F1; border-bottom: 1px solid #E2E2E2 !important; padding-top: 0.3em !important; padding-bottom: 0.3em !important; margin-bottom: 0.3em !important; width: 100% !important; padding: 0.3em 1em !important; border-radius: 10px 10px 0px 0px; } .header-manual.header-custom { background: #f7f7f7 !important; } .align-sp-bt { display: flex; justify-content: space-between; width: 100%; } /*checkbox small css starts here*/ .mat-checkbox-top-0 > .mat-checkbox-layout > .mat-checkbox-inner-container { margin-top: 0px !important; } .chkbox-sm > .mat-checkbox-layout > .mat-checkbox-inner-container { width: 11px !important; height: 11px !important; } .flex_icons i { font-size: 16px; } .suffix-input-wrap-control-xl { display: grid !important; grid-template-columns: repeat(6, 1fr); } .suffix-input-wrap-control-lg { display: grid !important; grid-template-columns: repeat(4, 1fr); } .suffix-input-wrap-control-md { display: grid !important; grid-template-columns: repeat(3, 1fr); } .suffix-input-wrap-control-sm { display: grid !important; grid-template-columns: repeat(2, 1fr); } .suffix-input-wrap-control-xs { display: grid !important; grid-template-columns: repeat(1, 1fr); } .suffix-input-wrap > .mat-checkbox > .mat-checkbox-layout { white-space: normal; } .suffix-input-wrap > .w-100 > .mat-checkbox > .mat-checkbox-layout { white-space: normal; padding: 0px 0.5em; word-break: break-word; } .mat-radio-group.radio-label-head-right > .mat-checkbox-group-content { width: 100%; } .mat-radio-group.radio-label-head-right > .mat-checkbox-group-content > .mat-radio-button > .mat-radio-label { white-space: normal; } .mat-radio-group.radio-sm > .mat-radio-button { padding: 0em 0.4em; } .mat-radio-group.radio-sm > .mat-radio-button > .mat-radio-label { line-height: normal; } .mat-radio-group.radio-sm > .mat-radio-button > .mat-radio-label > .mat-radio-container { width: 11px !important; height: 11px !important; line-height: 11px !important; } .mat-radio-group.radio-sm > .mat-radio-button > .mat-radio-label > .mat-radio-container > .mat-radio-outer-circle { height: 10px !important; width: 10px !important; } .mat-radio-group.radio-sm > .mat-radio-button > .mat-radio-label > .mat-radio-container > .mat-radio-inner-circle { height: 10px !important; width: 10px !important; } /*checkbox-border-white css starts here*/ .mat-radio-nowrap { flex-wrap: nowrap !important; } .breadcrumb-item + .breadcrumb-item { padding-left: 0.1rem; } .breadcrumb-item + .breadcrumb-item::before { float: left; padding-right: 0.25rem; color: #fff; } .theme-white .breadcrumb-item + .breadcrumb-item::before { color: rgba(29, 117, 184, 0.831372549); } /*customization orderset cdk droplistheight hiding issue css starts*/ .list-height > .cdk-virtual-scroll-viewport > .cdk-virtual-scroll-content-wrapper { position: initial; height: 100%; } .list-height > .cdk-virtual-scroll-viewport { contain: initial; } .cdk-virtual-scroll-spacer { height: auto !important; } .cdk-virtual-contain > .cdk-virtual-scroll-content-wrapper { position: initial; } .view-quick-orders-cdk-virtual > .cdk-virtual-scroll-content-wrapper { display: flex; } .cdk-virtual-contain > .cdk-virtual-scroll-spacer { height: auto !important; } .app-orderset-control > app-orderset, app-patient-lab-reportable-information { height: 100%; } .app-orderset-control > app-floor-bed-view { height: 100%; } /*customization card padding css start*/ .user_n_wrap { display: flex; flex-direction: column; padding: 0em 0.5em 0.5em !important; } /*customization card padding css end*/ /*customization orderset cdk droplist issue css ends*/ .flex-0 { flex: 0; display: flex; } .flex-1 { flex: 1; display: flex; } .border-bottom-custom { border-bottom: 1px solid #E2E2E2 !important; padding-bottom: 0.7em !important; margin-bottom: 0.7em !important; } .border-radius-0 { border-radius: 0px; } .positiveCls-rp { color: red !important; } .img-txt-img { cursor: pointer; } .pointer { cursor: pointer; } .h2_txt { color: #333; font-weight: normal; } .p-txt-break p { word-break: break-word; } .txt-ellipsis { white-space: nowrap; text-overflow: ellipsis; } .li-disc { list-style-type: disc; padding-left: 2em; } .chkbox-txt-ellipsis { width: 100%; overflow: hidden; text-overflow: ellipsis; width: 100%; overflow: hidden; text-overflow: ellipsis; } .chkbox-txt-ellipsis > .mat-checkbox-layout { width: 100%; } .chkbox-txt-ellipsis > .mat-checkbox-layout > .mat-checkbox-label { width: 100%; overflow: hidden; text-overflow: ellipsis; } .split-col { display: flex; justify-content: space-between; } .app-list { padding: 0.1em 5px; } .mat-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button { line-height: 20px !important; min-width: 30px !important; line-height: 20px !important; padding: 0 5px !important; } .card-block_wrap { margin-bottom: 0.3em; } .card-block { height: 100%; } .global_module_control app-history { height: 100%; flex: 1 1 auto; display: flex; flex-direction: column; overflow: hidden; } .global_wrap_inner_0 { flex: 1; display: block; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: initial !important; } .overflow-visible .mat-tab-body-content { overflow: initial !important; } .overflow-visible.addContainer { overflow: initial !important; } .expansion-ag-data-unhide > .mat-expansion-panel-content { overflow: initial !important; } .expansion-ag-data-unhide > .mat-expansion-panel-content .global_wrap_inner { overflow: initial !important; } .expansion-ag-data-unhide > .mat-expansion-panel-content .global_wrap_inner .cpoe-ag-overflow { overflow: initial !important; } .expansion-ag-data-unhide > .mat-expansion-panel-content .global_wrap_inner .cpoe-ag-overflow > ag-grid-angular { overflow: initial !important; } .overflow-visible .mat-expansion-panel { overflow: initial !important; } .overflow-visible .mat-expansion-panel-content { overflow: initial !important; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: inherit !important; } .overflow-visible .mat-tab-body-content { overflow: initial !important; } .overflow-visible.addContainer { overflow: initial !important; } .overflow-initial { overflow: initial !important; } .template-v-center.overflow-initial { overflow: initial !important; padding: initial !important; } .overflow-initial > .mat-expansion-panel-content { overflow: initial !important; } .overflow-initial > .mat-expansion-panel-content { overflow: initial !important; } .overflow-hidden { overflow: hidden; } .overflow-visible { overflow: initial !important; } .overflow-visible .mat-tab-body-content { overflow: initial !important; } .overflow-visible.addContainer { overflow: initial !important; } .overflow-visible .mat-expansion-panel { overflow: initial !important; } .overflow-visible .mat-expansion-panel-content { overflow: initial !important; } .btn-sm { padding: 5px 10px !important; } .btn-xs { padding: 5px 5px !important; } .btn-green-custom { background-color: #198754; border-color: #198754 !important; color: #FFF; border-color: #198754; } .btn-custom { color: #FFF; } .mat-btn-sm { padding: 0px 8px !important; } .mat-icon-btn-sm.mat-icon-button { width: 18px !important; height: 18px !important; line-height: 18px !important; align-items: center; display: flex !important; min-width: 18px !important; } .align_row_items_center { display: flex; align-items: baseline; } .align-items-center { display: flex; align-items: center; } .align-items-right { display: flex; align-items: center; justify-content: flex-end; } .align-items-left { display: flex; align-items: center; justify-content: flex-start; } .align-items-top { display: flex; align-items: flex-start; } .align-items-bottom { display: flex; align-items: flex-start; } .mat-select-search-control { top: 0px !important; margin-top: 0px !important; } .mat-select-search-control > .mdc-list-item__primary-text > ngx-mat-select-search > .mat-select-search-inner > .mat-select-search-inner-row > .mat-select-search-clear { top: 6px !important; } .mat-select-search-input > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix { padding-left: 1em; } .mat-select-search-input > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-form-field-label-wrapper > .mat-form-field-label { padding: 0px 1em; } .align-items-bottom { display: flex; align-items: flex-end; } .justify-txt-center { display: flex; justify-content: center; } .justify-txt-l { display: flex; justify-content: flex-start; } .justify-txt-r { display: flex; justify-content: flex-end; } .justify-sp-bt { width: 100%; display: flex; justify-content: space-between; align-items: center; margin-right: 0.5em; } .justify-sp-between { display: flex; justify-content: space-between; } .mat-button-disabled .btn-custom { color: rgba(0, 0, 0, 0.42); } .addContainer-custom { overflow: initial !important; } .addContainermanual { height: 100%; } .addContainermanual .modalHeader { padding: 1.3em 0.2em; } .mat-dialog-content { overflow: initial !important; } .mat-dialog-content.overflow-hidden { overflow: hidden !important; } .modal_body-freeze_wrap { max-height: 60vh; overflow: hidden; } .modal_body-freeze_wrap1 { max-height: 60vh; overflow: hidden; display: flex; flex-direction: column; } .modal_body-freeze_wrap_head { max-height: 30vh; } .modal_body-freeze_wrap_body { max-height: 45vh; overflow: auto; } .modal_body-freeze_wrap .page-fit { max-height: 60vh; } .modal_body_footer { display: flex; flex: 1; margin-top: 0.5em; justify-content: flex-end; } .modal_body { overflow: auto !important; } .modal_body2 { max-height: 55vh !important; overflow: auto !important; } .modal_body_full { max-height: 65vh !important; height: 100vh; overflow: auto !important; } .addContainer.tab-content-overflow { overflow: initial !important; } .tab-content-overflow .mat-tab-body-content { overflow: initial !important; } .tab-content-overflow .mat-expansion-panel-content { overflow: initial !important; } .ng-dropdown-min-h .ng-dropdown-panel { position: inherit; } .ng-dropdown-min-h .ng-dropdown-panel .ng-option { max-width: 375px; } .mat-radio-container { width: 13px !important; height: 13px !important; padding: 0px !important; } .mat-radio-outer-circle { height: 13px !important; width: 13px !important; } .mat-radio-inner-circle { height: 13px !important; width: 13px !important; } .mat-radio-button .mat-radio-ripple { left: calc(50% - 13px) !important; top: calc(50% - 13px) !important; height: 25px !important; width: 25px !important; } .mat-radio-label { overflow: hidden; text-overflow: ellipsis; align-items: flex-start !important; } .mat-radio-label > .mat-radio-container { margin-top: 0.12em; } .mat-radio-label > .mat-radio-label-content { overflow: hidden; text-overflow: ellipsis; } .mat-radio-label-content { padding-left: 4px !important; } .close_btn_custom { width: auto !important; height: auto !important; line-height: inherit !important; } .close_btn_custom_sm { width: 25px; height: 25px; flex-shrink: 0; line-height: 25px; } /*table scroll sticky starts*/ .table-freeze-full > thead { position: sticky; top: -1px; z-index: 102; outline: 1px solid #c2c2c2; } .table-freeze-full > thead > tr > td { z-index: 100; border: 1px solid #9d9d9d; vertical-align: middle; } .table-freeze-full > thead > tr > td:first-of-type { position: sticky; left: -1px; top: -1px; z-index: 103; background: #c0d9eb; outline: 1px solid #9d9d9d; } .table-freeze-full > tbody { z-index: 100; } .table-freeze-full > tbody > tr > td { z-index: 100; border: 1px solid #9d9d9d; } .table-freeze-full > tbody > tr > td:first-of-type { position: sticky; left: -1px; top: -1px; z-index: 101; outline: 1px solid #c2c2c2; background: #fff; } .table-striped-col-wise > thead { background: #c0d9eb; } .table-striped-col-wise > tr > td:first-of-type { color: #0c6db7; } .table-striped-col-wise > tr > td:nth-of-type(even) { background: rgba(192, 217, 235, 0.368627451); } .table-scroll { width: 100%; overflow-x: auto; display: block; } .table-h-fixed { height: 100%; } .table-h-fixed > thead { position: sticky; top: -1px; } .table-h-fixed > tbody { overflow: auto; height: 100%; } .table-manual thead tr th { font-weight: bold; } .table-sticky-h-global thead { top: 1px !important; outline: 1px solid #b2b2b2; position: sticky; /* background-color: #000; */ background-color: #f5f5f5; } .table-sticky-h-global tbody tr td:first-of-type { outline: none !important; } .table-sticky-h-global tbody tr td:first-of-type(2) { outline: none !important; } /*table header fixed working start*/ .table-header-fixed thead tr th { top: 1px; outline: 1px solid #b2b2b2; } .table-header-fixed thead { position: sticky; top: 1px; outline: 1px solid #b2b2b2; z-index: 250; } /*table header fixed working end*/ .table-max-h { max-height: 350px; overflow: hidden; display: table; } .table-max-h > thead { max-height: 250px; } .table-max-h > tbody { max-height: 250px; overflow: auto; } .table-sticky-h-global thead tr th { top: 1px; outline: 1px solid #b2b2b2; } .table-sticky-h-global tbody tr th { outline: none; } .table-sticky-h thead { position: sticky; top: -1px; z-index: 250; } .table-sticky-h thead tr th, .table-sticky-h .theadt tr td { outline: 1px solid #b2b2b2; border: none !important; } .table-sticky-h thead tr th:first-of-type { position: sticky; left: 0px; background: #fff; z-index: 99; outline: 1px solid #b2b2b2; } .table-sticky-h thead tr th:nth-of-type(2) { position: sticky; left: 34px; background: #fff; z-index: 99; outline: 1px solid #b2b2b2; } .table-sticky-h tbody tr td:first-of-type { position: sticky; left: 0px; background: #fff; z-index: 99; outline: 1px solid #b2b2b2; } .table-sticky-h tbody tr td:nth-of-type(2) { position: sticky; left: 34px; background: #fff; z-index: 99; outline: 1px solid #b2b2b2; } /*table scroll sticky ends*/ .table tbody tr:nth-of-type(even) { background: #f6f7f8; border-bottom: 1px solid #e7e7e7; } .table-img { text-align: center; /* height: 33px; width: 33px; */ height: auto; width: auto; background: #fff; position: inherit; border: 1px solid rgba(52, 73, 94, 0.44); padding: 2px; border-radius: 4px; } /*leftsidebaroverlay start*/ .sidebar { width: 210px; z-index: 999 !important; display: flex; flex-direction: column; } .sidebar .menu .list a { padding: 4px 5px 4px 9px; margin: 0px 5px 0px 9px; } .navbar-header .bars { color: #fff; } .navbar-header { width: 221px; } /*leftsidebaroverlay end*/ .col-gap-right { padding-right: 1em !important; } .col-gap-left { padding-left: 1em !important; } .h2-colorhead { color: #0c6db7; font-weight: bold; } .header-color h2 { color: #63a2ce; } .header-text h2 { font-weight: 600; color: #202020; line-height: 12px; } .header-close-h { top: 0px !important; } .header-inner-wrap { line-height: normal; } .header-inner { padding: 0px 0.8em !important; align-items: center; height: 100%; line-height: normal !important; } .header-inner-block { line-height: normal; } .header-inner-block h2 { line-height: 30px !important; } .header-inner-icons { display: flex; align-items: center; } button, input, select, a { /* font-size: 12px !important; */ } label, .form-check { /* font-size: 12px; */ color: #1c1c1c; } .button-gap { margin-top: 0.85em !important; margin-right: 0px !important; } .input_bg_grey .mat-form-field-appearance-outline .mat-form-field-outline { background: #efefef; } section.content { min-height: calc(100vh - 50px); margin: 20px 8px 0 217px; padding: 10px 0px 10px 0px; transition: 0.5s; position: relative; overflow: hidden; } .sidebar_bottom_ver { background: #FFF !important; position: absolute; width: 100% !important; border-top: 0px !important; } .sidebar_bottom { color: #1a202e !important; } .side-closed.submenu-closed .navbar-header { width: 71px; } .custom-group-parent .form_btn_input_wrap { display: flex; margin: 0.1em 1em 0.1em 0em; width: auto; float: left; } .form_btn_input_wrap { display: flex; width: 100% !important; margin: 0.3em 0em; } .form_btn_input_wrap .mat-mdc-checkbox { margin-top: 0.5em; } .form_btn_input_wrap > .d-flex-label { display: flex; align-items: center; margin-right: 0.5em; } .form_btn_input_flex_wrap { flex-wrap: wrap; } .form_btn_input_wrap_txt { white-space: nowrap; } .form_btn_input_wrap_label_split { display: flex !important; justify-content: space-between !important; align-items: flex-start !important; padding-top: 10px; } .form_btn_input_wrap_label { font-weight: bold; padding-right: 0.5em; text-align: left; align-items: center; display: flex; white-space: nowrap; } .form_btn_input_wrap_label-span { font-weight: bold; padding-right: 0.5em; text-align: left; align-items: center; display: flex; } .form_btn_input_wrap_label > span { color: #212529; } .form_btn_input_wrap_label h2 { font-weight: bold; } .form_btn_input_wrap_label h2 { font-weight: bold; } .form_btn_input { flex: 1 1 auto !important; } .form_btn_input .btn-wrapper-custom { margin: 0px 0.5em; } .form_btn_input .mat-raised-button { width: 100%; margin: auto !important; } .form_btn_input_wrap .mat-form-field-block { margin-right: 0.75em; padding-left: 0.5em; } .as-horizontal > .as-split-gutter > .as-split-gutter-icon { background-image: url(http://192.168.20.107/FalconAssetstest/Assets?path=Images/assets/images/auth/split-cursor.png) !important; background-position-y: 1.4em !important; } .ag-layout-auto-height .ag-center-cols-clipper, .ag-layout-auto-height .ag-center-cols-container, .ag-layout-print .ag-center-cols-clipper, .ag-layout-print .ag-center-cols-container { min-height: 60px !important; } .btn-wrapper-custom { margin: 0.75em 0 0; padding-bottom: 0em; width: auto; } .btn { height: 32px; line-height: 32px !important; padding: 0px; } .float-save-btn { width: 50px; max-width: 25px; background: none; box-shadow: none; } .wrap_heading_size { /* font-size: 13px; */ } tr.mat-row, tr.mat-footer-row { height: auto !important; padding: 2px 10px; } .mat-header-txt-cut-resp { white-space: nowrap; } mat-header-row { min-height: 40px !important; } mat-row, mat-footer-row { min-height: 40px !important; } .plus_icon { color: #858585; cursor: pointer; } .date-options-wrap { display: flex; justify-content: left; } .date-options .mat-checkbox-inner-container { margin-top: 0px !important; } .form-row-control { display: flex; align-items: flex-start; } .mat-form-field-block.chkbox-control { padding-bottom: 0em; } .mat-field-0-padd .mat-form-field-wrapper { margin-top: 0px !important; } .mat-field-0-padd .ng-select .ng-select-container.ng-appearance-outline { margin-top: 0px !important; } .add_btn_font { color: rgba(41, 178, 82, 0.7215686275); } .form-content-p { padding-bottom: 1.04375em; } .form-add-icon { width: 100%; max-width: 35%; } .form_btn_input_controller { width: 100%; display: flex; justify-content: space-between; } .form_btn_input { flex: 1 1 auto !important; } .form_btn_input .mat-raised-button { width: 100%; margin: auto !important; } .chkbox-control { display: flex; align-items: center; min-height: 32px; margin: 0.8em 0 0; height: max-content; } .chkbox-control-right { display: flex; align-items: center; justify-content: flex-end; margin: 0.75em 0 0; } .form-row-control { display: flex; align-items: flex-start; } .mat-form-field { font-family: "noto sans", sans-serif; line-height: 1.325; } .mat-select-value-text { width: 100%; display: grid; } .mat-select-min-line { overflow: hidden; text-overflow: ellipsis; } .field-min-size > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { width: 180px !important; } .mat-form-field-block { width: 100%; position: relative; } .mat-form-field-block.form-control { padding: 0px; border: 0px; } .mat-form-field-block.form-control .mat-mdc-text-field-wrapper { margin-top: 2px; margin-bottom: 0px !important; } .input-group { overflow: hidden; } .input-group .input-group-text { border-color: #a6a6a6; margin-top: 2px; } .mat-form-field-block.input-group { overflow: visible; } .mat-form-field-block .input-group { overflow: visible !important; } .d-flex .input-group { overflow: visible !important; } .input-group .mdc-notched-outline__trailing { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .mat-mdc-form-field-flex .mat-mdc-notch-piece .mdc-notched-outline__trailing { border-top-right-radius: 0px; border-bottom-right-radius: 0px; } .mat-form-field-block.chkbox-control { margin-right: 0.75em; padding-left: 0.5em; } .mat-form-field-block > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix { width: 100%; } .mat-form-field-block.min-width { min-width: 100px; } .mat-form-field-block.min-width-100 { min-width: 100px; } .mat-form-field-block.min-width-200 { min-width: 200px; } .d-flex.min-width { min-width: 100px; } .d-flex.min-width2 { min-width: 150px; } .mat-form-field-block.min-width { min-width: 100px; } .mat-form-field-block > .form_btn_input_wrap { margin-top: 0px; } .mat-form-field-block.mat-block-hidden .ng-select .ng-select-container.ng-appearance-outline { position: absolute; } .mat-form-field-block > .cust-select-error { max-width: 96%; overflow: hidden; height: 15px; display: flex; align-items: center; } .mat-form-field-block-small > .mat-form-field > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix { padding: 0.15em 0 0.3em 0 !important; } /*pharmacy page mar error new created by Ramanji starts here*/ .mat-form-field-infix > .mat-error-pharmacy { position: absolute; left: 0px; } /*pharmacy page mar error new created by Ramanji ends here*/ .mat-content { align-items: center; } .col-xl, .col-xl-auto, .col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg, .col-lg-auto, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md, .col-md-auto, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm, .col-sm-auto, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col, .col-auto, .col-12, .col-11, .col-10, .col-9, .col-8, .col-7, .col-6, .col-5, .col-4, .col-3, .col-2, .col-1 { position: relative; padding-right: 5px; padding-left: 5px; } .container, .container-fluid, .container-xl, .container-lg, .container-md, .container-sm { width: 100%; padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; } .row { display: flex; flex-wrap: wrap; margin-right: -5px; margin-left: -5px; } .date-options-wrap { display: flex; justify-content: left; } .date-options .mat-checkbox-inner-container { margin-top: 0px !important; } .wrap_heading_size { /* font-size: 13px; */ } .add_btn_font { color: rgba(41, 178, 82, 0.7215686275); } .as-horizontal > .as-split-gutter > .as-split-gutter-icon { background-image: url(http://192.168.20.107/FalconAssetstest/Assets?path=Images/assets/images/auth/split-cursor.png) !important; background-position-y: 1.4em !important; padding: 0px 5px; } .navbar-right-custom .mat-icon-button, .mat-icon { height: 35px !important; } .side-closed.side-closed-hover .sidebar .menu .list li a { padding: 4px 9px 4px 9px; } .side-closed.side-closed-hover .sidebar .menu .list li i { line-height: 1.3rem; } .temp-right-close.mat-icon-button-sm { width: 20px !important; height: 15px !important; } .mat-icon-button-sm > .mat-button-wrapper > .temp-right-close-btn { align-items: center; width: 20px !important; min-width: auto !important; height: 20px !important; line-height: normal !important; display: flex; } .mat-icon-button-sm { min-width: auto !important; width: 20px !important; height: 20px !important; line-height: normal !important; justify-content: center; } .mat-icon-button-sm.mat-icon-button { min-width: auto !important; width: 20px !important; height: 20px !important; display: flex; justify-content: center; align-items: center; line-height: normal !important; margin: 0px !important; } .mat-icon-button-xs { min-width: auto !important; width: 12px !important; height: 12px !important; line-height: normal !important; } .mat-icon-button-xs.mat-icon-button { min-width: auto !important; width: 12px !important; height: 12px !important; display: flex; justify-content: center; align-items: center; line-height: normal !important; margin: 0px !important; } .mat-icon-button, .mat-icon { width: 25px !important; height: 20px !important; } .mat-tree-node .mat-icon-button { width: 40px; height: 17px; vertical-align: text-top; line-height: 0px; display: flex; align-items: center; } .input-group { overflow: hidden; } .input-group-input { padding: 0 0.55em 0 0.55em !important; border: 1px solid rgba(0, 0, 0, 0.12); } .template_icon { width: 100%; max-width: 10%; } .parametersPanel .mat-expansion-panel-body { padding: 0; } .patient_info_expansion { height: 100%; margin: 0px !important; } .mat-tab-body-wrapper-control { height: 100%; } .body-wrapper-controller { height: 100%; } .body-wrapper-controller .mat-tab-body-wrapper { height: 100%; } .patient_info_wrap .mat-tab-body-wrapper { height: 100%; /* overflow-y: scroll; */ overflow-y: auto; flex: 1 1 auto; } .patient_info_wrap .mat-tab-body-wrapper .mat-tab-body-content { height: inherit; overflow: initial; } .mat-tab-head-bg > .mat-tab-header { background: rgba(24, 117, 189, 0.2196078431); border-radius: 3px 3px 0px 0px; } .mat-tab-header-bg > .mat-tab-header { background: #e7e7e7; border-radius: 3px 3px 0px 0px; } .mat-tab-body_wrap_100 { height: 100%; } .mat-tab-body_wrap_100 .mat-tab-body-wrapper { height: 100%; } .mat-tab-body-head-freeze > .mat-tab-body-wrapper > .mat-tab-body .mat-tab-body-content { overflow: hidden; height: 100% !important; } .mat-tab-body-head-freeze > .mat-tab-body-wrapper > .mat-tab-body .mat-tab-body-content > .mat-dialog-content { height: 100%; display: flex; flex-direction: column; } .mat-tab-body-head-freeze > .mat-tab-body-wrapper > .mat-tab-body .mat-tab-body-content > .mat-dialog-content > .mat-tab-body-header { flex: 0; } .mat-tab-100 { height: 100%; } .mat-tab-100 .mat-tab-body-wrapper { height: 100%; } .mat-tab-actions-page-scroll .mat-tab-body-wrapper .mat-tab-body-content { height: 100% !important; } .header-less-tabs.mat-tab-group .mat-tab-header { display: none !important; } .mat-button-toggle-appearance-standard .mat-button-toggle-label-content { padding: 0 5px !important; line-height: 25px !important; } .toggle-nowrap > .mdc-form-field > label { white-space: nowrap; margin-left: 0.35em; } .snackbar-cancel { color: white; background: lightsalmon; font-weight: bold; } .timepicker-overlay { z-index: 1005 !important; } .timepicker__header { height: auto; line-height: normal; padding: 5px 10px !important; } .label-header-control .mat-form-field-infix { width: auto; } .label-header-control .mat-form-field-appearance-outline .mat-form-field-outline-start { border-radius: 0px; } .temp_layout_type_inner .mat-list-item-content { text-align: center; } .mat-suffix-control .mat-form-field-suffix { top: 0.3em !important; } .template_dropdown_panel .mat-expansion-indicator::after { color: #FFF !important; } .custom-btn-color { background-color: #2d9daf; border-color: #2d9daf; color: #FFF; } .er-temp-left-inner { overflow: auto; height: 100%; } .er-temp-left-scroll { display: flex; flex-direction: column; overflow: hidden; } .er-temp-left-scroll-body { overflow: auto; display: flex; flex: 1; width: 100%; flex-direction: column; } .er-temp-wrap-resp { height: 100%; } .er-temp-left-ul { display: flex; flex-direction: column; height: 100%; width: 100%; } .er-temp-left-ul .er-temp-inner .mat-expansion-panel-body { overflow: auto; } .er-temp-left-ul .mat-list-item { cursor: pointer; } .cust-line-seperation-div { display: block; } .cust-line-seperation-div { display: flex; } .cust-line-seperation-div-left { float: left; } .cust-line-seperation-div-right { width: 100%; overflow: hidden; } .cust-line-seperation-div-right-cont { float: left; width: auto; display: flex; flex-wrap: wrap; margin-right: 0.5em; } .cust-line-seperation-div-right-txtarea { width: auto; float: none; } .cust-line-seperation-wrap { display: flex; } .cust-line-seperation-wrap-cont-area { display: flex; } .template_dropdown_panel_wrap .mat-expansion-panel-body { padding: 2px 2px 2px !important; margin: 0.2em 0em !important; } .visits_controller .mat-radio-label-content { display: flex; align-items: center; } .visits_controller .mat-form-field { margin: 0px 5px; } .custom-btn-color { background-color: #2d9daf; border-color: #2d9daf; color: #FFF; } .form-group1 .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: 0px !important; } .er-temp-right-inner1 .mat-horizontal-content-container { overflow-y: auto !important; height: 100% !important; padding: 0 15px 24px 15px; } .form-group1 .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: 0px !important; } .er-temp-right-inner1 .mat-stepper-horizontal { height: 100% !important; display: flex; flex-direction: column; flex: 1 1 auto; } .er-temp-right-inner1 .mat-stepper-horizontal > .mat-horizontal-stepper-header-container > .mat-horizontal-stepper-header { height: 45px; padding: 0 10px; } .assigned-group-stepper-1 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header { background: none !important; } .assigned-group-stepper-1 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused { background-color: rgba(128, 128, 128, 0.6196078431) !important; } .assigned-group-stepper-1 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-label-active > .mat-step-text-label > .stepper-status-1 { color: #fff !important; } .assigned-group-stepper-1 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header:hover > .mat-step-label-active > .mat-step-text-label > .stepper-status-1 { color: gray; } .assigned-group-stepper-2 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header { background: none !important; } .assigned-group-stepper-2 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused { background-color: rgba(209, 142, 46, 0.8196078431) !important; } .assigned-group-stepper-2 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-label-active > .mat-step-text-label > .stepper-status-2 { color: #fff; } .assigned-group-stepper-3 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header { background: none !important; } .assigned-group-stepper-3 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused { background-color: #84bb84 !important; } .assigned-group-stepper-3 > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-label-active > .mat-step-text-label > .stepper-status-3 { color: #fff; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header { height: 40px; } .panel-body { padding-bottom: 0.2em; } .mat-sidenav-container-control { height: 100%; } .mat-sidenav-container-control .mat-sidenav { width: 100%; } .mat-sidenav-container.task-container { background: none !important; } .mat-expansion-panel-content { overflow: hidden !important; } .mat-sidenav-container.task-container { background: none !important; } .order-item-label .mat-checkbox-label { white-space: pre-wrap; } /* Summary css classes start */ .summary-right-chkbox .mat-checkbox-inner-container { margin-top: 0px !important; margin-right: 0.5em !important; } .summary-panel-header .mat-expansion-indicator::after { color: #fff !important; } .test1 .mat-radio-group { flex-wrap: nowrap !important; } .template_dropdown_panel_wrap.mat-expanded .mat-expansion-panel-header { display: flex; align-content: center; line-height: 30px; } .mat-expansion-panel-header { border-bottom: 1px solid #93c0e2; background: #D2E3F1; } .mat-expansion-panel-header.mat-expanded { border-bottom: 1px solid #93c0e2; background: #D2E3F1 !important; } .mat-expansion-panel-header:hover { background: #D2E3F1 !important; border-bottom: 1px solid #93c0e2; } .mat-expansion-panel-header.mat-expanded:hover { background: #D2E3F1 !important; border-bottom: 1px solid #93c0e2; } /* Summary css classes end */ /*Ros start*/ .ros_expand { margin-top: 0px !important; margin-bottom: 0.5em !important; } .ros_expand_header_txt, .ros_expand_icon { color: #FFF !important; } .ros_expand .mat-expansion-panel-body { padding-bottom: 0.1em !important; } .ros_header_label { white-space: nowrap; margin-right: 1em; } .ros_header_label h2 { white-space: nowrap; margin-right: 1em; } .mat-radio-group.ros_expand_header_txt_radio .mat-radio-button { background-image: none; border: none; } .ros_expand_header_txt_radio .mat-radio-button .mat-radio-label { color: #FFF; } .ros_expand_header_txt_radio .mat-radio-inner-circle { border-color: #FFF !important; background-color: #265e8a !important; } .ros_expand_header_txt_radio .mat-radio-outer-circle { border-color: #FFF !important; } .ros_expand_header, .ros_expand_header:hover { background: #96b7d5 !important; } .ros_expand_header .mat-expansion-indicator::after { color: #FFF; } .example-tab-icon-txt_wrap .mat-content { overflow: hidden; } .example-tab-icon-txt_wrap .example-tab-icon-txt { width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 100%; padding-right: 0.5em; display: block; align-items: center; } .example-tab-icon-txt_wrap-span { display: flex; align-items: center; } .example-tab-icon { margin-right: 0.3em; width: 20px; text-align: center; } .er-temp-inner-scroll-control { max-height: 200px; overflow: auto; } .test-wrap > .mat-radio-label > .mat-radio-label-content { display: flex; align-items: center; width: 100%; } .test-wrap-radio-wrap { height: auto !important; margin: 2px !important; } .test-wrap-radio-wrap > .mat-radio-label { align-items: center !important; } .test-wrap-radio-wrap > .mat-radio-label .mat-radio-container { margin-top: 0px !important; } /*ros end*/ /*Er Temp start*/ .task-handle-custom { height: auto !important; } .radio-label-head--wrap { display: flex; padding: 0.1em 0em; z-index: 260; } .radio-label-head-left { display: flex; align-items: center; padding-right: 1em; padding-top: 0.1em; font-weight: bold; color: rgba(29, 117, 184, 0.831372549); white-space: nowrap; } .radio-label-head-right-wrap { display: flex; flex-direction: column; } .radio-label-head-right { display: flex; flex-wrap: wrap; border-radius: 6px; overflow: hidden; flex-direction: column; width: 100%; } .radio-label-head-right .mat-checkbox-group-content { display: flex; flex-wrap: wrap; } .mat-checkbox-group { display: flex; flex-wrap: wrap; border: 1px solid #e7e7e7; border-radius: 6px; overflow: hidden; } .radio-single-line { padding: 0px 0px 8px 0px !important; margin: 0px 2px 2px 0px !important; border-bottom: 0px !important; } .radio-single-line > .mdc-form-field { align-items: center !important; display: flex; } .radio-single-line > .mdc-form-field label { display: flex; align-items: center; } .mat-radio-group.radio-label-head-right { display: flex; flex-wrap: wrap; border-radius: 0px; overflow: hidden; } .mat-radio-group.radio-label-head-right { border: 0px solid #c6c6c6; border-right: none !important; } .radio-label-head-right.mat-checkbox-group .mat-checkbox { margin-bottom: 0em; margin-right: 0px; padding: 0em 0.5em; border: none; display: flex; flex: 0; width: 100%; border-radius: 0px; } .mat-checkbox-group .mat-checkbox { border-right: none; } .radio-label-head-right > .mat-checkbox-group-content > .mat-radio-button { flex: 1 !important; } .mat-radio-group.radio-label-head-right .mat-radio-button { margin-bottom: 0em; margin-right: 0px; padding: 0.2em 0.25em; border: none; border-right: none; display: block; flex: 0; width: 100%; } .mat-radio-group .mat-radio-button { border-right: none; } /*global radio changes start*/ .mat-radio-group .mat-radio-button { margin-bottom: 0em; margin-right: 0px; padding: 0.2em 0.5em; display: flex; flex: 0; width: 100%; } .mat-checkbox-group { display: flex; flex-wrap: wrap; border: none; border-radius: 5px; border-radius: 0px; border: none; overflow: hidden; background: none; } .mat-radio-group { display: flex; flex-wrap: wrap; border: 1px solid #c6c6c6; border: none; border-radius: 5px; border-radius: 0px; overflow: hidden; background: none; } .mat-radio-group-flex { flex-wrap: nowrap !important; } .mat-checkbox-group .mat-checkbox { margin-bottom: 0em; margin-right: 0px; padding: 0em 0.5em; border: none; display: flex; flex: 1; width: 100%; border-radius: 0px; background-image: none; } .mat-checkbox.mat-checkbox-checked .mat-checkbox-label { color: #202020 !important; } .mat-radio-group .mat-radio-button { margin-bottom: 0em; margin-right: 0px !important; margin-left: 0px !important; background-image: none; border: none; } .mat-radio-button.mat-radio-checked { background: #609dcd; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-label-content { color: #202020; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle { background-color: none; } .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-label-content { color: #202020; } .mat-checkbox-group .mat-checkbox.mat-checkbox-checked { background: none; } .mat-radio-button.mat-radio-checked { background: none; } /*global radio changes end*/ .radio-label-head-right.mat-checkbox-group .mat-checkbox.mat-checkbox-checked { background: none; } .radio-label-head-right .mat-radio-button.mat-radio-checked { background: none; } .radio-label-head-right.mat-checkbox-group .mat-checkbox-checked.mat-accent .mat-checkbox-background { background: none; } .radio-label-head-right.mat-checkbox-group .mat-checkbox.mat-checkbox-checked .mat-checkbox-checkmark-path { stroke: #fff; } .radio-label-head-right.mat-checkbox-group .mat-checkbox.mat-checkbox-checked .mat-checkbox-label { color: #202020; font-weight: bold; } .radio-label-head-right .mat-radio-button.mat-radio-checked .mat-checkbox-label { color: #202020; } .radio-label-head-right .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle { border-color: rgba(0, 0, 0, 0.54); } .radio-label-head-right .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-inner-circle { background-color: none; } .radio-label-head-right .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-label-content { color: #202020; font-weight: bold; } .radio-label-head-right .mat-radio-button ~ .mat-radio-button { margin-left: 0px; margin-right: 0px; } .mat-radio-button ~ .mat-radio-button { margin-left: 6px; margin-right: 0px; } .mat-checkbox .mat-checkbox-ripple { height: 20px !important; width: 20px !important; } .ckeditor-padd .ck.ck-editor__editable_inline p { margin: 0em; padding: 0.2em 0em; } .ck-editor-p-control .ck.ck-editor__editable_inline p { line-height: 18px !important; } .temp-left-label { overflow: hidden; text-overflow: ellipsis; } .temp-left-label-field { text-overflow: ellipsis; overflow: hidden; } .left-label-field-custom { max-width: 200px; } .notes-type-img-div-wrap { width: 100%; display: flex; border-bottom: 1px solid #9c9c9c; margin-bottom: 0px; } .resource-location { font-weight: bold !important; color: black !important; text-shadow: 1px 1px 2px whitesmoke !important; /* optional for contrast */ } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-progress { background: #c0d9eb; } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-signed { background: #b1e3b1; } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-signed .notes-type-div-left_span_txt { color: #005a00; } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-progress .notes-type-div-left_span_txt { color: #06427e; } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-progress > .notes-type-div > .notes-type-div-left > .notes-type-div-left_span_txt-div > .notes-type-div-left_span_txt-div-icon { color: #06427e !important; } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-progress > .notes-type-div > .notes-type-div-left > .notes-type-div-left_span_txt-div > .notes-type-span > .notes-type-span-icon1 { color: #06427e; } .node-content-wrapper-active > tree-node-content > .notes-type-img-div-wrap > .notes-type-status-signed > .notes-type-div > .notes-type-div-left > .notes-type-div-left_span_txt-div > .notes-type-span > .notes-type-span-icon1 { color: #005a00; } .tree-node-leaf .node-content-wrapper { width: 100%; padding: 0px 0px 0px 8px; } .tree-node-leaf-er-temp .node-content-wrapper { width: 100%; max-width: 96%; padding: 0px 0px 0px 0px; } .careflow1_header_tab { padding: 5px 0px; } .careflow1_header_tab .mat-tab-label { min-width: auto !important; height: auto !important; line-height: normal; padding: 0px; margin: 5px 0px; } .careflow1_header_tab .mat-tab-label .mat-tab-label-content { color: blue !important; font-weight: bold; text-decoration: underline; margin: 0 6px; } app-quick-orders { height: 100%; display: block; } app-orders-results-tree { height: 100%; } /*USED FOR PRINT PREVIEW BUTTON name and left loader icon alignment*/ .temp-right-btn-print-preview > .mat-button-wrapper { display: flex !important; align-items: center !important; justify-content: space-between !important; } /*Er Temp stop*/ /*dashboard icon start*/ .Dashboard-section { width: auto; /* max-width: 8%; */ display: flex; text-align: center; } .Dashboard-section-right { width: 100%; padding-right: 1em; } .Dashboard-icon-wrap { width: 100%; height: 100%; border: 1px solid #d2d2d2; border-bottom: 0px; background: #FFF; border-radius: 5px; cursor: pointer; position: relative; } .Dashboard-icon { display: flex; justify-content: center; background-image: linear-gradient(rgba(12, 12, 12, 0.1490196078), #fff 50%); /* padding: 1em; */ box-sizing: border-box; width: 35px; height: 30px; margin: auto; padding: 3px; box-sizing: border-box; border-radius: 5px; border: 1px solid #b9b9b9; } .Dashboard-icon-img { height: 100%; width: auto; margin: auto; } .Dashboard-icon-inner-wrap { border-bottom: 1px solid #e7e7e7; padding: 0.7em 0.5em 0em; position: relative; } .Dashboard-icon-inner-wrap:hover { background: #d9d9d9; } .Dashboard-icon-inner-wrap.active { background: #609dcd; border-left: 5px solid #1f4665; } .Dashboard-icon-inner-wrap.active::before { content: ""; width: 0; height: 0; border-top: 10px solid transparent; border-bottom: 10px solid transparent; border-left: 14px solid #1f4665; position: absolute; left: -0.2em; z-index: 10; top: 38%; } .Dashboard-icon-inner-wrap.active .Dashboard-icon { background: #FFF; } .Dashboard-icon-inner-wrap.active .Dashboard-icon-txt { color: #fff; } .Dashboard-icon-inner-wrap:hover .Dashboard-icon { background: #FFF; } .Dashboard-icon-txt { padding: 0.1em 0em; } .Dashboard-section-wrap { display: flex; justify-content: center; flex-direction: row-reverse; height: 100%; } .Dashboard-icon-page-action-completed { border-left: 5px solid #de8b34; } .er-dashboard-icon-notification-count { background: red; border-radius: 4px; padding: 1px 3px; color: #fff; position: absolute; top: 0px; right: 0px; } .er-dashboard-icon-notification-count1 { background: red; border-radius: 4px; padding: 0px 3px; color: #fff; position: absolute; top: 0.3em; left: 100%; } .qk-reg span { width: 25px; } /*dashboard icon end*/ .example-radio-button .mat-radio-label-content { display: flex; align-items: center; } .example-radio-button .mat-radio-label-content .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: 0px !important; margin: 0% 0.5em !important; } .example-radio-button .mat-radio-label-content .mat-form-field-appearance-outline .mat-form-field-outline { top: 0em !important; margin: 0.4em 0em 0.2em; } .mat-radio-group.example-radio-group.example-radio-group-controller { margin-top: 0.5em; } .mar-input-wrap .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: -2px !important; } .cdk-drop-list { padding: 0.3em !important; height: 85%; overflow: auto !important; overflow-x: hidden !important; flex: 1 1 auto; } .cdk-drop-list-left { padding: 0.3em !important; height: 85%; overflow: auto !important; flex: 1 1 auto; } .temp-inner-content { height: 100%; flex: 1 1 auto; display: flex; flex-direction: column; } /*Phe, Ros start*/ .test-wrap { display: flex; } .test1 { white-space: nowrap; margin-right: 0em; margin-left: 0em; display: flex; flex: 1; flex-wrap: nowrap; width: 100%; } .test2-txt { width: 100%; white-space: normal; line-height: normal; word-break: break-word; } .test2 { white-space: nowrap; margin-right: 0.5em; margin-left: 0.5em; justify-content: space-between; display: flex; width: 100%; } .test3 { margin: auto; } .test3 .mat-form-field-appearance-outline .mat-form-field-wrapper { margin-top: 0px !important; } .default-temp-asterisk-control { display: flex; align-items: center; } .custom_temp_icons-control { min-width: 50px; display: flex; justify-content: space-between; align-items: center; margin-left: 0em; } .custom_temp_icons { margin-left: 0.5em; } .custom_temp_icons1 { margin-left: 0.5em; } .custom_temp_text-wrap { flex-wrap: nowrap !important; } .custom_temp_text { display: flex; overflow: hidden; text-overflow: ellipsis; white-space: pre-wrap; word-break: break-word; padding: 0px 0.5em 0px 0px; } .custom_temp_text-span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .custom_temp_icons-wrap { padding: 0px 5px; cursor: pointer; min-height: auto; border-radius: 4px; display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0.15em 0.5em !important; } /*Phe, Ros end*/ .editor-ck-pre { white-space: normal; } .editor-ck-pre p:empty { display: none; } .editor-ck-pre ul { list-style-type: disc; padding-left: 2em; } .jqx-widget-content { border-right: 1px solid #c7c7c7; box-sizing: border-box !important; } .create-sch-footer { display: flex; justify-content: flex-end; } .create-sch-footer-btn { display: flex; justify-content: flex-end; } .importance_iconforCalender { color: #f7c81d; } /*PHE changes stert*/ .row_control { flex: 1 1 auto; flex-direction: column; overflow: hidden; display: -webkit-flex; height: 100%; } /*PHE changes end*/ /*ordersets css start here*/ .er_temp_wrap_outer { width: 100%; height: 100%; display: flex; flex-direction: column; overflow: hidden; } .er_temp_wrap_inner_cont { flex: 0 0 auto; padding: 0px; overflow: auto; height: auto; max-height: 50%; } .orderset-header-content-split > span { justify-content: space-between; } /*Ordersets css ends here*/ /*quick order css starts here*/ .quickorder-list-item { margin-bottom: 0.1em !important; } .quickorder-list-item-col .mat-checkbox-label span { white-space: break-spaces; } .order_text-control .mat-checkbox-layout .mat-checkbox-label { white-space: normal; } /*quick order css starts here*/ /*icu section changes start*/ .mat-form-field-prefix, .mat-form-field-suffix { align-items: center; align-self: center !important; } .icu-table-dtheader-field .mat-form-field-prefix, .mat-form-field-suffix { display: flex; align-self: flex-end; padding-bottom: 0.1em; } .icu-table-dtheader-field .mat-form-field-appearance-legacy .mat-form-field-wrapper { padding-bottom: 0px; } .icu-table-dtheader th:nth-child(even) { background: #c6dbef !important; } .icu-table-timeheader th:nth-child(odd) { background: #e7eff7 !important; } .mat-form-field-appearance-legacy .mat-form-field-underline { bottom: 0em; } .icu-table-dtheader-fullscreen { background: #c6dbef; border-radius: 3px !important; margin-right: 0.5em !important; } .icu-table-dtheader-fullscreen-icon { font-weight: bold; } .table-header-time_icons-controller { display: flex; } /*icu section changes end*/ .pharmacy-add-view .ng-dropdown-panel { width: auto !important; max-width: 300px; } .menu_dark .sidebar .menu .list a .sidemenuicons-wrap .fa-info-circle { text-shadow: -3px 0px 1px #000 !important; } .menu_dark .sidebar .menu .list a .sidemenuicons-wrap .fa-search { margin-left: -0.3em; text-shadow: -3px 0px 1px #000 !important; } /*ER-Dashboard changes start*/ .cci-control .mat-radio-label-content { width: 100% !important; display: flex !important; align-items: center; justify-content: space-between; } /*ER Dashboard changes end*/ /*ros start*/ .ros-columns-header .mat-content { display: flex; justify-content: space-between; } .example-section { margin-top: 0.3em; height: auto; } .example-section label { margin-top: auto; line-height: normal; } .example-section-jus-space-bt { justify-content: space-between; } .example-margin { margin: 0 10px 0px 0px; } .example-margin-custom { white-space: nowrap; } .example-box { min-height: 20px !important; } .ros-columns-header .mat-expansion-indicator { justify-content: center !important; } /*ros send*/ /*vital css start*/ .vital_expansion_panel .mat-expansion-panel-body { padding-bottom: 0px !important; } .vital-cont-fix .mat-tab-body-wrapper .mat-tab-body-content { height: 100%; } .vital-cdk-h { height: auto; overflow: initial !important; } .patient-vitals-div-control-wrap { display: flex; flex-wrap: wrap; } .patient-vitals-div-control { display: flex; flex-wrap: wrap; border: 1px solid #e2e2e2; border-radius: 5px; padding: 0.5em; margin: 0.3em; } .patient-vitals-div-control-wrap-inner { width: 100%; } .patient-vitals-div-control-wrap-inner:hover { width: 100%; background: rgba(192, 217, 235, 0.4431372549); } .patient-vitals-div-control-wrap-inner:nth-of-type(even) { background: #f5f5f5; } .patient-vitals-div-control-wrap-inner:nth-of-type(even):hover { background: rgba(192, 217, 235, 0.4431372549); } .patient-vitals-div { max-width: 115px; margin-right: 0.75em; } .patient-vitals-div:last-of-type { max-width: 115px; margin-right: 0em; } .vitalngx-chart-control { width: 100%; } .vitalngx-chart-control > ngx-charts-line-chart > ngx-charts-chart > .ngx-charts-outer { width: 100% !important; display: flex; flex-direction: row; } .vitalngx-chart-control > ngx-charts-line-chart > ngx-charts-chart > .ngx-charts-outer > .ngx-charts { display: flex; width: 100%; } .vitalngx-chart-control > ngx-charts-bar-horizontal > ngx-charts-chart > .ngx-charts-outer { width: 100% !important; display: flex; flex-direction: row; } .vitalngx-chart-control > ngx-charts-bar-horizontal > ngx-charts-chart > .ngx-charts-outer > .ngx-charts { display: flex; width: 100%; } .group1-li span { display: flex; } /*vital css ends here*/ /*customization vitals page css starts here*/ .master_data_content > .mat-checkbox { width: 100%; } .master_data_content > .mat-checkbox > .mat-checkbox-layout { width: 100%; } .master_data_content > .mat-checkbox > .mat-checkbox-layout > .mat-checkbox-label { overflow: hidden; text-overflow: ellipsis; width: 100%; } /*customization vitals page css ends here*/ /*history page start*/ .icdDesc-wrap { display: flex; flex-direction: column; align-items: flex-start; margin-top: 15px; } .history-header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 0px !important; } .select-all_wrap { padding: 0.3em 0.5em; } .select-all { margin-bottom: 0.2em; } .select-all-input { width: 100%; border-radius: 5px; } .select-top-align { margin-top: -0.5em; } .table-mat-option { line-height: 2em !important; height: 2em !important; padding: 0.2em 0.5em !important; } .calenderclosecustom > .mat-calendar-header > .mat-calendar-controls > .mat-calendar-next-button { right: 2em; } .calenderclosecustom > .mat-calendar-header > .mat-calendar-controls > .mat-calendar-previous-button { right: 2em; } .calenderclosecustom > .mat-calendar-header > .mat-calendar-controls { margin-top: 0px; margin-bottom: 0px; } .calenderclosecustom > .mat-calendar-header { padding-top: 4px; } /*history page end*/ .review_div { display: flex; align-items: center; padding: 0px 1em; } /*switch dynamic*/ .mat-progress-slider { height: auto !important; } .slider-barcode > .mat-slider-wrapper { width: 100%; top: 15px !important; } .slider-barcode.mat-slider-horizontal { height: 30px !important; min-width: auto !important; width: 100% !important; } .mat-progress-slider.mat-slider-horizontal .mat-slider-wrapper { position: inherit; top: 0px; } .mat-progress-slider-wrap { display: flex; align-items: center; min-height: 30px; } .cust-comp-child-element .mat-form-field { max-height: 30px; } .ckeditor-padd-pheros .ck.ck-editor { width: 100%; } .ckeditor-padd .ck.ck-editor { z-index: 120; min-width: 150px; } .ckeditor-padd-redefined .ck.ck-editor { z-index: 120; min-width: 150px; } .ckeditor-template-rowwise.form_btn_input_ckedit { width: 100%; } .ckeditor-template-rowwise.form_btn_input_ckedit .ckeditor-padd .ck.ck-editor { width: 100%; height: 100%; max-height: 70px; overflow-y: auto; border: 1px solid #c6c6c6; border-radius: 5px; border-left: none; } .mar-compose-ck-editor .ck.ck-editor .ck.ck-editor__top .ck-sticky-panel .ck-toolbar { border-top-width: 1px !important; border-radius: 5px 5px 0px 0px !important; } .mar-compose-ck-editor .ck.ck-content.ck-editor__editable.ck-rounded-corners.ck-editor__editable_inline.ck-blurred { border-radius: 0px !important; border-radius: 0px 0px 5px 5px !important; } .mar-compose-ck-editor .ck-focus-full-height .ck.ck-editor .ck.ck-editor__editable_inline, .ck.ck-editor .ck.ck-editor__editable_inline { overflow: auto; } .ck_editor_mar_compose > .ck-focus-full-height > .ck-editor > .ck.ck-editor__main { max-height: 200px !important; min-height: 200px !important; overflow: auto; } .file_choose_mar .mat-chip-list-wrapper input.mat-input-element, .mat-chip-list-wrapper .mat-standard-chip { margin: 10px 0px !important; } .mat-chip-list-wrapper input.mat-input-element, .mat-chip-list-wrapper .mat-standard-chip { margin: 3px !important; } .file_choose_mar_chip_remove .mat-icon { width: 25px !important; height: 18px !important; line-height: 18px !important; } .ckeditor-padd .ck.ck-editor .ck.ck-editor__top .ck-sticky-panel .ck-toolbar, .ck.ck-editor .ck.ck-editor__top .ck-sticky-panel .ck-toolbar { border-top-width: 0; } .ckeditor-padd .ck.ck-editor .ck.ck-editor__editable_inline, .ck.ck-editor .ck.ck-editor__editable_inline { border-radius: 5px !important; border: 1px solid #c6c6c6; box-shadow: none !important; min-width: 150px; } .ckeditor-padd-pheros .ck.ck-editor .ck.ck-editor__editable_inline, .ck.ck-editor .ck.ck-editor__editable_inline { min-width: auto; max-height: 50px; } .ckeditor-padd-pheros .ck.ck-editor .ck.ck-editor__editable_inline p { margin: auto; line-height: normal; } .ckeditor-focus-normal-height .ck.ck-editor .ck.ck-editor__editable_inline, .ck.ck-editor .ck.ck-editor__editable_inline { min-width: auto; max-height: 50px; min-height: 25px; } .normal-editor-ck > .ck-editor > .ck.ck-editor__main > .ck-editor__editable { min-height: 400px; } .ckeditor-focus-normal-height .ck.ck-editor__main { display: grid; } .ck-focus-full-height .ck.ck-editor__main { display: grid; } .ckeditor-focus-normal-height .ck.ck-editor .ck.ck-editor__editable_inline p { margin: auto; line-height: normal; } .ck-focus-full-height .ck.ck-editor .ck.ck-editor__editable_inline, .ck.ck-editor .ck.ck-editor__editable_inline { max-height: 100%; } .ck.ck-balloon-panel { z-index: 1002; } /*switch dynamic*/ /* angular tree component tree view styles start */ .reverse tree-node-expander { order: 0; } .reverse tree-node-checkbox { order: 1; } .reverse .node-content-wrapper { order: 2; } .reverse .node-content-wrapper::before { left: -37px; top: -19px; } .tree-children::after { border-left: none; } /* angular tree component tree view styles end */ /*chip start*/ .mat-standard-chip { padding: 5px !important; border-radius: 3px !important; min-height: 20px !important; } .mat-chip.mat-standard-chip .mat-chip-remove { line-height: 18px; } .mat-chip-text-dots { overflow: hidden; width: 100%; display: flex; } .mat-chip-text-dots > .mat-chip-list { width: 100%; padding: 0px 1em; } .mat-chip-text-dots > .mat-chip-list > .mat-chip-list-wrapper > .mat-chip { width: 100%; height: 100%; overflow: hidden; text-overflow: ellipsis; } .mat-chip-text-dots .mat-chip-text-dots-txt { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*chip end*/ /*custom my templates css start*/ .tree-root-custom .toggle-children { background-image: none; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 6px solid #0c6db7; } .tree-root-custom .node-content-wrapper, .tree-children { width: 100%; padding-left: 10px; } .temp_tree-root-control { height: 100%; } .temp_tree-root-control-wrap { height: 100%; } .temp_tree-root-control { height: 100%; overflow: auto; flex: 1 1 auto; display: flex; flex-direction: column; } .temp_tree-root-control > tree-viewport > div:only-of-type { height: 100% !important; width: 100%; display: flex; flex-direction: column; overflow: auto; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar { height: 10px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container { height: 20px; width: 20px; top: -3px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container > .mat-slide-toggle-thumb { height: 17px; width: 17px; } .custom_temp_slide-toggle > .mat-slide-toggle-bar { width: 36px; height: 10px; } .custom_temp_slide-toggle > .mat-slide-toggle-thumb-container { width: 20px; height: 20px; top: -3px; } .custom_temp_slide-toggle > .mat-slide-toggle-thumb { height: 17px; width: 17px; } /*custom my templates css end*/ /* Template Custom Group Row Wise*/ .cust-comp-child-element { float: left; min-height: 35px; height: auto; display: flex; align-items: center; margin-bottom: 0.1em; } .cust-comp-child-element-row-wise { margin-right: 0.5em; height: auto; display: flex; align-items: center; margin-bottom: 0.01em; } .cust-comp-child-element .form_btn_input_wrap_label span { color: rgba(29, 117, 184, 0.831372549); } .cust-comp-child-element-col-wise .form_btn_input_wrap { width: auto !important; float: left !important; } .cust-comp-child-element-col-wise .form_btn_input_wrap_label { width: auto !important; min-width: auto !important; } .cust-comp-child-element-row-wise .form_btn_input_wrap_label { display: flex; align-items: flex-start; } .cust-comp-child-element-row-wise .cust-comp-child-element-row-wise-form { width: 100%; } .cust-comp-child-element-row-wise .cust-comp-child-element-row-wise-form .form_btn_input_wrap_label { display: flex; justify-content: space-between; } .cust-comp-child-element-row-wise .form_btn_input_ckedit { border-bottom: none !important; } .cust-comp-child-element-row-wise .form_btn_input_wrap { width: 100%; border-bottom: 1px solid #d9d9d9; padding: 0.5em 0em; margin: 0em 1em 0em 0em !important; align-items: flex-start; z-index: unset !important; } .cust-comp-child-element-preview .form_btn_input_wrap { padding: 0em 0em; } .cust-comp-child-element .form_btn_input_wrap_label { align-items: flex-start !important; } .cust-comp-child-element-row-wise .form_btn_input_wrap_label { word-break: break-word; overflow: hidden; white-space: pre-line; } .label-break { width: 200px !important; word-break: break-word; overflow: hidden; white-space: pre-line; } .ext-symptom p { display: inline; } .symptom-wrap { margin-bottom: 0.5em; padding: 0.5em 0em 0.5em; } .symptom-wrap:hover { background: #f5f5f5 !important; } .symptom-wrap-div { padding-bottom: 0.5em; } .symptom-note-text p { display: inline; } /* */ /* custom component text box note style start */ .ck-chk-wrap { min-width: 70px; } .ck-chk-wrap .ckeditor-padd .ck.ck-editor { min-width: inherit; } .ck-chk-wrap .ck.ck-editor__editable_inline { min-width: inherit; max-width: 100%; } /* custom component text box note style end */ /*mat-side-nav scroll issue start*/ .sidenav-page-scroll-stop .mat-drawer-inner-container { overflow: hidden; display: flex; flex-direction: column; } .sidenav-page-scroll-stop-body { height: 100%; display: flex; overflow: auto; } .sidenav-page-scroll-stop-body-cont { display: flex; height: 100%; flex-direction: column; width: 100%; } .sidenav-page-scroll-stop-body-cont-inner { flex: 1; /* height: 100%; */ overflow: auto; display: flex; /* flex-direction: column; */ width: 100%; } .sidenav-page-scroll-stop-body-cont-footer { display: flex; flex: 0; justify-content: flex-end; } /*mat-sidenav scroll issue stop*/ /*chip end*/ /*mat-sidenav scroll issue stop*/ /*location page start*/ .location-task-module { flex: 1 1 auto; min-height: inherit; } /*location page end*/ .node-content-wrapper, .tree-children { position: relative; } .node-content-wrapper::before, .tree-children::after { content: ""; position: absolute; } .node-content-wrapper::before { border-bottom: 1px solid lightgrey; border-left: 1px solid lightgrey; top: -10px; width: 12px; left: -15px; height: 110%; } .tree-node-level-1 > tree-node-wrapper > .node-wrapper > .node-content-wrapper::before { display: none; } .tree-node-leaf > .node-wrapper > .node-content-wrapper::before { width: 25px; } .tree-children::after { border-left: 1px solid lightgrey; height: 100%; top: -15px; left: -15px; } tree-node:last-child > .tree-node > .tree-children::after { border-left: none; } .toggle-children { z-index: 1; } /*mail design start*/ .max-texts { padding: 2px 10px !important; } .node-content-wrapper { padding: 0px 5px; } tree-viewport { -webkit-tap-highlight-color: transparent; height: 100%; overflow: hidden; } .inbox-center .table tbody tr td, .table tbody tr th { padding: 0px 5px; } /*mail design end*/ [aria-label="Close dialog"] { width: 25px !important; min-width: 25px !important; height: 25px !important; line-height: 25px !important; display: flex !important; align-items: center; justify-content: center; } [aria-label="Close dialog"] .mat-icon-button, .mat-icon { width: 25px !important; height: 25px !important; line-height: 25px !important; } .header-close .mat-icon-button, .mat-icon { width: 25px !important; height: 25px !important; line-height: 25px !important; display: flex !important; align-items: center; justify-content: center; } .updated_ros_phe_editor > p > strong { min-width: 150px; display: flex; float: left; color: #609dcd; } /*notification bar css starts here*/ .table-img.msg-user { border: none; background: none; } /*messages and compose page css starts here*/ .time-icon { padding: 0.2em 0.5em; background: #3f51b5; border-radius: 5px; height: auto; line-height: normal; display: flex; align-items: center; color: #fff; margin-right: 0.5em; cursor: pointer; } .notification_icons_count span { z-index: 1000; padding: 1px 2px; width: auto !important; height: auto !important; line-height: normal !important; border-radius: 4px; top: -5px !important; left: 10px !important; right: initial !important; } /*messages and compose page css ends here*/ /*mat-chip-list custom css start*/ .mat-chip-padd { margin: 3px 0px !important; } .chip-btn > .mat-icon-button, .mat-icon { width: 20px !important; height: 20px !important; margin-left: 0px !important; margin-right: 0px !important; } /*mat-chip-list custom css end*/ /*customization menu css starts here*/ .tree-root-scroll-fix tree-viewport { overflow: auto; } /*customization menu css ends here*/ /*intake/output css starts here*/ .intake-output-header-bg { background-color: rgba(49, 111, 160, 0.1490196078); border-radius: 5px; padding: 0.5em 0em; } .intake-output-header-bg .ng-select .ng-select-container.ng-appearance-outline .ng-placeholder { background-color: #e0e9f1; } .group-row-control-wrap { border: 0.15em solid #c2c2c2; border-radius: 8px; height: 100%; } .group-row-control { width: 100%; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e7e7e7; height: 25px; padding: 0px 5px; } .group-row-control:nth-of-type(even) { background: #f6f7f8; } .group-row-control .group-row-chkbox { width: 100%; overflow: hidden; } .group-row-control .group-row-chkbox .mat-checkbox-layout { width: 100%; } .group-row-control .mat-checkbox-label { width: 100%; overflow: hidden; text-overflow: ellipsis; } .group-row-control .group-row-icons-wrap { display: flex; align-items: center; } .group-row-control .group-row-icons { cursor: pointer; } .menu-groups-tree-control { border: 0.15em solid #c2c2c2; border-radius: 8px; height: 25px; padding: 0px 5px; } .menu-groups-tree-control tree-root .tree-children tree-node-collection div > tree-node:nth-of-type(even) { background: #f6f7f8; display: block; border-bottom: 1px solid #e7e7e7; } /*intake/output css ends here*/ /*left content header section text icon css starts here*/ .left-sec-head-icon { width: 15px; height: 15px; } /*left content header section text icon css ends here*/ .comp-repeat-hover { position: relative; } .comp-repeat { display: none; transition: all 0.2s ease; } .form_btn_input_wrap:hover .comp-repeat { display: flex; justify-content: center; align-items: center; position: absolute; left: 0px; top: 5px; border-radius: 4px; width: auto; height: 15px; padding: 10px 5px 10px 0px; transition: all 0.2s ease; } .comp-repeat-hover:hover .comp-repeat { display: flex; justify-content: flex-end; align-items: center; position: absolute; right: 0px; top: 5px; border-radius: 4px; width: auto; height: 15px; padding: 10px 5px 10px 0px; z-index: 250; } .comp-repeat-icon { color: #202020; width: auto; float: left; text-align: center; margin-right: 0.2em; background: none; padding: 4px 5px; border-radius: 5px; cursor: pointer; } .comp-repeat-icon:last-of-type { margin-right: 0em; } .comp-repeat-chkbox-wrap-chkbox > .mat-checkbox { width: 100%; } .comp-repeat-chkbox-wrap-chkbox > .mat-checkbox > .mat-checkbox-layout { white-space: pre-wrap; padding: 0px 3px; } .comp-repeat-chkbox-wrap-chkbox > .mat-checkbox > .mat-checkbox-layout > .mat-checkbox-label { word-break: break-word; } .mat-checkbox-group > .mat-checkbox { margin-bottom: 0em; margin-right: 0px; padding: 0em 0em; } .mat-checkbox-group > .mat-checkbox > .mat-checkbox-inner-container { margin-right: 5px; } .mar-overdue-note .mat-badge-content { width: max-content !important; height: max-content !important; padding: 0px 3px; line-height: normal !important; padding: 1px !important; border-radius: 4px; text-align: center; background: red; top: -1px !important; right: 0px !important; left: inherit !important; color: #fff; margin: 0px !important; } .mat-menu-p-0 > .mat-menu-content { padding-top: 0px !important; padding-bottom: 0px !important; } .mar-options-dropdown-wrap button.mat-menu-item { width: 25px !important; height: 25px !important; line-height: 25px !important; border-bottom: 1px solid #d2d2d2; } .mar-options-dropdown-wrap button.mat-menu-item { width: 25px !important; height: 25px !important; line-height: 25px !important; border-bottom: 1px solid #d2d2d2; } .note-img-chip-icon .mat-chip-list-wrapper { flex-wrap: nowrap; } .ck_editor_mar .ck-placeholder { position: relative; min-height: 12em; max-height: 12em; overflow: auto; } /*spinner css starts here*/ .med-spinner-custom { width: 15px !important; height: 15px !important; margin-left: 0.5em; } .med-spinner-custom-wrap .mat-button-wrapper { display: flex; align-items: center; } .med-spinner-custom-wrap .mat-progress-spinner svg { width: 15px !important; height: 15px !important; } .med-spinner-custom .mat-progress-spinner circle, .mat-spinner circle { stroke: #fff; } .durg-chip-list .mat-chip-list-wrapper { overflow: auto; margin: 0px; } .mat-calendar-controls > .mat-calendar-previous-button { width: 40px !important; height: 40px !important; } .mat-calendar-controls > .mat-calendar-next-button { width: 40px !important; height: 40px !important; } /*Discharge Ins Page starts*/ .dis_ins_ck .ckeditor-focus-normal-height .ck.ck-editor__main { display: grid; min-height: 31px; } .dis_ins_ck > .ck-focus-full-height > .ck.ck-editor.ck.ck-editor__editable_inline, .ck.ck-editor .ck.ck-editor__editable_inline p { margin: 0px; min-height: 25px; } /*Discharge Ins Page ends*/ /*ck editor hiostory page css starts*/ .ck_edit_top > .mat-form-field-block > .ckeditor-focus-normal-height > .ck-editor { margin-top: 0.4em; } .ck_edit_top > .mat-form-field-block > .ckeditor-focus-normal-height > .ck-editor > .ck-editor__main > .ck-editor__editable_inline { min-height: 30px; } .ck_editor_full_h { height: auto; } /*ck editor history page css starts*/ /*clinical re-concillation start*/ .example-headers-align_wrap { height: 100%; } .example-headers-align { width: 100%; overflow: hidden; display: flex; flex-direction: column; height: 100%; } .example-headers-align_exp { display: flex; flex-direction: column; height: auto; overflow: hidden !important; flex: 0 0 auto; } .example-headers-align_exp.mat-expanded { flex: 1 1 auto; } .example-headers-align_exp.mat-expanded .mat-expansion-panel-content { flex: 1 1 auto; height: 100%; max-height: 92%; overflow: auto !important; } .example-headers-align_exp .mat-expansion-panel { height: 25px; } .example-headers-align_exp.mat-expanded { height: 100%; } .ckeditor_fullPage .ck-editor__editable { min-height: 500px !important; } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > .editor-figure > figcaption { min-height: auto !important; text-align: left; font-weight: bold; } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > section > .editor-figure > figcaption { min-height: auto !important; text-align: left; font-weight: bold; } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > .editor-figure > .editor-figure > figcaption { min-height: auto !important; text-align: left; font-weight: bold; } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > section > editor-figure > .editor-figure > figcaption { min-height: auto !important; text-align: left; font-weight: bold; } /*clinical re-concilliation ends*/ /*clinical re-concilliation ends*/ .example-full-width > input[type=time] { min-width: 35px; } input[type=time]::-webkit-calendar-picker-indicator { width: 15px; height: 15px; padding-bottom: 0px; } /*COPE css start*/ .cpoe-tabgr-h .mat-tab-header { background: #ebebee; border-radius: 5px 5px 0px 0px; } .cpoe-ag-cust .ag-root-wrapper-body { border-top: none; border-radius: 0px; } .cpoe-ag-cust-underline .mat-form-field-underline { bottom: 0px; } .cpoe-tabgr-h .mat-tab-header .mat-tab-label-active { border-bottom: 2px solid #3f51b5; } .cpoe-tabgr-h .mat-tab-header .mat-ink-bar { width: auto !important; } .cpoe-tabgr-h .mat-tab-header .mat-tab-label { min-width: auto; padding: 0 15px; } .cpoe-ag-overflow { height: 100%; overflow: hidden; } .input-container-wrap { position: relative; margin: 0px 4em; } .input-container-input { margin: 0px; width: 100%; border-radius: 5px; } .input-container-img { position: absolute; right: 5%; top: 20%; } /*CPOE css ends*/ .cpoe-ag-h-2 .ag_height-100_2 { display: flex; flex: 1 1 auto; overflow: hidden; height: 100%; position: initial; } .medication_det { margin-bottom: 1em; display: flex; align-items: center; } .medication_det h2 { font-weight: 600; color: rgba(29, 117, 184, 0.831372549); line-height: 12px; margin-right: 0.5em; } .medication_det span { overflow: hidden; } .patient_info_strip > .mat-content > .mat-expansion-panel-header-title { margin-right: 10px !important; width: 100%; } .patient_info_strip > .mat-content { display: flex; justify-content: space-between; overflow: initial !important; margin-right: 0px !important; width: 100%; height: 100%; display: flex; align-items: stretch; padding: 0px; margin: 0px !important; width: 100% !important; min-width: auto !important; } .patient_info_strip > .mat-content > .mat-expansion-panel-header-description { overflow: initial !important; } .patient_info_strip > .mat-content > .mat-expansion-panel-header-title, .mat-expansion-panel-header-description { width: auto; overflow: hidden; margin-right: 0.75em !important; } .patient_info_strip > .mat-content > .mat-expansion-panel-header-description { width: auto; overflow: hidden; margin-right: 0.55em !important; height: auto; display: flex; align-items: center; padding: 0px; margin: 0px !important; width: auto !important; min-width: auto !important; } .parent-input-saved { border-left: 4px solid green; padding: 0 12px !important; } .parent-input-saved > .mat-option-text { color: green; } /*Audit Reports page css starts*/ .audit-reports_div > .mat-list-item-content { width: 100%; } /*Audit Reports page css ends*/ /*dis.ins page expansion css start*/ .expansion-panel-w-3 > .mat-content > .mat-expansion-panel-header-title { width: 25%; } /*ckeditor strip style ertemplate*/ .stripstyle { background: rgba(217, 217, 217, 0.7882352941); padding: 0.2em 0.5em; border-radius: 3px; margin-bottom: 0.2em; margin-top: 0.2em; line-height: normal; display: flex; align-items: center; font-weight: bold; } /*dis.ins page expansion css end*/ .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] { background-color: rgba(96, 157, 205, 0.8784313725); border-radius: 5px; } .mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover > .mat-step-label-active > .mat-step-text-label > .stepper-status-1 { color: #fff; } /*checkbox small css starts here*/ .chkbox-sm > .mat-checkbox-layout > .mat-checkbox-inner-container { width: 11px !important; height: 11px !important; } /*checkbox-border-white css starts here*/ .mat-chkbox-color-white > .mat-checkbox-layout > .mat-checkbox-inner-container > .mat-checkbox-frame { border-color: #fff; } .mat-chkbox-color-white > .mdc-form-field > label { color: #fff; } .mat-chkbox-color-white > .mdc-form-field > .mdc-checkbox > .mdc-checkbox__background { border-color: #fff !important; } /*checkbox-border-white css ends here*/ .nurse_Icons > .mat-chip-list-wrapper { flex-wrap: nowrap !important; margin: auto !important; } .nurse_Icons > .mat-chip-list-wrapper > .mat-standard-chip { margin: 0px !important; } /*tree node content color starts*/ .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper { margin-bottom: 0.1em; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > tree-node-expander { background: rgba(29, 117, 184, 0.9098039216); flex: 100%; flex: 0; display: flex; padding: 0px 0.2em; border-radius: 3px 0px 0px 3px; height: 23px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > tree-node-expander > .toggle-children-wrapper { padding: 2px 3px 3px 3px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > tree-node-expander > .toggle-children-wrapper > .toggle-children { filter: brightness(0) invert(1); } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper { padding: 0em; background: rgba(29, 117, 184, 0.9098039216); border-radius: 0px 3px 3px 0px; height: 23px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content { width: 100%; max-width: 98%; display: flex; justify-content: space-between; line-height: 18px !important; padding-left: 0.5em; padding: 0.2em; border-radius: 0px 3px 3px 0px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .mat-icon-button { height: 18px !important; line-height: 18px !important; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .mat-icon-button > .mat-icon-button i, .mat-icon-button .mat-icon { line-height: 18px !important; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > span { color: #fff; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper { padding-left: 0px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-left { color: #fff; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-left { color: #fff; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-right > .mat-icon-button { color: #fff; } .node-tree-bg-right > .mat-icon-button { min-width: 22px !important; height: 18px !important; align-items: center; display: flex; } .node-tree-bg-left > .mat-icon-button { min-width: 22px !important; height: 18px !important; } .node-tree-bg-left { line-height: 19px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .tree-node-children > .node-tree-bg-child-wrap { background: rgba(29, 117, 184, 0.9098039216); } .node-tree-bg-chkbox > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > tree-node-checkbox::before { content: ""; position: absolute; top: 0px; display: flex; } .node-tree-bg-chkbox > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > tree-node-checkbox { position: relative; padding: 4px; } .node-tree-bg-chkbox > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > tree-node-checkbox input { margin-left: 1px; } /*node tree children tree starts here*/ .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .tree-node-expander { background: rgba(29, 117, 184, 0.9098039216); color: #fff; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper { height: 23px; background: rgba(29, 117, 184, 0.9098039216); } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-left { color: #fff; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-right > .mat-slide-toggle { height: 18px; line-height: 18px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper { line-height: 23px; } .node-tree-bg-right > .mat-slide-toggle-custom > .mat-slide-toggle { height: 14px; line-height: 14px; } .mat-slide-toggle-custom { height: 14px; width: 14px; display: table !important; } .node-tree-bg-right > .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar { height: 9px; } .node-tree-bg-right > .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container > .mat-slide-toggle-thumb { height: 14px; width: 14px; } .node-tree-bg-right > .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container { height: 14px; width: 14px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar { height: 9px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container > .mat-slide-toggle-thumb { height: 14px; width: 14px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container { height: 14px; width: 14px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container > .mat-slide-toggle-ripple { top: calc(100% - 20px); height: 25px; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-left > .mat-icon-button { color: #fff; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-left { color: #202020; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-right { color: #fff; display: flex; align-items: flex-start; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-children > .tree-children > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-right > .mat-icon-button { color: #202020; } /*node tree children tree ends here*/ .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar { height: 9px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container > .mat-slide-toggle-thumb { height: 14px; width: 14px; } .mat-slide-toggle-custom > .mat-slide-toggle-label > .mat-slide-toggle-bar > .mat-slide-toggle-thumb-container { height: 14px; width: 14px; } .mat-dialog-container .ng-dropdown-panel { position: fixed; left: auto; width: auto; top: auto; margin-top: 41px; } /*theme undefined start*/ .theme-undefined .header-theme-field-control .mat-select-value { color: #202020; } .theme-undefined .header-theme-field-control .mat-select-arrow { color: #202020; } .theme-undefined .header-theme-field-control .mat-form-field-label { color: #202020; } .theme-undefined .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-outline { color: #202020; } .theme-undefined .header-theme-field-control .mat-form-field-appearance-outline .mat-form-field-infix { /* padding: 1em 0 1em 0; */ padding: 0.4em 0 0.3em 0 !important; } /*theme undefined end*/ .phys_resour_page_wrap > app-physical-resource-add { height: 100%; } /*mat chip list custom choose css starts*/ .matchip_cust_choose .mat-chip-list-wrapper .mat-standard-chip { margin-right: 0.7em !important; } .matchip_cust_choose .mat-chip-list-wrapper .mat-standard-chip:last-of-type { margin-right: 0em !important; } .matchip_cust_choose .mat-chip-list-wrapper { flex-wrap: nowrap; } /*mat chip list custom choose css ends*/ /*lab results*/ .mat-tab-inner_scroll_wrap { overflow: hidden; } .mat-tab-inner_scroll_wrap > .mat-drawer-inner-container { overflow: hidden; display: flex; flex-direction: column; } .editor-figure { margin: 0.3em 0em !important; } .editor-tables-temp { border: 1px double #b3b3b3; } .editor-plan-temp { border: 1px double #b3b3b3; } .mat-option.mat-active { background-color: rgba(0, 0, 0, 0.12); } /*patient-info-wrap css stART*/ .patient_info_card { border: 1px solid rgba(29, 117, 184, 0.8509803922); border-radius: 5px; padding-bottom: 0.2em; border-radius: 5px; width: 100%; max-width: 99%; margin: auto; } .patient_info_card > .header { background: rgba(29, 117, 184, 0.8509803922); border-radius: 4px 4px 0px 0px; } .patient_info_card > .header h2 { color: #fff !important; } .npi-names-wrap { height: auto !important; padding: 5px 16px !important; border-bottom: 1px solid #e1e1e1; } .npi-names-wrap > .mat-option-text { display: flex; flex-direction: column; } .npi-names-wrap > .mat-option-text span { height: 22px; line-height: 22px; align-items: center; } /*patient-info-wrap css end*/ .page-h-1000-wrap { width: 100%; height: 100%; position: relative; display: flex; flex-direction: column; } .page-h-100-header { display: flex; flex-direction: column; position: inherit !important; height: auto; flex: 0 0 auto; } .page-h-100-body-wrap { width: 100% !important; display: flex; flex: 1 1 auto; flex-direction: column; /* height: 100%; */ position: relative; background: #fff; } .page-h-100-body { position: absolute; height: 100%; max-height: 100%; overflow: hidden; display: flex; flex-direction: column; } /*mat accordian fit page height vertical and content scroll csss starts*/ .mat-accord-h-100 { height: 100%; display: flex; flex: 1; flex-direction: column; } .mat-accord-h-100 > .exp-panel-wrap-100 { flex: 1; overflow: auto !important; display: flex; flex-direction: column; height: 100%; } .mat-accord-h-100 > .exp-panel-wrap-100 > .mat-expansion-panel-content { height: 100%; overflow: auto !important; } /*mat accordian fit page height vertical and content scroll csss ends*/ app-resource-detals { display: flex; width: 100%; flex-wrap: wrap; } .ckeditor_fullPage .ck .ck-sticky-panel .ck-sticky-panel__content_sticky { position: static !important; } .ckeditor_fullPage .ck.ck-sticky-panel__placeholder { height: auto !important; } /*app beds page css starts here*/ .beds_mat_list > .mat-list > .mat-list-item > .mat-list-item-content { padding-left: 0px !important; line-height: normal; } .beds_mat_list > .mat-list > .mat-list-item > .mat-list-item-content:hover .mat-icon { background: rgba(29, 117, 184, 0.9098039216); color: #fff; } .beds_mat_list > .mat-list > .mat-list-item > .mat-list-item-content > .mat-icon { background: #e9e9e9; height: 100% !important; display: flex; flex: 0; padding: 0px 10px; margin-right: 0.5em; border-right: 1px solid #c2c2c2; } /*app beds page css ends here*/ /* Flex Properties for Template custom */ .flex-col { display: flex; flex-direction: column; } /*demographics page css sterts here*/ .icons_type-wrap-outer-control-matmenu > .mat-menu-content { padding: 0px !important; } /*demographics page css ends here*/ .mat-menu-dropdowncustom > .mat-menu-content { padding: 0px !important; } .mat-sidenav > .mat-drawer-inner-container > .header { line-height: normal; height: auto; min-height: auto; padding: 0px 0.3em; /* width: 100%; */ display: flex; justify-content: space-between; align-items: center; background: #f7f7f7; border-bottom: 1px solid #E2E2E2 !important; padding-bottom: 0.3em !important; margin-bottom: 0.5em !important; } .mat-sidenav > .mat-drawer-inner-container > .header > .header-close { display: flex; align-items: center; position: initial; } .mat-form-field-hint-spacer { flex: inherit !important; } app-vaccine-info { height: 100%; } .label-fix-width { min-width: 200px !important; max-width: 200px !important; } .label-fix-width-sm { min-width: 80px !important; max-width: 80px !important; } .label-fix-width-lg-preview { min-width: 100%; max-width: 100%; } .form_btn_input_wrap > .d-flex > .label-fix-width-sm { min-width: 68%; max-width: 68%; } .left-port-wid-controldata-full-length { padding: 0px 3px; flex-direction: column; } .label-fix-width-full { min-width: 95% !important; max-width: 95% !important; } .flex_icons { display: flex; margin-left: 0.5em; padding-top: 10px; } .flex_icon_left { word-break: break-word; white-space: pre-wrap; } .notif_chat_control_wrap > .mat-button-wrapper { line-height: 20px; display: flex; align-items: center; } .notif_chat_control_wrap > .mat-button-wrapper > .mat-icon > .mat-badge-content { width: auto !important; height: auto !important; line-height: normal !important; padding: 0px 4px; top: -9px !important; left: 10px !important; right: initial !important; } /*patient registration cell number color change based on condition start*/ .iconColor { color: #5cb656; } /*patient registration cell number color change based on condition end*/ /*mat expansion panel css*/ .mat-expansion-panel-header-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .mat-expansion-panel-header-title > span { width: 100%; /*from auto to 100% for mat title text last chatacter missing and copped off vijay kumar.*/ margin-right: 1em; margin-right: 1em; overflow: hidden; text-overflow: ellipsis; } /*mat expansion panel css ends here*/ /*add beds css starts */ /*add beds css ends*/ .ros_temp_btn { min-width: auto; padding: 0px 0.5em; line-height: normal; height: auto; background: #63a2ce !important; } .pdfViewer { max-height: 65vh; overflow: auto; } .drop-list-hover { right: 3em !important; } .pop-up-btn-right { margin-left: auto !important; } .ros-phe-image-ckEditor { height: auto; } /*tech pharmacy header fields after tab-group readjustments css starts here*/ .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { padding: 0.3em 0 0.3em 0 !important; border-top: 0.54375em solid transparent; } .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-form-field-label-wrapper { top: -0.34375em; } .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-suffix .mat-icon-button { margin-top: 0.35em; } /*tech pharmacy header fields after tab-group readjustments css ends here*/ .tech-phar-card-bottom-0 { margin-top: -0.3em; } .tech-ph-page-size { min-width: 70px; } .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger { display: inline-flex; align-items: baseline; cursor: pointer; position: relative; box-sizing: border-box; width: 100%; padding-top: 0px; } .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-select .mat-select-trigger .mat-select-value { padding-top: 5px; } .radio-custom-control { margin-right: 5px; display: flex; align-items: center; } .radio-custom-control > label { margin: 0px 4px; height: 100% !important; line-height: normal !important; } app-detail-pharmacy-order { width: 100%; } app-summary-right-sidebar { height: 100%; } app-conversations-document { height: 100%; } .canvas-custom { width: 100% !important; height: auto; display: block; padding-top: 0.5em; } .canvas-custom > g text { height: 40px; display: flex; align-items: center; } .canvas-custom canvas { width: 100% !important; display: block; position: relative; } .svgPatient-Name { margin-top: -2.5em; z-index: 1002; display: flex; position: relative; justify-content: flex-end; } .barcode-wrap { position: relative; top: -36%; left: 0em; padding-left: 28%; margin-right: 6em; width: 100%; max-width: 92%; align-items: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 15%; display: flex; align-items: center; justify-content: flex-end; } .mat-list-icon-wrap > .mat-list-item-content { display: flex; justify-content: space-between !important; } .mat-list-icon-wrap > .mat-list-item-content { display: flex; justify-content: space-between !important; padding: 5px 5px !important; } .mat-list-wrap { border-bottom: 1px solid lightgray; } .mat-list-icon-wrap > .mat-list-item-content i { color: rgb(244, 67, 54); cursor: pointer; } .ag-grid-mat-badge-custom-wrap > .mat-chip-list-wrapper { justify-content: space-between; margin: 1px 0px; } .ag-grid-mat-badge-nurse { width: 20px; height: 20px !important; max-height: 20px; line-height: 20px; min-height: 20px; } .ag-grid-mat-badge-nurse > .mat-badge-content { width: 17px !important; height: 17px !important; top: 35%; line-height: 17px !important; left: 110% !important; } .mat-mdc-chip.ag-grid-mat-badge-custom { width: 18px !important; height: 18px !important; padding: 3px; margin-top: 2px !important; margin-bottom: 2px !important; } .mat-mdc-chip.ag-grid-mat-badge-custom > .mdc-evolution-chip__cell { display: flex; justify-content: center; } .mat-mdc-chip.ag-grid-mat-badge-custom > .mdc-evolution-chip__cell > .mdc-evolution-chip__action { padding-left: 0px; padding-right: 0px; } .ag-grid-mat-badge-custom > .mat-badge-content { width: auto !important; height: auto; min-height: auto; border-radius: 5px; padding: 1px 3px; line-height: normal; display: flex; align-items: cernter; justify-content: center; top: -2px !important; right: -8px !important; } /* vijay: this is for template custom components view designs, if length is more than 40 char then automatically split to two lines with width 100%*/ .flex-column-temp { flex-direction: column; } .flex-column-temp span { width: 100%; min-width: 100% !important; max-width: 100% !important; } /*close */ app-ns-view { height: 100%; } .categorynames_nurse_wrap > .mat-list-option > .mat-list-item-content { padding: 5px !important; } .multiline-tooltip { white-space: pre-line; max-width: unset !important; } .checkbox-text-ellip { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-ellip .mat-checkbox-layout { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-ellip .mat-checkbox-layout .mat-checkbox-label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /*ngx date picker start vitals page*/ .ngx-time-pick > .ngx-timepicker { border-bottom: none !important; } .ngx-time-pick > .ngx-timepicker > .ngx-timepicker__time-colon { margin-left: 0px; padding: 0px 5px 0px 0px; } .ngx-time-pick > .ngx-timepicker ngx-timepicker-time-control > .ngx-timepicker-control > .ngx-timepicker-control__input { padding: 0 11px 0 0; } .ngx-time-pick > .ngx-timepicker ngx-timepicker-time-control > .ngx-timepicker-control { padding-left: 0px; } .ngx-time-pick > .ngx-timepicker ngx-timepicker-time-control > .ngx-timepicker-control > .ngx-timepicker-control__arrows { display: flex; width: auto; flex-direction: column; margin-right: 0.5em; } .ngx-time-pick > .ngx-timepicker ngx-timepicker-time-control > .ngx-timepicker-control > .ngx-timepicker-control__arrows > .ngx-timepicker-control__arrow { line-height: normal; } /* Er-Dashboard patient-orders */ .custom-tab-group > .mat-tab-header > .mat-tab-label-container > .mat-tab-list > .mat-tab-labels > .mat-tab-label { flex-grow: 0 !important; min-width: 90px; } /* app-headings css starts here*/ app-dashboard-utilities { height: 100%; } app-er-dashboard-patient-orders { height: 100%; } app-add-drug { height: 100%; } app-existing-record { height: 100%; width: 100%; } app-patient-vital-chart { height: 100%; display: block; } /* app-headings css ends here*/ .multi-select-wrap { align-items: flex-start !important; padding-top: 0.7em; } .cursor > .form-input-wrap > span { display: flex; } .cursor > .form-input-wrap > span { display: flex; } .ag-unselectable { justify-content: space-between !important; } .mat-form-field-block { position: relative !important; } .validations_rules_wrap { display: none !important; } .mat-mdc-form-field { position: relative; } .patient-radio { display: flex !important; align-items: center !important; justify-content: center !important; } .patient-radio > label { padding-left: 5px !important; } .mat-focused-inner { position: absolute; top: 10px; right: 102%; min-width: 210px; } .ng-select-focused-custom_right { position: absolute; top: -20px; left: 99%; min-width: 210px; z-index: 1500; } .mat-focused-inner_right { position: absolute; top: -20px; left: 102%; min-width: 210px; z-index: 1500; } .ng-select-focused-custom { position: absolute; top: -5%; right: 99%; min-width: 210px; } .validations_rules_wrap_list_right { z-index: 1550 !important; position: relative !important; top: 30px; border-radius: 8px; max-width: max-content; margin: auto; padding: 5px; background-color: #fff !important; border: 1px solid #c2c2c2; } .validations_rules_wrap_list { z-index: 1550 !important; position: relative !important; top: 0px; border-radius: 8px; max-width: max-content; margin: auto; padding: 5px; background-color: #fff !important; border: 1px solid #c2c2c2; } .validations_rules_wrap_list::before { content: ""; position: absolute; top: 10px; left: 100%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-left: 12px solid #c2c2c2; } .validations_rules_wrap_list li { background: none !important; color: #e7e7e7; border: 0px; padding: 4px 7px; line-height: normal; } .validations_rules_wrap_list_right li { background: none !important; color: #e7e7e7; border: 0px; padding: 4px 7px; line-height: normal; } .validations_rules_wrap_list li:first-of-type { border-radius: 7px 7px 0px 0px !important; } .validations_rules_wrap_list li:last-of-type { border-radius: 0px 0px 7px 7px !important; } .mat-focused-inner + .validations_rules_wrap { display: block !important; position: absolute !important; bottom: 100% !important; left: 0px !important; width: 100% !important; } .mat-focused-inner_right + .validations_rules_wrap_list_right { display: block !important; position: absolute !important; bottom: 100% !important; left: 0px !important; width: 100% !important; } .ng-select-focused-custom_right + .validations_rules_wrap_list_right { display: block !important; position: absolute !important; bottom: 100% !important; left: 0px !important; width: 100% !important; } .ng-select-focused-custom + .validations_rules_wrap { display: block !important; position: absolute !important; bottom: 100% !important; left: 0px !important; width: 100% !important; } .validMsg_color { color: #059500 !important; display: flex !important; justify-content: space-between; } .erroMsg_color { display: flex !important; justify-content: space-between; color: #2c2c2c !important; padding: 3px 10px; line-height: 18px; } .list-group-item .validMsg_color { display: flex !important; } .img_width { max-width: 18px !important; max-height: 18px !important; display: flex !important; margin-left: 1em; } .validations_rules_wrap_list_right::before { content: ""; position: absolute; top: 10px; right: 100%; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 12px solid #c2c2c2; } .er-vital-left-review-wrap-span { background: rgba(1, 56, 159, 0.6); margin: 2px 0px; padding: 3px 12px; border-radius: 4px; color: #fff; cursor: pointer; } .patient-div { margin-left: 15px; background: #e1f2ff; padding: 5px 10px; border-radius: 5px; position: relative; } .phy-div-selected { padding: 5px 10px; border-radius: 5px; position: relative; } .patient-div-selected { padding: 5px 10px; position: relative; border-bottom: 1px solid #878787; } .patient-div-selected:last-of-type { border-bottom: 0px; } .phy-div { margin-left: 0px !important; margin-right: 15px; background: #e8e8e8; padding: 5px 10px; border-radius: 5px; position: relative; } .conversation-icon-span { display: none !important; transition: all 0.5s; } .patient-div:hover .conversation-icon-span, .phy-div:hover .conversation-icon-span, .patient-div-selected:hover .conversation-icon-span, .phy-div-selected:hover .conversation-icon-span, .patient-div .conversation-icon-span.pause-btn, .phy-div .conversation-icon-span.pause-btn, .patient-div-selected .conversation-icon-span.pause-btn, .phy-div-selected .conversation-icon-span.pause-btn { display: flex !important; transition: all 0.5s; } .conversation-icon-span { padding: 5px 0px 5px; display: flex; width: 100%; justify-content: flex-end; margin-top: 0.05em; position: absolute; top: 0px; right: 0.5em; } .selected-text { background: yellow; color: green; } .selected-text > div { background: none; } app-conversations-list { height: 100%; } .EvidanceData_wrap-section > .mat-mdc-tab-body-wrapper > .mat-mdc-tab-body > .mat-mdc-tab-body-content { overflow: hidden; } .pre-wrap div { margin: 1em 0em; } .pre-wrap div:first-of-type { margin-top: 0px; } .pre-wrap > div > .phy-div { position: relative; background: yellow !important; margin: 4px 0em; padding: 5px 5px; border-radius: 5px; } .pre-wrap > div > .patient-div { position: relative; background: yellow !important; margin: 4px 0em; padding: 8px 5px; border-radius: 5px; } .ag_height-100_reports { position: absolute !important; /* height: 100%; */ max-height: 100%; width: 100%; max-width: 100%; } .disabled_row { pointer-events: none; opacity: 0.5; } app-nursestation-beds { width: 100%; } .ag_grid_cell_reports { pointer-events: none !important; } .display_drugNames:hover { background-color: #dae7f4 !important; } .tr-height { min-height: 27px !important; height: 27px !important; } app-vaccine-type-details-render { width: 100%; } app-resource-details-cell-render { width: 100%; } .declined-space { padding: 0px 10px; } .accesspermission-wrap { width: 100%; display: flex; justify-content: center; } .accesspermission-wrap p { font-weight: bold; color: #f44336; margin-top: 5px; } .media-title-desc-new { display: flex; justify-content: space-between; } .thead-nwCorp { background-color: #fff !important; } .color_progress { background-color: #8abff8 !important; } .ai_user_chat > p { color: #fff !important; } .disabled { pointer-events: none; opacity: 0.5; } .disabled .mat-mdc-floating-label.mdc-floating-label { pointer-events: none !important; } .disabled .inout-sidenav-width1 { width: 75% !important; /* Adjusted for Organization */ } .patientBarCode svg { height: 25px !important; width: auto; } .series-radio-btn { text-align: center !important; margin-bottom: 10px !important; display: flex !important; justify-content: space-evenly !important; } .series-radio-btn label { font-size: small !important; } .mat-mdc-raised-button.mat-primary { background-color: #1d75b8 !important; } .mat-mdc-raised-button.mat-warn { background-color: #C01608 !important; } .mat-mdc-raised-button.mat-accent { background-color: #FFC400 !important; } .mdc-tab { --mdc-tab-indicator-active-indicator-color: #1d75b8 !important; } .swal2-confirm { background-color: #1d75b8 !important; color: white !important; border-radius: 6px !important; padding: 8px 20px !important; } .swal2-cancel { background-color: transparent !important; color: #C01608 !important; border: 1px solid #C01608 !important; } .country-panel.mdc-menu-surface.mat-mdc-select-panel { max-width: 100% !important; } .mdc-snackbar.success-snackbar .mdc-snackbar__surface { background-color: #008000; color: #ffffff; } .mdc-snackbar.info-snackbar .mdc-snackbar__surface { background-color: #1e78b8; color: #ffffff; } .mdc-snackbar.warning-snackbar .mdc-snackbar__surface { background-color: #CA6C00; color: #ffffff; } .mdc-snackbar.danger-snackbar .mdc-snackbar__surface { background-color: #c01608; color: #ffffff; } .mat-mdc-snack-bar-action { color: #fff !important; } .swal2-input-label { font-size: var(--font-default-lg); font-weight: 600; } /* Date By code Desc 06/20/2023 Vijay v1 */ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /*ng select css start*/ .ng-select { padding-bottom: 0em; margin-top: 0em; display: grid !important; } .ng-select.is-invalid .ng-placeholder::after { content: " *"; color: #f44336 !important; font-weight: bold; margin-left: 2px; } .ng-select.is-valid .ng-placeholder::after { color: #f44336 !important; font-weight: bold; margin-left: 2px; } .ng-select.ng-invalid .ng-placeholder::after { content: " *"; color: #f44336 !important; font-weight: bold; margin-left: 2px; } .ng-select.ng-valid.required .ng-placeholder::after { content: " *"; color: #f44336 !important; font-weight: bold; margin-left: 2px; } .mat-mdc-form-field-required-marker::after { content: " *"; color: #f44336 !important; font-weight: bold; margin-left: 2px; } .mdc-floating-label--float-above .mat-mdc-form-field-required-marker::after { content: " *"; color: #f44336 !important; font-weight: bold; margin-left: 2px; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { padding: 5px 10px; } .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) { background: #e2e2e2; border-top: 1px solid #bdbdbd; } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked { background: rgba(0, 0, 0, 0.12); border-top: 1px solid #bdbdbd; } .mat-dialog-container .ng-dropdown-panel { position: absolute; left: auto; width: 100%; top: auto; margin-top: 35px; } .ng-dropdown-panel .ng-dropdown-panel-items { max-height: 130px !important; } /*ng select search droopdown select panel css start*/ .ng-select-ellip > .ng-select-container > .ng-value-container { width: 100%; text-overflow: ellipsis; overflow: hidden; max-height: 150px; overflow: auto; } .ng-select-ellip > .ng-select-container > .ng-value-container > .ng-value { overflow: hidden; text-overflow: ellipsis; } .ng-select-ellip > .ng-select-container > .ng-value-container > .ng-value > .ng-value-label { overflow: hidden; text-overflow: ellipsis; } /*ng select search droopdown select panel css start*/ .ng-select div { font-size: 12px; } .ng-select .ng-select-container.ng-appearance-outline { padding: 0 0.75em 0 0.3em; margin-top: 0.3em; position: relative; min-height: 40px; height: 40px; z-index: 2 !important; color: rgba(0, 0, 0, 0.6); } .ng-select-multiple .ng-select-container { height: auto !important; } .ng-select-multiple .ng-select-container .ng-value-container { height: auto !important; } .ng-select .ng-select-container .ng-value-container { align-items: stretch; padding-top: 0.3875em; height: 42px; line-height: normal; /*changed by Vijay Kumar Alignment issue in Ng-select while using header class as parent*/ } .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper { z-index: 99; background: #fff; bottom: 13%; line-height: normal; /*changed by Vijay Kumar Alignment issue in Ng-select while using header class as parent*/ } .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-clear-wrapper { bottom: 1px; } ng-select.ng-invalid.ng-touched .ng-select-container { box-shadow: none; } .ng-select .ng-select-container .ng-value-container { border-top: 0.64375em solid transparent; } .ng-select .ng-has-value .ng-placeholder, .ng-select.ng-select-opened .ng-placeholder { transform: translateY(-1em) scale(1) perspective(100px) translateZ(0.001px) !important; font-size: 11px !important; line-height: 15px; color: #5f5e5e; font-weight: normal; } .ng-select.ng-select-focused .ng-select-container .ng-value-container .ng-placeholder { transform: translateY(-1em) scale(1) perspective(100px) translateZ(0.001px) !important; font-size: 11px !important; } .ng-select-container.ng-appearance-outline:after { border: 1px solid #a6a6a6 !important; border-radius: 5px; } .ng-select .ng-select-container.ng-appearance-outline:after { border-radius: 5px 0px 0px 5px; height: calc(100% - 0.6em) !important; } .ng-select-icon-div .ng-arrow-wrapper .ng-arrow { margin: 0px; } .ng-select-icon-div::after { position: absolute; right: 0px; top: 7px; left: inherit; width: 10%; height: 36px; border-left: 0px !important; border-radius: 0px 5px 5px 0px; justify-content: center; line-height: 20px; display: flex; align-items: flex-end; border: 1px solid #a6a6a6; } .ng-select-icon-div { float: left; } .ng-select-icon-div { width: 90%; } .ng-select-icon-div-full { width: 100%; } .ng-select-icon { width: 10%; height: 36px; position: absolute; right: 0.4em; border-radius: 0px 5px 5px 0px; border-left: 0px; top: 0.45em; /* line-height: 34px; */ display: flex; align-items: center; justify-content: center; border: 1px solid #a6a6a6; } .ng-select-icon-link { display: flex; align-items: center; } .ng-select-icon-link .plus_icon { margin-top: 0.1em; font-size: 20px; } .ng-invalid.ng-touched > .ng-appearance-outline:after, .ng-invalid.ng-touched.ng-select-bottom > .ng-appearance-outline:after { border: 1px solid #f44336; border-radius: 5px; } .ng-invalid.ng-touched > .ng-appearance-outline:hover:after, .ng-invalid.ng-touched.ng-select-bottom > .ng-appearance-outline:hover:after { border-color: #f44336 !important; } .cust-select-error { padding: 0 0.4em !important; color: #f44336; width: auto !important; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: absolute; margin-left: 0.5em; margin-top: 0.0666666667%; top: calc(100% - 1.05em); background: #FFF; font-size: 11px !important; z-index: 990; line-height: normal; } .intake-output-header-bg .cust-select-error { background: #e0e9f1; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { background-color: #1D75B8 !important; } .cust-select-error > .ng-star-inserted { width: 100%; max-width: 92%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; line-height: normal; margin-top: 0px; font-size: 10px; } .race-height.ng-select .ng-select-container .ng-value-container { height: 37px; overflow-y: auto; } .ng-select .ng-select-container .ng-value-container .ng-input > input { font-weight: normal; } .ng-select .ng-select-container .ng-value-container .ng-input > input { font-weight: normal; line-height: 22px; } .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input { padding: 0px 0.75em; top: 13px; max-width: 85%; } ng-select.ng-invalid.ng-touched .ng-select-container .ng-placeholder { color: #f44336; } .ng-select-icon-link { cursor: pointer; } .ng-select-icon-div::after { width: 5%; } .ng-select .ng-select-container.ng-appearance-outline:after { border-radius: 5px; } .ng-select-icon-div .ng-select-container.ng-appearance-outline:after { border-radius: 5px 0 0 5px; } .ng-select-icon-div .ng-arrow-wrapper .ng-arrow { margin: 0px; } .ng-select-icon-div .ng-select-container.ng-appearance-outline:after { border-radius: 5px 0px 0px 5px; } .ng-select-icon-div::after { position: absolute; right: 0px; top: 7px; left: inherit; width: 10%; height: 36px; border-left: 0px !important; border-right: 0px !important; border-radius: 0px 5px 5px 0px; justify-content: center; line-height: 20px; display: flex; align-items: flex-end; border: 1px solid #a6a6a6; } .ng-select-icon-div { float: left; } .ng-select-icon-div { width: calc(100% - 30px); } .ng-select-icon { width: 30px; height: 32px; position: absolute; right: 0em; border-radius: 0px 5px 5px 0px; border-left: 0px; top: 0.6em; display: flex; align-items: center; justify-content: center; } .ng-select-icon-link { display: flex; align-items: center; margin-left: auto !important; } .ng-select-icon-link .plus_icon { margin-top: 0.1em; } .ng-select .ng-select-container.ng-appearance-outline .ng-value { padding-top: 0px; padding-left: 0.55em; margin-top: 4px; color: #212121; line-height: 18px; } ng-select.ng-invalid.ng-touched .ng-select-container { /* //box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px #fde6e8; */ } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { z-index: 2; } .ng-select { font-family: "noto sans", sans-serif; } .ng-select .ng-select-container { color: rgba(0, 0, 0, 0.6); } .ng-select .ng-select-container .ng-value-container .ng-placeholder { color: #212121 !important; font-size: 1.1em; overflow: hidden; text-overflow: ellipsis; max-width: 87%; padding-left: 0.5em; margin-top: 0em; /*incresed to 0.1em coz on ng select placeholder value is not vertoically aligned to top.*/ z-index: 2; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { margin: 0 0.4375em 0.1375em 0; margin-top: 5px; margin-bottom: 0px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value span { text-overflow: ellipsis; } .invalid-feedback { font-size: 11px; } .mat-date-range-input-wrap-control > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix { display: flex; align-items: center; } .mat-date-range-input-wrap-control > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-date-range-input { border-right: 1px solid #e2e2e2; } /*orders approval page design issues starts here*/ .orders-table tbody tr td { min-height: 30px !important; height: 30px !important; } .orders-table thead tr { height: 35px !important; } /*orders approval page design issues end here*/ :root { --font-default-xxxl: 16px; --font-default-xxlarge: 15px; --font-default-xlarge: 14px; --font-default-lg: 13px; --font-default-normal: 12px; --font-default-small: 11px; --font-default-xsmall: 10px; --font-default-templeteEditIcon: 23px; --notification_icon-size:18px; --demograph-icon-size: 25px; --notification_icon-size: 18px; --mat-mdc-floating-label: 10px; --Ag-grid-size-height: 10px; --notification_icon: 8px; } .header_nav_notification_icon { display: flex; margin-top: -2px; cursor: pointer; width: var(--notification_icon-size) !important; height: var(--notification_icon-size) !important; } .nav-notification-icons i { font-size: var(--font-default-lg) !important; } .notification_icons_count .mat-badge-content { font-size: var(--notification_icon) !important; } .notification_icons_count i { font-size: var(--font-default-lg) !important; } app-bed-render { height: auto !important; } app-bed-render > div { height: auto; line-height: 18px; } app-bed-render > div > i { line-height: normal !important; } .sidebar-userpic-name { font-size: var(--font-default-normal) !important; } .profile-usertitle-job { font-size: var(--font-default-small) !important; } .jqx-scheduler-toolbar { font-size: var(--font-default-small) !important; } /*material_theme.scss start*/ .material-icons { font-size: var(--font-default-xxxl); } .icon-large { font-size: var(--font-default-xxxl) !important; } .chip-btn > .mdc-icon-button, .mat-icon { font-size: var(--font-default-xxxl) !important; } .header_nav_notification_icon { width: var(--notification_icon-size) !important; height: var(--notification_icon-size) !important; } .demograph-icon-size { width: var(--demograph-icon-size) !important; height: var(--demograph-icon-size) !important; } .chip-btn > .mdc-icon-button, .mat-icon { font-size: var(--font-default-xxxl) !important; } .nav-notification-icons .mat-icon { font-size: var(--font-default-xxxl) !important; } .header_nav_notification_icon { width: var(--notification_icon-size) !important; height: var(--notification_icon-size) !important; } .social-icon-custom li a img { width: var(--demograph-icon-size) !important; height: var(--demograph-icon-size) !important; } .icons-custom { width: var(--demograph-icon-size) !important; height: var(--demograph-icon-size) !important; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { margin-top: var(--mat-mdc-floating-label) !important; top: 2px !important; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label { font-size: var(--font-default-small); } .mdc-text-field .mdc-floating-label mat-label { font-size: var(--font-default-small); } .ng-select .ng-select-container.ng-appearance-outline .ng-value { margin-top: 2px; } .ng-select .ng-select-container .ng-value-container .ng-placeholder { font-size: var(--font-default-small); } .notif_chat_control_wrap-new > .mat-icon > .mat-badge-content { font-size: var(--font-default-small) !important; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { font-size: var(--font-default-small); } .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { font-size: var(--font-default-xsmall) !important; } .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above > .mdc-text-field .mdc-floating-label mat-label { font-size: var(--font-default-xsmall) !important; } .mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above > mat-label { font-size: var(--font-MatLabel) !important; } .ng-select .ng-has-value .ng-placeholder, .ng-select.ng-select-opened .ng-placeholder { transform: translateY(-1.2em) scale(1) perspective(100px) translateZ(0.001px) !important; } .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control { font-size: var(--font-default-small) !important; } .mat-mdc-select { line-height: 18px !important; } .mat-mdc-select-arrow-wrapper { height: 20px !important; } .mat-mdc-select-value-text { font-size: var(--font-default-small); } .mat-mdc-select-min-line { font-size: var(--font-default-small); } .mat-mdc-dialog-container .mdc-dialog__content { font-size: var(--font-default-small); } .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control { font-size: var(--font-default-small); } .mat-mdc-form-field-error { font-size: var(--font-default-xsmall); } .mat-mdc-option { font-size: var(--font-default-small) !important; } /*material_theme.scss end*/ .jqx-fill-state-normal { font-size: var(--font-default-small) !important; } /*_badgelistgroupitem start*/ .badge { font-size: var(--font-default-small); } .list-group-item-text { font-size: var(--font-default-small); } .list-group-item-heading { font-size: var(--font-default-small); } span { font-size: var(--font-default-small); } span.badge { font-size: var(--font-default-small) !important; } /*_badgelistgroupitem end*/ /*card start*/ .card .card-inside-title { font-size: var(--font-default-small); } .card .card-inside-title small { font-size: inherit; } .card .header h2 { font-size: var(--font-default-small); } .card .header h2 small { font-size: inherit; } .card .body { font-size: var(--font-default-small); } .card.card-statistic-1 .card-icon { font-size: var(--font-default-xsmall); } .card.card-statistic-1 .card-body, .card.card-statistic-2 .card-body { font-size: var(--font-default-small); } .card.card-statistic-1 .card-icon .ion, .card.card-statistic-1 .card-icon .fas, .card.card-statistic-1 .card-icon .far, .card.card-statistic-1 .card-icon .fab, .card.card-statistic-1 .card-icon .fal, .card.card-statistic-2 .card-icon .ion, .card.card-statistic-2 .card-icon .fas, .card.card-statistic-2 .card-icon .far, .card.card-statistic-2 .card-icon .fab, .card.card-statistic-2 .card-icon .fal { font-size: inherit; } .card.card-statistic-2 .card-icon { font-size: inherit; } .card.card-statistic-2 .card-icon-only { font-size: inherit; } .card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 { font-size: var(--font-default-small); } .card.card-statistic-1 .card-body { font-size: var(--font-default-small); } .doc-card-title { font-size: var(--font-default-normal); } /*card end*/ /*_dialogs start*/ .sweet-alert p { font-size: var(--font-default-small); } .sweet-alert h2 { font-size: var(--font-default-normal); } .sweet-alert button { font-size: var(--font-default-small); } /*_dialogs end*/ /*mediaobject start*/ .media .media-body { font-size: var(--font-default-small); } .media .media-body .media-heading { font-size: var(--font-default-small); } /*mediaobject end*/ /*modals start*/ .modal .modal-header .modal-title { font-weight: bold; font-size: var(--font-default-normal) !important; } .editRowModal .modal-header .modal-with { font-size: var(--font-default-normal); } /*modals end*/ /*pageloaders start*/ .page-loader-wrapper p { font-size: var(--font-default-small); } /*pageloaders end*/ /*progressbars start*/ .progress-list .status { font-size: var(--font-default-small); } /*progressbars end*/ /*_tooltippopovers start*/ .tooltip { font-size: var(--font-default-small); } .popover .popover-content { font-size: var(--font-default-small); } /*_tooltippopovers end*/ /*new-insurance.component start*/ .rowsHeader { font-size: var(--font-default-normal); } /*new-insurance.component start*/ /*overall font-size start*/ .mat-select-panel .mat-optgroup-label, .mat-select-panel .mat-option { font-size: var(--font-default-small); } .mat-option { font-size: var(--font-default-small); } .mat-checkbox { font-size: var(--font-default-small); } .mat-checkbox-layout .mat-checkbox-label { font-size: var(--font-default-small); } .mat-calendar-body-label, .mat-calendar-period-button { font-size: var(--font-default-small); } .mat-expansion-panel-header { font-size: var(--font-default-normal); min-height: 25px !important; height: 25px !important; } .mat-expansion-panel-content { font-size: var(--font-default-small) !important; } .mat-expansion-panel-body { font-size: var(--font-default-small) !important; } .mat-list-base .mat-list-item { font-size: var(--font-default-small); } .material-icons { font-size: var(--font-default-xxlarge); } .reconciliation-xml-file { font-size: var(--font-default-small) !important; max-height: 25px; display: flex; justify-content: center; align-items: center; } /*overall font-size end*/ /*font-sizes mentioned here*/ h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-size: var(--font-default-normal); } body { font-size: var(--font-default-small); } p { font-size: var(--font-default-small); } /*mat select font size starts here*/ .mat-table .mat-header-cell { font-size: var(--font-default-small); } .mat-cell, .mat-footer-cell { font-size: var(--font-default-small); } .mat-error { font-size: var(--font-default-xsmall); } .mat-tab-label, .mat-tab-link { font-size: var(--font-default-small); } .autocomplete { font-size: var(--font-default-small); } .mat-chip { font-size: inherit; } .mat-chip.mat-standard-chip .mat-chip-remove { font-size: var(--font-default-normal); } .mat-radio-label-content { font-size: var(--font-default-small); } .cust-select-error { font-size: var(--font-default-xsmall); } .mat-form-field { font-size: var(--font-default-small); } .multi-error-wrap > .mat-form-field-wrapper > .mat-form-field-flex > .mat-form-field-infix > .mat-customer-error-msg { font-size: var(--font-default-small); } .patient_info_strip > .mat-content > .mat-expansion-panel-header-title, .mat-expansion-panel-header-description { font-size: var(--font-default-small); } /*mat select font size ends here*/ .table th, .table td { font-size: var(--font-default-small); } label, .form-check { font-size: var(--font-default-small); } /*card sizes starts here*/ .card { font-size: var(--font-default-small); } .card .header h2 { font-size: var(--font-default-normal); } .card .body { font-size: var(--font-default-normal); } .card.card-statistic-1 .card-header h4, .card.card-statistic-2 .card-header h4 { font-size: var(--font-default-normal); } /*card sizes starts here*/ /*ag grid font sizes starts here*/ .ag-theme-material { font-size: var(--font-default-small); } .ag-header-cell-text { font-size: var(--font-default-small); } .ag-theme-material .ag-cell { font-size: inherit; } .ag-theme-material .ag-checkbox-input-wrapper { font-size: var(--font-default-small); } /*all font sizes starts here*/ button, input, select, a { font-size: var(--font-default-small) !important; } .header-text h2 { font-size: var(--font-default-normal); } div.ag-theme-material div.ag-row { font-size: var(--font-default-small); } .badge { font-size: var(--font-default-small); } span.badge { font-size: var(--font-default-small); } .list-group-item-text { font-size: var(--font-default-small); } .media { font-size: var(--font-default-small); } .page-loader-wrapper p { font-size: var(--font-default-small); } .logo-name { font-size: var(--font-default-xl); } .welcome-msg { font-size: 2rem; } .login-title { font-size: 1.5rem; } .media .media-body { font-size: var(--font-default-small); } .page-loader-wrapper p { font-size: var(--font-default-small); } .pagination > li > a { font-size: var(--font-default-small); } .pagination > li > a:hover { font-size: var(--font-default-small); } .card .body { font-size: var(--font-default-small); } .contentedit-div { font-size: var(--font-default-small); } .ng-dropdown-panel .ng-dropdown-panel-items .ng-option { min-height: 25px !important; line-height: normal !important; } .ng-select-icon { height: 28px !important; } .ng-select .ng-select-container .ng-value-container .ng-input > input { line-height: 18px !important; } .ng-select .ng-has-value .ng-placeholder, .ng-select.ng-select-opened .ng-placeholder { font-size: var(--font-default-xsmall) !important; } .ng-select .ng-select-container .ng-value-container .ng-input > input { font-size: var(--font-default-small) !important; } .mat-mdc-chip.mat-mdc-standard-chip { min-height: 25px !important; height: 25px !important; } .example-handle { width: 20px; height: 20px; } .tooltip { font-size: var(--font-default-small); } .popover .popover-content { font-size: var(--font-default-small); } .invalid-feedback { font-size: var(--font-default-small); } .wrap_heading_size { font-size: var(--font-default-normal); } .wrap_content_size { font-size: var(--font-default-small); } .add_btn_font { font-size: 34px; } .example-tab-icon { font-size: var(--font-default-xl); } .Dashboard-icon-txt { font-size: var(--font-default-small); } .er-dashboard-icon-notification-count { font-size: var(--font-default-small); } .er-dashboard-icon-notification-count1 { font-size: var(--font-default-small); } .test2-txt { font-size: var(--font-default-small); } .custom_temp_icons { font-size: var(--font-default-normal); } .custom_temp_icons1 { font-size: var(--font-default-lg); } .notification_icons_count span { font-size: var(--font-default-small); } .comp-repeat-icon { font-size: var(--font-default-xl); } .mar-overdue-note .mat-badge-content { font-size: var(--font-default-small); } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > .editor-figure > figcaption { font-size: var(--font-default-small); } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > section > .editor-figure > figcaption { font-size: var(--font-default-small); } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > .editor-figure > .editor-figure > figcaption { font-size: var(--font-default-small); } .ckeditor_fullPage > .ck-editor > .ck-editor__main > .ck-content > section > editor-figure > .editor-figure > figcaption { font-size: var(--font-default-small); } .medication_det h2 { font-size: var(--font-default-normal); } .patient_info_card > .header h2 { font-size: var(--font-default); } .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix { font-size: var(--font-default-small); } .tech-ph-field-manual .example-full-width .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix .mat-input-element { font-size: var(--font-default-small); } .mat-chip.mat-standard-chip > .dose-separate > .mat-chip-trailing-icon { font-size: var(--font-default-xl); } .editor-ck-pre { font-size: var(--font-default-small); } .grid-icon { font-size: var(--font-default-xl); } .fa_custom { font-size: var(--font-default-xxl); } .fas-icon-custom { font-size: 23px; } .orderset-icon { font-size: 30px; } .patient-img-name { font-size: var(--font-default-small); } .patient_info_strip_col-pin-dots { font-size: var(--font-default-small); } .labValue_table_widhth { font-size: var(--font-default-small); } .labResultName { font-size: var(--font-default-small); } .labResultSize { font-size: var(--font-default-small); } .vital_font { font-size: var(--font-default-small); } .imgTag { font-size: var(--font-default-small); font-size: var(--font-default) !important; } .sidebar_bottom { font-size: var(--font-default-small); } .icon-size-wrap { font-size: var(--font-default-small); } .mat-checkbox-layout .mat-checkbox-label { font-size: var(--font-default-small); } .comp-repeat-icon { font-size: var(--font-default-xl); } .orderset-icon { font-size: 30px; /*removed for global fint size*/ font-size: var(--font-default-xl); } .patient-img-name { font-size: var(--font-default-small); } .col-white { font-size: inherit; } .header-sec-img { font-size: var(--font-default-small); } /*all font sizes ends here*/ /*ng-select font size starts here*/ .ng-select div { font-size: var(--font-default-small); } ng-select.ng-invalid.ng-touched .ng-select-container .ng-placeholder { font-size: var(--font-default-small); /*removed for global fint size*/ } ng-select.ng-invalid.ng-touched .ng-select-container .ng-placeholder { font-size: var(--font-default-small); /*removed for global fint size*/ } .ng-select.ng-invalid.ng-touched .ng-select-container .ng-placeholder { font-size: var(--font-default-small); } /*ng-select font size ends here*/ /*card font starts here*/ .card { font-size: var(--font-default-small) !important; } .card .body { font-size: var(--font-default-small) !important; } .imgTag { margin-left: 0px; } .comp-repeat-hover { display: flex; align-items: center; } .notes-type-div-wrap { padding: 0.2em 0.5em !important; } .card.card-bottom-0 { font-size: var(--font-default-small) !important; } .card .header h2 { font-size: var(--font-default-lg) !important; } /*card font ends here*/ .mat-mdc-standard-chip .mdc-evolution-chip__text-label { font-size: var(--font-default-small) !important; } .ag-cell-wrapper.ag-row-group { align-items: center; } .custom_temp_icons-wrap { padding: 0.05em 0.5em !important; } .example-tab-icon-txt > .example-tab-icon { font-size: var(--font-default-xxxl); } .patient_search_custom .header-buttons-left input.search-field { font-size: var(--font-default-normal) !important; } .padding { font-size: var(--font-default-xxxl) !important; } .fa-icon-update-col { font-size: var(--font-default-small) !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header > .mat-step-label > .mat-step-text-label { font-size: var(--font-default-lg) !important; } .sidebar .menu .list a span { font-size: var(--font-default-normal) !important; } .sidebar .menu .list a { font-size: var(--font-default-small) !important; } .dynamic-ag-wrap span { font-size: var(--font-default-normal) !important; } .auto-sug { width: var(--font-default-templeteEditIcon) !important; cursor: pointer; max-width: 25px; } .grid-set { width: var(--font-default) !important; max-width: 15px; margin: 5px; } .er-dashboard-display-content { width: 100%; padding: 0px 5px; border-radius: 4px; display: flex; margin: 0.1%; } .cc-border { border: 2px solid #ffffff; box-shadow: 0 2px 10px 0 rgba(107, 111, 130, 0.3); width: 20px !important; } .label-blue { font-size: var(--font-default-lg); } .value-red { font-size: var(--font-default-lg); } .info-icon { font-size: var(--font-default-xxlarge); } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ /*card changes start*/ .badge { /* font-size: 12px; */ font-size: inherit; } .card { min-height: 25px !important; margin-bottom: 0.3em !important; font-size: 13px; } .card .header { padding: 0.3em 0.5em; align-items: center; } .card .body { color: #555; padding: 5px 5px; font-size: 12px; } .card .body .col-xs-1, .card .body .col-sm-1, .card .body .col-md-1, .card .body .col-lg-1 { margin-bottom: 0px; } .card .body .col-xs-2, .card .body .col-sm-2, .card .body .col-md-2, .card .body .col-lg-2 { margin-bottom: 0px; } .card .body .col-xs-3, .card .body .col-sm-3, .card .body .col-md-3, .card .body .col-lg-3 { margin-bottom: 0px; } .card .body .col-xs-4, .card .body .col-sm-4, .card .body .col-md-4, .card .body .col-lg-4 { margin-bottom: 0px; } .card .body .col-xs-5, .card .body .col-sm-5, .card .body .col-md-5, .card .body .col-lg-5 { margin-bottom: 0px; } .card .body .col-xs-6, .card .body .col-sm-6, .card .body .col-md-6, .card .body .col-lg-6 { margin-bottom: 0px; } .card .body .col-xs-7, .card .body .col-sm-7, .card .body .col-md-7, .card .body .col-lg-7 { margin-bottom: 0px; } .card .body .col-xs-8, .card .body .col-sm-8, .card .body .col-md-8, .card .body .col-lg-8 { margin-bottom: 0px; } .card .body .col-xs-9, .card .body .col-sm-9, .card .body .col-md-9, .card .body .col-lg-9 { margin-bottom: 0px; } .card .body .col-xs-10, .card .body .col-sm-10, .card .body .col-md-10, .card .body .col-lg-10 { margin-bottom: 0px; } .card .body .col-xs-11, .card .body .col-sm-11, .card .body .col-md-11, .card .body .col-lg-11 { margin-bottom: 0px; } .card .body .col-xs-12, .card .body .col-sm-12, .card .body .col-md-12, .card .body .col-lg-12 { margin-bottom: 0px; } .card .header h2 { font-weight: 600; font-size: 12px; color: #202020 !important; line-height: 12px; } .card .header h2:before { content: ""; text-shadow: 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed; } .card .header h2:after { content: ""; text-shadow: 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed, 0 0 3px #92c6ed; } .card .body { color: #2c2c2c; padding: 0.2em 0.5em; } .card.card-statistic-2 .card-icon { margin: 10px; } .card-no-bg { background: none; } .card-no-border { border: none; } .card .header .header-dropdown { display: flex; } .header { padding: 4px 5px; } .header .header-dropdown { top: 0px !important; } .header h2 { font-size: 12px; } .header .header-dropdown { top: 0px !important; } .header.card-statistic-1 .card-header h4, .header.card-statistic-2 .card-header h4 { font-size: 12px; } /*card changes end*/ /*dark changes start*/ .autocomplete { font-size: 12px; } .mat-tab-label, .mat-tab-link { /* font-size: 13px; */ font-size: 12px; } /*dark changes end*/ /*badgelistgroupitem start*/ .badge { font-size: 12px; } span.badge { font-size: 12px; } .list-group-item-text { font-size: 12px; } /*badgelistgroupitem end*/ /*media_object start*/ .media { margin-bottom: 5px !important; margin-top: 5px !important; } .media .media-body { font-size: 12px; } /*media_object end*/ /*modal start*/ .modal { background-color: rgba(238, 238, 238, 0.41); } /*modal end*/ /*pageloader start*/ .page-loader-wrapper p { font-size: 12px; } /*pageloader end*/ /*pagination start*/ .pagination > li > a { font-size: 12px; } .pagination > li > a:hover { font-size: 12px; } /*pagination end*/ /*tooltippopovers start*/ .tooltip { font-size: 12px; } .popover .popover-content { font-size: 12px; } /*tooltippopovers end*/ /*Emergency Information*/ /*Emergency Information*/ /*task start*/ .task-handle { width: 15px; height: 15px; } /*task end*/ /*OrdersColors*/ .color-arrow > .mat-expansion-indicator::after { color: #fff !important; } .medications-color { background-color: #5889af !important; font-weight: bold !important; } .laboratory-color { background-color: rgba(191, 95, 108, 0.68) !important; font-weight: bold !important; } .activity-color { background-color: #79b969 !important; font-weight: bold !important; } .adtorders-color { background-color: #79b969 !important; font-weight: bold !important; } .respiratorycare-color { background-color: rgba(187, 76, 68, 0.78) !important; font-weight: bold !important; } .comments-color { background-color: #718187 !important; font-weight: bold !important; } .patientcare-color { background-color: #5b9cdf !important; font-weight: bold !important; } .admissiontransferdischarge-color { background-color: rgba(197, 83, 3, 0.75) !important; font-weight: bold !important; } .vitalsigns-color { background-color: rgba(0, 2, 90, 0.46) !important; font-weight: bold !important; } .consultsnotifications-color { background-color: #5aa7bf !important; font-weight: bold !important; } .continuousinfusions-color { font-weight: bold !important; background-color: rgba(149, 99, 149, 0.8509803922) !important; } .radiology-color { font-weight: bold !important; background-color: rgba(102, 7, 91, 0.55) !important; } .others-color { font-weight: bold !important; background: rgba(144, 149, 153, 0.9098039216) !important; } .dietorders-color { font-weight: bold !important; background: rgb(179, 155, 83) !important; } .followupcare-color { font-weight: bold !important; background-color: rgba(217, 138, 146, 0.8705882353) !important; } .diagnostictests-color { font-weight: bold !important; background-color: rgba(1, 141, 193, 0.82) !important; } .referrals-color { font-weight: bold !important; background-color: rgba(49, 137, 133, 0.84) !important; } .specialcare-color { font-weight: bold !important; background-color: #38ada5 !important; } .suppliesequipment-color { font-weight: bold !important; background-color: rgba(58, 149, 183, 0.7803921569) !important; } .interactions-color { font-weight: bold !important; background-color: rgba(151, 134, 58, 0.7490196078) !important; } .bloodbank-color { font-weight: bold !important; background-color: rgba(231, 176, 130, 0.7490196078) !important; } .nursing-color { font-weight: bold !important; background-color: rgba(93, 148, 194, 0.7490196078) !important; } .global_wrap { /* position: relative; */ /* height: calc(100% - 4rem); */ /* height: calc(100% - 0rem); */ /* top: 5rem; */ /* max-width: 100%; */ /* display: flex; overflow: auto; */ background: none; position: absolute; top: 0.3em; height: calc(100% - 0.7rem); flex-direction: column; -webkit-font-smoothing: antialiased; max-width: 100%; width: 100%; padding: 0px; } .global_wrap_top_minus { top: -0.3em; } .global_wrap_inner { /* -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; */ flex: 1 1 auto; flex-direction: column; overflow: hidden; display: -webkit-flex; height: 100%; } .global_wrap_body { height: 100%; /* overflow-y: scroll; */ overflow-y: auto; flex: 1 1 auto; } .er-temp { width: 100%; height: 100%; display: flex; } .er-temp-left { border: 1px solid #c2c2c2; display: flex; flex-direction: column; height: 100%; width: 100%; padding: 0.5em 0.5em 0.5em 0.8em; overflow: auto; border-radius: 10px; } .er-temp-inner { width: 100%; height: 100%; display: flex; padding: 0.5em; margin-bottom: 0px !important; } .er-temp-wrap { height: 100%; width: 100%; overflow: hidden; } .er-temp-wrap-modal { max-height: 65vh; overflow: hidden; display: flex; } .er-temp-wrap-modal-left { overflow: auto; } .er-temp-right { display: flex; flex-direction: column; height: 100%; width: 100%; overflow: auto; border-radius: 10px; } .er-temp-wrap-modal-right { overflow: auto; } .er-temp-right-inner { overflow-y: auto; } .global_wrap_inner_scheduler_tabgroup { width: 100%; height: 100%; } /*Scheduler page start*/ .global_wrap_scheduler { background: #FFF; position: absolute; top: 0.3em; height: calc(100% - 0.7rem); flex-direction: column; -webkit-font-smoothing: antialiased; max-width: 100%; width: 100%; } .global_wrap_inner_scheduler { flex: 1 1 auto; flex-direction: column; overflow: hidden; display: -webkit-flex; width: 100%; height: 100%; } .global_wrap_inner_scheduler-h { height: 94% !important; } .global_wrap_inner_scheduler_tabgroup { width: 100%; height: 100%; } /*Scheduler page end*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ .header-bg { border-radius: 5px 5px 0px 0px; padding: 0.3em 0.5em !important; } .modalHeader { background: #e7e7e7; border-radius: 5px; } .modal-header { background: #e7e7e7; border-radius: 5px; padding: 5px 5px 5px 5px; align-items: center; } .modalHeader > .editRowModal > .modalHeader { background: none; } .modal-about { color: #202020; font-weight: bold; } .modalHeader .modal-title { color: #202020; } .modalHeader .mat-icon-button { width: 30px; height: 30px; line-height: 30px; color: #2c2c2c; } /*vijay added this global file to add angular 15 verionnupdated design changes.*/ :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } :root { --font-default-xl: $font-default-xl; --font-default: $font-default; --font-default-sm: $font-default-sm; --font-default-xs: $font-default-xs; } .rowsHeader { font-family: "Inter", sans-serif !important; } .mat-step-label { font-family: "noto sans", sans-serif !important; } .mat-stepper-vertical, .mat-stepper-horizontal { font-family: "noto sans", sans-serif !important; } .mat-menu-item { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-header { font-family: "Inter", sans-serif !important; } .mat-expansion-panel-content { font-family: "Inter", sans-serif !important; } .mat-list-item { font-family: inherit !important; } .mat-button, .mat-raised-button, .mat-icon-button, .mat-stroked-button, .mat-flat-button, .mat-fab, .mat-mini-fab { font-family: inherit !important; } .mat-checkbox { font-family: inherit !important; } .mat-button-toggle { font-family: inherit !important; } .mat-tab-group { font-family: "Inter", sans-serif !important; } .mat-radio-button { font-family: "Inter", sans-serif !important; } .mat-badge-content { font-family: "Inter", sans-serif !important; } .mat-select { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font start*/ .editor-ck-pre { font-family: "Inter", sans-serif !important; } /*ck editor pre tag font end*/ html { scroll-behavior: smooth; } .schedule-del { position: absolute; top: 0px; display: flex; width: 100%; height: 30px; transition: all 0.2s ease-in-out; } .schedule-del i { display: none; transition: all 0.2s ease-in-out; } .schedule-del:hover i { display: flex; position: absolute; right: 11px; top: 8px; transition: all 0.2s ease-in-out; } .icon-position { display: flex; flex: 1; width: 100%; } .delete-icon { z-index: 1000; /* Ensure icon appears above other elements */ padding: 2px; } .f-icon-div.schedule-del { display: none; } .jqx-scheduler-appointment:hover .schedule-del { display: block !important; } .w-150 { width: 150px !important; } .w-200 { width: 200px !important; } .w-300 { width: 300px !important; } .w-400 { width: 400px !important; } .w-500 { width: 500px !important; } .w-600 { width: 600px !important; } .w-500 { width: 700px !important; } button, input, select, a { text-decoration: none; } .sidebar .menu .list a { background: none; } .text-left { text-align: left; } .text-right { text-align: right; } .flex-column { display: flex; flex-direction: column; } .addContainermanual .modalHeader { padding: 5px 0.2em; } .addContainer.modal_full_h { height: 100%; } .addContainer.modal_full_h .modal_body { max-height: 100vh; } .chip-inline-wrap { display: inline !important; } .chip-inline-wrap .mdc-evolution-chip-set__chips { display: inline !important; } .modal_page_fit { width: 100%; display: flex !important; flex: 1; height: auto !important; } .modal_page_fit_body { display: flex !important; flex: 1; height: auto !important; overflow: auto; } .button-white { background: #fff !important; color: #202020 !important; } .header-buttons-left { border: 1px solid lightgray !important; border-radius: 4px !important; } .header-buttons-left-v1 { border-radius: 4px !important; } .header-search_label { float: right; margin-right: 33px; } .mat-button-toggle-button > .mat-button-toggle-label-content > .mat-pseudo-checkbox { width: 10px !important; height: 13px !important; margin-right: 5px !important; } .mat-button-toggle-button > .mat-button-toggle-label-content > .mat-pseudo-checkbox.mat-pseudo-checkbox-minimal.mat-pseudo-checkbox-checked::after { width: 8px !important; height: 3px !important; } .mdc-menu-surface.mat-mdc-select-panel { min-width: 140px !important; /*added min-width as mat option dropdown text min-width to be visible at short text.*/ } .controlSearch .mdc-list-item__primary-text { display: flex !important; } .mat-mdc-option-pseudo-checkbox.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal { margin-left: 5px; width: 8px; height: 13px; } .mat-mdc-option-pseudo-checkbox.mat-pseudo-checkbox-checked:after { width: 8px !important; height: 3px !important; } /*changed width only in mat mdc option without chkbox design.*/ .mat-mdc-option { padding-left: 10px !important; padding-right: 10px !important; } .mat-mdc-option:hover { background: #e7e7e7 !important; background-color: #e7e7e7 !important; } .mat-mdc-option.mat-mdc-option-active { background: #f5f5f5 !important; background-color: #e9e9e9 !important; border-bottom: 1px solid #c2c2c2; } /*added padding to 10px from 16px as its covering text with space*/ .mdc-button { font-family: "Inter", sans-serif !important; letter-spacing: 0px; } /*header notification-icons design issue fixed start */ .notif_chat_control_wrap-new > .mat-icon > .mat-badge-content { width: auto !important; height: 15px !important; padding: 1px 3px; line-height: normal !important; left: 100% !important; top: 0px !important; border-radius: 3px !important; } .qk-reg-icon1 .mat-icon { align-items: center; } /*header notification-icons design issue fixed end */ .mat-mdc-card-title { font-family: "Inter", sans-serif !important; } .mdc-form-field > label { margin-top: 1px; margin-left: 2px !important; } .mat-mdc-checkbox-top-0 { margin-top: 0px !important; } .mat-mdc-checkbox-top-0 > .mdc-form-field > .mdc-checkbox > .mdc-checkbox__background { margin-top: 0px !important; } .mat-mdc-checkbox-top-0 > .mdc-form-field > .mdc-label { margin-top: 1px !important; } .chkbox-sm > .mdc-form-field > .mdc-checkbox > .mdc-checkbox__background { width: 11px !important; height: 11px !important; } .mat-mdc-checkbox .mdc-checkbox__ripple { background: none !important; } .mat-mdc-icon-button .mat-mdc-button-persistent-ripple::before { background: none !important; } .mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before { background: none; } .mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before { background: none; } .mdc-form-field { font-family: "noto sans", sans-serif !important; } .mat-mdc-option { font-family: "noto sans", sans-serif !important; } .mdc-form-field > label { line-height: normal; padding-left: 0px !important; margin-right: 0px !important; letter-spacing: 0px; } .mat-mdc-text-field-wrapper { margin-top: 0.5em !important; width: 100%; min-height: 32px; margin-bottom: 0.05em !important; } .mat-mdc-form-field { display: block; position: relative; min-height: 32px; } .mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper { margin-top: 0.75em !important; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix { padding-top: 3px; padding-bottom: 3px; min-height: auto; } .mat-mdc-form-field-infix { min-height: auto; min-height: auto !important; padding-top: 2px !important; padding-bottom: 2px !important; line-height: 24px; } .mdc-text-field .mdc-floating-label mat-label { will-change: initial; /*added coz of form field text in responsive looking blur to avoid and bring sarp text modiofied this*/ } .mdc-text-field .mdc-floating-label { transform: translateY(-60%); will-change: initial; /*added coz of form field text in responsive looking blur to avoid and bring sarp text modiofied this*/ } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { color: #212121 !important; font-family: "noto sans", sans-serif; vertical-align: middle; padding-right: 0px !important; } .mat-mdc-form-field-icon-prefix > .mat-icon, .mat-mdc-form-field-icon-suffix > .mat-icon { padding: 5px !important; color: #858585; } .mat-mdc-form-field-icon-prefix > .mat-icon, .mat-mdc-form-field-icon-suffix > .show-pwd-icon > .mat-icon { padding: 5px !important; margin: 0px 7px; } .mat-mdc-form-field-icon-suffix > i { padding: 5px !important; color: #858585; width: 30px; height: 25px; } .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above { transform: translateY(-2em) scale(1) !important; padding: 0px 5px; background: none; max-width: 105.333333%; max-width: 105% !important; overflow: hidden; text-overflow: ellipsis; } .mdc-text-field--outlined .mdc-floating-label { left: 2px !important; transform: translateY(-37%); } .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__notch { border-left: none !important; } .mat-mdc-form-field-subscript-wrapper { margin-bottom: 0px; z-index: 22; line-height: 10px !important; margin-top: 0px; max-width: 95%; position: absolute !important; bottom: -4px; } .mat-mdc-form-field-hint-wrapper, .mat-mdc-form-field-error-wrapper { padding: 0 11px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: max-content; max-width: 100%; line-height: normal; margin-top: 0px; z-index: 1022; } .mat-mdc-form-field-error { display: inline-block !important; background: #fff; width: max-content; max-width: 100%; margin-top: 0px; line-height: normal; height: auto; text-align: left; padding: 0px 3px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__leading { width: max(10px, var(--mdc-outlined-text-field-container-shape)) !important; } .mdc-text-field--invalid .mdc-notched-outline { border-radius: 4px; } .mdc-text-field--invalid .mdc-notched-outline--notched { border: 0px; } .mat-mdc-form-field-bottom-align::before { content: ""; display: inline-block !important; height: 12px !important; vertical-align: middle; } .mdc-notched-outline--upgraded .mdc-floating-label--float-above { max-width: 150%; } .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control { color: #212121 !important; } .mat-mdc-checkbox .mat-ripple-element { background: none !important; } .mat-mdc-menu-item { min-height: 32px !important; padding-left: 10px !important; padding-right: 10px !important; border-bottom: 1px solid #e7e7e7 !important; margin: 0px !important; } .mat-mdc-menu-item:last-of-type { border-bottom: none !important; } .mat-mdc-icon-button.mat-mdc-button-base { width: auto; height: auto; line-height: normal; padding: 0px 5px; display: flex; align-items: center; border-left: none !important; } .mat-mdc-form-field-icon-suffix { border-left: 1px solid #e7e7e7; padding: 0 0 0 0px !important; margin-left: 0.25em; } .mat-mdc-button, .mat-mdc-unelevated-button, .mat-mdc-raised-button, .mat-mdc-outlined-button { height: 25px !important; } .mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base { min-width: 20px !important; height: 25px !important; line-height: 25px !important; } .mdc-text-field--outlined .mdc-notched-outline { z-index: 1; } .mat-mdc-form-field .mdc-notched-outline__leading { border-color: #a6a6a6 !important; } .mat-mdc-form-field .mdc-notched-outline__notch { border-color: #a6a6a6 !important; } .mat-mdc-form-field .mdc-notched-outline__trailing { border-color: #a6a6a6 !important; } .mat-mdc-form-field.mat-focused .mdc-notched-outline__leading { border-color: #3f51b5 !important; } .mat-mdc-form-field.mat-focused .mdc-notched-outline__notch { border-color: #3f51b5 !important; } .mat-mdc-form-field.mat-focused .mdc-notched-outline__trailing { border-color: #3f51b5 !important; } .mdc-text-field--focused .mdc-notched-outline__leading, .mdc-text-field--focused .mdc-notched-outline__notch, .mdc-text-field--focused .mdc-notched-outline__trailing { border-width: 1px; } .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field.mdc-text-field--invalid.mdc-text-field--focused .mdc-notched-outline__notch { border-top: 0px solid #f44336; } .mat-mdc-form-field .mat-mdc-text-field-wrapper.mdc-text-field .mdc-notched-outline__notch { clip-path: inset(-9em -999em -9em 1px); width: auto !important; margin-left: -2px; } .mdc-text-field--outlined .mdc-notched-outline .mdc-notched-outline__notch { max-width: calc(100% - max(12px, var(--mdc-shape-small, 4px)) * 2); } .ng-select .ng-select-container .ng-value-container .ng-placeholder { padding-left: 6px !important; } .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix { padding-top: 3px; padding-bottom: 3px; } .mat-mdc-select-min-line { color: #1c1c1c !important; overflow: hidden; text-overflow: ellipsis; margin-top: 0px; margin-left: 2px; } .mat-mdc-select-arrow svg { top: 0px !important; } .mat-mdc-select-value-text { width: 100%; display: grid; } .mdc-menu-surface.mat-mdc-select-panel { padding-top: 0px !important; } .mat-mdc-tab-header .mdc-tab__text-label { font-size: 13px; /*incrased size gloablly */ font-weight: bold; color: #1d75b8 !important; } .mat-mdc-tab-header .mdc-tab__ripple::before { content: ""; color: #1d75b8 !important; } .mat-mdc-tab-header .mdc-tab-indicator__content { color: #1d75b8 !important; } .mat-tab-group-white .mat-mdc-tab-header { background: #fff; padding-top: 0.1em; } .mdc-tab { min-width: 160px; letter-spacing: 0px; flex-grow: initial !important; } .mat-tab-group-stretch.mat-mdc-tab-group > .mat-mdc-tab-header .mat-mdc-tab { flex-grow: 1 !important; } .mdc-tab__text-label { font-family: "Inter", sans-serif !important; } .mdc-button__label { white-space: nowrap; line-height: normal; } .mat-dialog-container, .mdc-dialog__container { padding: 15px 15px !important; border-radius: 15px !important; box-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); background: white; color: #212121 !important; } .mat-mdc-dialog-container .mdc-dialog__content { letter-spacing: 0px; font-family: "noto sans", sans-serif !important; } .mdc-dialog .mdc-dialog__content { margin: 2px 0px !important; padding: 0px 5px !important; } .ng-select + .ng-select-icon { height: 30px !important; margin-top: 4px !important; } .mdc-dialog .mdc-dialog__content .ng-select + .ng-select-icon { margin-top: 0.14em !important; } .mdc-dialog__content > .content { margin-top: 20px !important; } .mat-mdc-tab .mdc-tab__text-label { color: #2c2c2c; } .mdc-dialog__surface { box-shadow: initial !important; } .verify_order_mat_tab_group > .mat-mdc-tab-header > .mat-mdc-tab-label-container > .mat-mdc-tab-list > .mat-mdc-tab-labels > .mat-mdc-tab.mdc-tab { height: 35px !important; line-height: 35px !important; } .verify_order_mat_tab_group > .mat-mdc-tab-body-wrapper { top: 3.5em !important; } .mat-mdc-tab.mdc-tab { height: 25px !important; } .button-top-0.mdc-button.mdc-button--raised.mat-mdc-raised-button.mat-primary.mat-mdc-button-base { margin-top: 0px !important; } .button-top-0.mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base { margin-top: 0px; } .mat-mdc-button.mat-mdc-button-base, .mat-mdc-raised-button.mat-mdc-button-base, .mat-mdc-unelevated-button.mat-mdc-button-base, .mat-mdc-outlined-button.mat-mdc-button-base { height: auto; margin: 5px 0px 0px 5px !important; } .mat-mdc-button.mat-mdc-button-base.button-margin-0, .mat-mdc-raised-button.mat-mdc-button-base.button-margin-0, .mat-mdc-unelevated-button.mat-mdc-button-base.button-margin-0, .mat-mdc-outlined-button.mat-mdc-button-base.button-margin-0 { margin: 0px !important; } .suffix-input-wrap > .w-100 > .mat-mdc-checkbox { width: 100%; } .suffix-input-wrap > .w-100 > .mat-mdc-checkbox > .mdc-form-field { white-space: normal; word-break: keep-all; width: 100%; } .suffix-input-wrap > .w-100 > .mat-mdc-checkbox > .mdc-form-field label { word-break: break-word; } .mat-mdc-checkbox { width: auto; /*auto commected coz chkbox label last character been cut in nursing stations.*/ } .mat-mdc-checkbox .mdc-form-field { white-space: nowrap; align-items: flex-start; width: 100%; text-overflow: ellipsis; } .mat-mdc-checkbox .surgicalchec .mdc-form-field { width: 100% !important; white-space: normal; } .mat-mdc-checkbox-split .mdc-form-field { white-space: normal; } .example-tab-icon-txt_wrap .mat-mdc-checkbox { width: 100%; } .example-tab-icon-txt_wrap .mat-mdc-checkbox > .mdc-form-field > label { width: 100%; } .example-tab-icon-txt_wrap .mat-mdc-checkbox > .mdc-form-field > label > .example-tab-icon-txt { width: 100%; } .mat-mdc-checkbox-split .mdc-form-field { white-space: normal; } .mat-mdc-checkbox .mdc-form-field label { margin-top: 1px; width: auto; /*changed from 100% to auto as label text breaking into two lines or taking whole width space whereever we click acting as we click on text to avoid changed this.*/ word-break: break-word; } .mat-mdc-checkbox .mdc-checkbox { margin: 2px 0px 0px 0px !important; padding: 0px !important; top: 0px !important; left: 0px !important; width: 13px; height: 13px; } .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control { top: auto !important; left: 0px !important; right: auto !important; width: 15px !important; height: 18px !important; } .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background { top: 0px !important; left: 0px !important; width: 13px !important; height: 13px !important; margin-top: 0px !important; margin-right: 5px !important; border-radius: 4px; overflow: hidden; } .mat-radio-group-flex .mat-mdc-radio-button .mdc-form-field { white-space: nowrap; } .mat-mdc-radio-button.mat-radio-group-flex-wrap > .mdc-form-field > label { white-space: normal; } .mdc-radio__background, .mdc-radio { width: 14px !important; height: 14px !important; padding: 0px 3px 0px 5px !important; } .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:focus { width: 14px !important; height: 14px !important; padding: 0px 3px 0px 5px !important; } .mdc-radio__native-control:focus + .mdc-radio__background::before { width: 14px !important; height: 14px !important; left: 0px !important; top: auto !important; } .mdc-text-field.mdc-text-field--invalid .mdc-floating-label { color: #f44336 !important; } .mdc-radio__inner-circle { top: -0.195em !important; left: -0.19581em !important; } .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle { border-color: rgba(0, 0, 0, 0.54) !important; } .mdc-radio__native-control:checked + .mdc-radio__background .mdc-radio__inner-circle { transform: scale(0.3) !important; border-color: #1d75b8 !important; } .mat-mdc-radio-button .mat-radio-ripple { left: 6px !important; } .mat-mdc-radio-button .mdc-radio .mdc-radio__background::before { top: calc(-1 * (var(--mdc-radio-state-layer-size, 20px) - 20px) / 2) !important; left: calc(-1 * (var(--mdc-radio-state-layer-size, 20px) - 20px) / 2) !important; width: var(--mdc-radio-state-layer-size, 14px) !important; height: var(--mdc-radio-state-layer-size, 14px) !important; } .mat-mdc-radio-button > .mdc-form-field { align-items: flex-start; white-space: nowrap; width: 100%; text-overflow: ellipsis; } .mat-mdc-icon-button .mat-mdc-button-touch-target { width: 13px !important; height: 13px !important; position: absolute; top: 50%; left: 50%; transform: translate(10%, 25%); } .mdc-checkbox__ripple { width: 13px; height: 13px; } .mat-mdc-checkbox-touch-target { position: absolute !important; top: auto !important; height: 100% !important; left: auto !important; width: 100% !important; transform: initial !important; } .mat-mdc-radio-touch-target { position: absolute !important; top: auto !important; height: 100% !important; left: auto !important; width: auto !important; transform: initial !important; } .mat-mdc-radio-button .mdc-radio .mdc-radio__native-control { top: auto !important; height: auto !important; left: initial !important; right: initial !important; width: auto !important; } .mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark { color: #fff !important; } .mat-mdc-checkbox-split-border { border-bottom: 1px solid #d5d5d5; width: 100%; max-width: 97%; display: flex; justify-content: space-between; } .mat-mdc-checkbox-split-no-border { width: 100%; max-width: 97%; display: flex; justify-content: space-between; } .radio-group-text-align > mat-radio-button { margin-right: 10px; } .radio-group-text-align > mat-radio-button > .mdc-form-field { display: flex; align-items: baseline; align-items: center; } .radio-group-text-align > mat-radio-button > .mdc-form-field > .mdc-label { align-items: center; display: flex; font-size: 14px; } .form_btn_input_wrap .width-date-cont .mat-mdc-form-field-infix { max-width: 70px !important; } .form_btn_input_wrap .width-disp-time-cont .mat-mdc-form-field-infix { max-width: 50px !important; } .search-button.bg { background: #1c629a; } .patient_search_custom .search-icon { font-size: var(--font-default-xxxl); } .patient_search_custom .search-icon { top: 5px !important; } .checkbox-text-ellip { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-ellip .mdc-form-field { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-ellip .mdc-form-field label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-normal { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-normal .mdc-form-field { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-text-normal .mdc-form-field label { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: normal; display: flex; flex-wrap: wrap; } .form_btn_input_wrap .mat-mdc-form-field-infix { width: 100% !important; } .mat-field-0-padd .ng-select .ng-select-container.ng-appearance-outline { margin-top: 0.1em !important; } .mat-field-0-padd .mat-mdc-text-field-wrapper { margin-top: 0.15em !important; } .mat-mdc-text-field-wrapper { background: none !important; } .mat-mdc-option { min-height: 25px !important; height: 25px; line-height: 2.5em; } .mat-mdc-option.autoVaccine { min-height: 170px !important; height: 25px; line-height: 2.5em; } .mat-tab-group-sizing .mat-mdc-tab-header .mdc-tab__text-label { font-size: 14px; } .mat-tab-group-sizing .mat-mdc-tab-group .mat-mdc-tab-header .mdc-tab__text-label { font-size: 13px; } .mat-tab-100 .mat-mdc-tab-body-wrapper { height: 100%; } .mat-tab-body_wrap_100 .mat-mdc-tab-body-wrapper { height: 100%; } .mat-mdc-form-field, .mat-mdc-floating-label { font-family: "noto sans", sans-serif !important; } .field-white .mat-mdc-floating-label { color: #fff !important; } .field-white .mat-mdc-select-arrow { color: #fff !important; } .mdc-notched-outline { border-radius: 4px; } .mdc-menu-surface.mat-mdc-select-panel { max-width: 280px; overflow: auto; -webkit-overflow-scrolling: touch; min-width: 100%; } /*Mar page changes starts here*/ .mar-overdue-note .mat-badge-content { top: -35% !important; right: -4% !important; left: inherit !important; color: #fff; margin: 0px !important; padding: 2px 3px !important; } /*Mar page changes ends here*/ /*Slide toggle start*/ .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::before { background-color: #a4a7a9 !important; } .mdc-switch__handle { top: 25% !important; } .mdc-switch__handle::before, .mdc-switch__handle::before { background-color: #a4a7a9 !important; } .mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after { background-color: rgba(29, 117, 184, 0.54) !important; } .mdc-switch__handle::before, .mdc-switch__handle::after { border: 1px solid rgb(12, 83, 137); } .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected:enabled .mdc-switch__handle::after { background: #6aa4d0 !important; } .mat-mdc-dialog-content { max-height: auto; } .mat-mdc-option { max-width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; } .mat-mdc-option:hover { background: rgba(0, 0, 0, 0.04) !important; border-bottom: 1px solid #e7e7e7; } .mat-mdc-option .mdc-list-item__primary-text { max-width: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; } .mat-mdc-select-value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap !important; } .button-small { width: 25px !important; height: 25px !important; } .button-sm.mdc-button.mdc-button--raised { padding: 0px 10px 0 10px !important; } .mat-mdc-button .mat-mdc-button-touch-target, .mat-mdc-unelevated-button .mat-mdc-button-touch-target, .mat-mdc-raised-button .mat-mdc-button-touch-target, .mat-mdc-outlined-button .mat-mdc-button-touch-target { height: auto !important; top: auto !important; } /*slide toggle start*/ /*slider start*/ /*slider end*/ .mat-mdc-slide-toggle { height: 18px; } .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected .mdc-switch__icon { width: var(--mdc-switch-selected-icon-size, 14px) !important; height: var(--mdc-switch-selected-icon-size, 14px) !important; } .mat-mdc-slide-toggle .mdc-switch .mdc-switch__ripple { height: auto !important; width: auto !important; } .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track { width: calc(100% - var(--mdc-switch-handle-width, 18px)) !important; top: 1px; } .mat-mdc-slide-toggle .mdc-switch .mdc-switch__track { height: 10px !important; margin-top: -2px; } .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle { width: var(--mdc-switch-handle-width, 18px) !important; } .mat-mdc-slide-toggle .mdc-switch .mdc-switch__focus-ring-wrapper, .mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle { width: 14px !important; height: 14px !important; } .mat-mdc-slide-toggle .mdc-switch.mdc-switch--selected .mdc-switch__icon { width: 12px !important; height: 12px !important; font-weight: bold; } .mdc-switch.mdc-switch--unselected .mdc-switch__icon { width: 12px !important; height: 12px !important; font-weight: bold; } /*slide toggle ends*/ .ag-cell .f-icon-div > span { padding: 3px 7px; min-height: 14px; display: flex !important; align-items: center; } .ag-cell .f-icon-div > span i { font-size: var(--font-default-small) !important; } .ag-cell .f-icon-div { min-height: 14px; } /*mat-chip changes starts here*/ .mat-mdc-standard-chip { height: var(--mdc-chip-container-height, 20px) !important; border-radius: 3px !important; } .mat-mdc-chip.mat-mdc-standard-chip { height: auto !important; } .mat-mdc-standard-chip > .mdc-evolution-chip__cell > .mdc-evolution-chip__action > .mat-mdc-chip-action-label { display: flex; white-space: normal; } .mat-mdc-standard-chip > .mdc-evolution-chip__cell > .mdc-evolution-chip__action { padding-left: 4px; padding-right: 8px; } mat-chip-list { display: flex; } mat-chip-list > .cdk-drag { margin-right: 0.5em; } /*mat chiop colors starts here*/ .mat-mdc-chip.chip-green { background: #36890a !important; } .mat-mdc-chip.chip-green > .mdc-evolution-chip__cell > .mdc-evolution-chip__action > .mat-mdc-chip-action-label { color: #fff !important; } /*mat chiop colors ends here*/ .header-theme-field-control .mat-mdc-form-field-infix { padding-top: 0px !important; padding-bottom: 0px !important; } .mat-mdc-text-field-wrapper { margin-top: 0.7em !important; width: 100%; min-height: 26px; z-index: 1; } .header-theme-field-control .mat-field-0-padd .mat-mdc-text-field-wrapper { margin-top: 0.3em !important; } .mdc-text-field--outlined { padding-left: max(8px, var(--mdc-shape-small, 4px) + 4px) !important; } /*mat-error*/ .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch, .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing { border-color: var(--mdc-theme-error, #f44336) !important; } .multi-error-wrap > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-subscript-wrapper { max-width: 96%; display: flex; justify-content: space-between; } .multi-error-wrap > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-subscript-wrapper > .ng-trigger-transitionMessages { display: flex; width: 100%; justify-content: space-between; } .multi-error-wrap > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-subscript-wrapper > .ng-trigger-transitionMessages > .mat-error:last-of-type { width: 70%; } .multi-error-wrap > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-customer-error-msg { width: auto; position: absolute; color: red; background: #fff; padding-right: 10px; padding-left: 5px; } .event-none .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label { pointer-events: none !important; } /*mat error ends here*/ /*icu forms table header design form issue starts here*/ .icu-table-dtheader-field .mat-mdc-form-field-infix { padding-top: 9px !important; } .icu-table-dtheader-field > .mat-mdc-form-field > .mat-mdc-text-field-wrapper { margin-top: 0.2em !important; padding-bottom: 0.9em !important; padding: 0px; height: 35px !important; } .icu-table-dtheader-field > .mat-mdc-form-field > .mat-mdc-text-field-wrapper { margin-top: 0.1em !important; } /*icu forms table header design form issue ends here*/ /*button css starts here*/ .form_btn_input_wrap .mat-mdc-raised-button { margin: 0em 0em 0em 0.5em !important; } .node-tree-bg > tree-viewport > div > .angular-tree-component > tree-node-collection > div > tree-node > .tree-node > tree-node-wrapper > .node-wrapper > .node-content-wrapper > tree-node-content > .node-tree-bg-child-wrap > .node-tree-bg-right > .mat-mdc-icon-button { color: #fff; } .navbar-right-custom .mdc-icon-button, .mat-icon { display: flex !important; align-items: center; justify-content: center; width: 25px !important; } .navbar-right-custom i { font-size: 14px; } .chip-btn > .mdc-icon-button, .mat-icon { margin-left: 0px !important; margin-right: 0px !important; } .header_nav_notification_icon { width: var(--notification_icon-size) !important; height: var(--notification_icon-size) !important; } /*button css ends here*/ /*radio changes starts here*/ .mat-mdc-radio-group { display: flex; flex-wrap: wrap; border: 1px solid #c6c6c6; border: none; border-radius: 5px; border-radius: 0px; overflow: hidden; background: none; } .mat-mdc-checkbox-group .mat-checkbox { margin-bottom: 0em; margin-right: 0px; padding: 0em 0.5em; border: none; display: flex; flex: 1; width: 100%; border-radius: 0px; background-image: none; } .mat-mdc-checkbox.mat-mdc-checkbox-checked .mat-mdc-checkbox-label { color: #212121 !important; } /*chkbox margin 0 start*/ /*chkbox margin 0 start*/ .field-white > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__leading { border-color: #fff !important; } .field-white > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__trailing { border-color: #fff !important; } .field-white > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__notch { border-color: #fff !important; } .field-white > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__notch > .mdc-floating-label { background: none; } .field-white > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-infix > .mat-mdc-select > .mat-mdc-select-trigger > .mat-mdc-select-value > .mat-mdc-select-value-text > .mat-mdc-select-min-line { color: #fff !important; } .mat-mdc-select-arrow-wrapper { min-width: 25px; justify-content: center; margin-top: 5px; } .mat-mdc-form-field-type-mat-select .mat-mdc-text-field-wrapper { padding-right: 0px; } .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label { max-width: 100% !important; } .mat-mdc-form-field-type-mat-select.mat-form-field-appearance-outline .mdc-notched-outline__notch { max-width: calc(100% - 30px) !important; } .mat-mdc-form-field-type-mat-select.mat-mdc-form-field-has-icon-suffix.mat-form-field-appearance-outline .mdc-notched-outline__notch { max-width: calc(100% - 65px) !important; } .mat-mdc-form-field-type-mat-input.mat-mdc-form-field-has-icon-suffix.mat-form-field-appearance-outline .mdc-notched-outline__notch { max-width: calc(100% - 40px) !important; } .mat-mdc-form-field-type-mat-select > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline > .mdc-notched-outline__notch > .mdc-notched-outline__notch > .mdc-floating-label--float-above > mat-label { max-width: 90%; } .field-white .mat-mdc-floating-label > mat-label { color: #fff; } /*font size changes from 14 to 15 start*/ .mat-mdc-select { font-family: "Inter", sans-serif !important; } /*using this class to define ng like dropdown to be visible outside of mat expansion panel starts here*/ .new-temp-wrap-inner_expansion.mat-expanded.expansion-overflow-visible { overflow: initial !important; } .new-temp-wrap-inner_expansion.mat-expanded.expansion-overflow-visible .mat-expansion-panel-content { overflow: initial !important; } .new-temp-wrap-inner_expansion.mat-expanded.expansion-overflow-visible .mat-expansion-panel-content .mat-expansion-panel-body { overflow: initial !important; } /*using this class to define ng like dropdown to be visible outside of mat expansion panel ends here*/ /*app beds page css starts here*/ .beds_mat_list > .mat-mdc-list { border: 1px solid #c2c2c2; padding: 0; cursor: pointer; display: flex; align-items: center; } .beds_mat_list > .mat-mdc-list > .mat-mdc-list-item { margin-bottom: 0; height: 100% !important; padding-left: 0px; padding-right: 8px; } .beds_mat_list > .mat-mdc-list > .mat-mdc-list-item > .mdc-list-item__content { padding-left: 0px !important; line-height: normal; } .beds_mat_list > .mat-mdc-list > .mat-mdc-list-item > .mdc-list-item__content > span { display: flex; align-items: center; line-height: normal !important; } .beds_mat_list > .mat-mdc-list > .mat-mdc-list-item > .mdc-list-item__content:hover .mat-icon { background: rgba(29, 117, 184, 0.9098039216); color: #fff; } .beds_mat_list > .mat-mdc-list > .mat-mdc-list-item > .mdc-list-item__content > .mat-icon { background: #e9e9e9; height: 100% !important; display: flex; flex: 0; padding: 0px 10px; margin-right: 0.5em; border-right: 1px solid #c2c2c2; } /*app beds page css ends here*/ /*15 table changes starts here*/ .mat-mdc-table .mdc-data-table__row { height: auto; } .table thead tr th { background: #c6dbef !important; color: #212529; } .mat-mdc-table thead .mat-mdc-header-row .mat-mdc-header-cell { background-color: #f5f5f5; } /*15 table changes ends here*/ .disabledNursingStation .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label { pointer-events: none; } .mat-mdc-raised-button:disabled { background-color: var(--mdc-protected-button-disabled-container-color, rgba(0, 0, 0, 0.12)) !important; color: var(--mdc-protected-button-disabled-label-text-color, rgba(0, 0, 0, 0.38)) !important; } .custom-btn-color.mat-mdc-raised-button[disabled][disabled] { background-color: rgba(0, 0, 0, 0.12) !important; color: rgba(0, 0, 0, 0.38) !important; } .checkbox-truncate { width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-truncate > .mdc-form-field > .mdc-label { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .checkbox-truncate-wrap { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 18px; } .checkbox-truncate-wrap > .mdc-form-field > .mdc-label { overflow: hidden; text-overflow: ellipsis; white-space: normal; line-height: 18px; } .note-img-chip-icon > .mdc-evolution-chip-set__chips { display: flex; align-items: center; flex-wrap: nowrap; } .careflow1_header_tab .mdc-tab { min-width: auto !important; height: auto !important; line-height: normal; padding: 0px; } .careflow1_header_tab .mdc-tab__text-label { color: blue !important; font-weight: bold; text-decoration: underline; margin: 0 6px; margin: 5px 0px; padding: 0px 6px; border-right: 1px solid blue; } /*er dashboard vitals table css starts*/ .refused_offuni .mat-mdc-radio-button { width: 100%; overflow: hidden; } .refused_offuni .mat-mdc-radio-button .mdc-form-field { width: 100%; } .refused_offuni .mat-mdc-radio-button .mdc-form-field label { overflow: hidden; text-overflow: ellipsis; width: 100%; display: block; text-align: left; } .mat-mdc-radio-group.refused_offuni { width: 100%; } .mat-mdc-radio-group.refused_offuni .mat-mdc-radio-button { width: auto; } /*er dashboard vitals table css ends*/ /*app-existing page css*/ .table-header-time_icons-control .mat-mdc-checkbox .mdc-checkbox__background { margin-top: 0px !important; } /*app-existing page css*/ .tech-ph-page-size .mat-mdc-form-field-infix { padding-top: 0px !important; padding-bottom: 0px !important; } .tech-ph-page-size .mat-mdc-text-field-wrapper { min-height: 25px; } .tech-ph-page-size-field .mat-mdc-form-field-infix { min-width: 58px; } /*mat tab starts here*/ .global_wrap_inner_scheduler .mat-tab-body-wrapper, .mat-mdc-tab-body-wrapper { height: 100%; /* overflow-y: scroll; */ overflow-y: auto; flex: 1 1 auto; } .global_wrap_inner_scheduler .mat-tab-body-content, .mat-mdc-tab-body-content { height: 100%; overflow: hidden; } .global_wrap_inner_scheduler .mat-tab-header, .mat-mdc-tab-header { padding-top: 0.5em; border-bottom: 1px solid rgba(0, 0, 0, 0.12); } /*mat tab ends here*/ /*ag-grid changes starts here*/ .ag-paging-row-summary-panel, .ag-paging-description { font-weight: 500; color: #003760; } .global-height .mat-mdc-tab-header { /* position: absolute; height: 2.5em; width: 100%; */ border: 1px solid #e7e7e7; } .global-height .mat-mdc-tab-body-wrapper { /* position: absolute; height: 100%; max-height: 92%; width: 100%; top: 2.5em; padding: 0px; */ position: absolute; height: 100%; max-height: 94%; width: 100%; top: 2.5em; padding: 0px; } /*ag-grid changes ends here*/ /*er temp editor H&P template edit page scroll is appearing due to tag coming on page down from ck-editor hidden it.*/ .ck-powered-by-balloon { display: none !important; } .mat-radio-group-flex .mat-mdc-radio-button .mdc-form-field { white-space: nowrap; } .mat-mdc-radio-button.mat-radio-group-flex-wrap > .mdc-form-field > label { white-space: normal; } /*er temp editor H&P template edit page scroll is appearing due to tag coming on page down from ck-editor hidden it.*/ .edit-patient-data-popup > section.content { margin-left: 0px !important; min-height: 75vh !important; } .ng-select-height-50 > .ng-dropdown-panel { min-height: 300px; } .ng-select-height-50 > .ng-dropdown-panel > .ng-dropdown-panel-items { min-height: 300px; } .ng-top-0 > .ng-select { margin-top: -5px !important; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value { margin-top: 4px; margin-bottom: 4px; } .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input { align-items: center; display: flex; } /*responsive design changes of v_15*/ /*design changes of v_15 for font size minizing whole project starts here*/ .chkbox-control { margin: 0.85em 0 0; } .form_btn_input_wrap .chkbox-control .mat-mdc-checkbox .mdc-form-field { vertical-align: top; } .form_btn_input_wrap .mat-mdc-checkbox { margin-top: 0px !important; } .mat-field-0-padd .ng-select .ng-select-container.ng-appearance-outline { margin-top: 0.1em !important; } .ng-select .ng-select-container.ng-appearance-outline { min-height: 37px; height: 35px; margin-top: 0.34em !important; } .ng-select .ng-select-container .ng-value-container .ng-placeholder { margin-top: 2px; height: auto; vertical-align: middle; display: flex; align-items: center; } .modal_body .ng-select .ng-select-container .ng-value-container .ng-placeholder { margin-top: 0px; } .ng-select .ng-has-value .ng-placeholder, .ng-select.ng-select-opened .ng-placeholder { margin-top: 1px !important; } .ng-select-icon { min-height: 30px; margin-top: 3px !important; } .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper { bottom: 18%; } .modal_body .ng-select.ng-select-single .ng-select-container.ng-appearance-outline .ng-arrow-wrapper { bottom: 8%; } .card-field-bg-remove { background: none; } .card-field-bg-remove .ng-select > .ng-select-container.ng-appearance-outline > .ng-value-container > .ng-placeholder { background: #e9e9e9 !important; } .card-field-bg-remove .ng-select > .ng-select-container.ng-appearance-outline > .ng-arrow-wrapper { background: #e9e9e9 !important; } .card-field-bg-remove .cust-select-error { background: #e9e9e9; } .card-field-bg-remove .mat-mdc-form-field-error { background: #e9e9e9; } .mat-select-option-multiline-dropdown { height: auto; border-bottom: 1px solid #e7e7e7; } .mat-mdc-option.mat-select-option-multiline-dropdown .mdc-list-item__primary-text { white-space: normal !important; flex-wrap: wrap; display: flex; width: 100%; } /*design changes of v_15 for font size minizing whole project ends here*/ .patient_info_cont { padding-bottom: 1px !important; padding-top: 1px !important; } .social-icon-custom { display: flex; align-items: flex-end; } .extra_features { margin-top: 3px; } .node-tree-bg-child-wrap { margin-bottom: 0.27em !important; } .beds_mat_list_span { padding: 0px !important; } .swa-title-custom { background: #e9e9e9; padding: 10px 10px; margin-top: 0px; display: flex !important; font-size: 13px; justify-content: center; align-items: center; border-bottom: 1px solid #d5d5d5; } .swal2-container .swal2-input { width: 50%; margin: 10px auto 0px; } div:where(.swal2-container) h2:where(.swal2-title) { font-size: var(--font-default-xxxl) !important; } .patient_search_custom { margin: 0.97em 0 0; } .patient_search_custom .header-buttons-left input.search-field { font-size: var(--font-default) !important; height: 26px !important; padding: 3px 35px 5px 8px !important; border-radius: 5px !important; } .patient_search_custom .header-buttons-left-v1 input.search-field { font-size: var(--font-default) !important; height: 26px !important; padding: 3px 35px 5px 8px !important; border-radius: 5px !important; } .ag-theme-material .ag-cell-wrapper > *:not(.ag-cell-value):not(.ag-group-value) { height: 20px !important; } .mat-pseudo-checkbox { width: 14px !important; height: 14px !important; margin-right: 6px !important; } .f-icon-div > span { padding: 3px 3px !important; min-height: 18px !important; } .f-icon-div { min-height: 18px !important; height: 18px !important; } .example-handle { width: 20px !important; height: 20px !important; } .card .header { min-height: 25px; color: #202020; } .header h2 { line-height: 16px; } .radio-flex-clean { margin-bottom: 0.2em !important; } .notification_icons_count span { padding: 0px 3px !important; width: max-content !important; height: max-content !important; top: 0px !important; left: 0px !important; right: initial !important; position: initial; } .notification_icons_count .mat-badge-content { right: 8px !important; left: initial !important; line-height: 14px !important; top: 7px !important; position: absolute; font-size: 10px !important; } /*stepper changes starts from here Vijay*/ .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper { height: 100%; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-content-container { overflow: auto; margin-top: 10px; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-header { height: 32px !important; padding: 0px 10px !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header:first-of-type { margin-left: 0px !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header:last-of-type { margin-right: 0px !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header > .mat-step-label > .mat-step-text-label { font-weight: 500 !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused { background: #1d75b8 !important; border-radius: 5px !important; margin: 0px 15px !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-icon > .mat-step-icon-content > .mat-icon { color: #202020 !important; background: #fff !important; border-radius: 50% !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header > .mat-step-label > .mat-step-text-label > div { color: #202020 !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-label > .mat-step-text-label > div { color: #fff !important; font-weight: 600; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header.cdk-focused > .mat-step-label > .mat-step-text-label { font-weight: 500 !important; } .assigned-group-stepper-custom > .mat-horizontal-stepper-wrapper > .mat-horizontal-stepper-header-container > .mat-step-header > .mat-step-label > .mat-step-text-label { font-weight: 500; color: #202020; } /*stepper changes ends here Vijay*/ .patient-group-list .group-details { font-size: var(--font-default-sm) !important; } .jqx-grid-table { font-size: var(--font-default-sm) !important; } .contentedit-div img { width: 100%; } .ag-theme-material.ag_widthsize .ag-cell { display: flex !important; align-items: center !important; min-height: 20px !important; } .ag-cell-wrapper { white-space: normal; overflow-wrap: break-word; word-break: break-word; word-wrap: break-word; width: 100%; } .autocomplete_extra_width { min-width: 200%; } .pdf-view-modal { width: 100vh; height: 100vh; } .pdf-view-modal > .ng2-pdf-viewer-container { position: sticky; } .pdf-view-modal > .ng2-pdf-viewer-container > .pdfViewer.removePageBorders { height: initial !important; max-height: initial !important; } .pdf-view-modal > .ng2-pdf-viewer-container > .pdfViewer.removePageBorders > .canvasWrapper canvas { width: 100% !important; height: 100% !important; } .pdf-view-modal > .ng2-pdf-viewer-container > .pdfViewer.removePageBorders > div > .canvasWrapper canvas { width: 100% !important; height: 100% !important; width: 100% !important; } .pdf-view-modal > .ng2-pdf-viewer-container > .pdfViewer.removePageBorders > .page { width: 100% !important; } .pdf-view-modal > .ng2-pdf-viewer-container > .pdfViewer.removePageBorders > .page > div { width: 100% !important; } .nav-notification-icons-search { width: 100% !important; } .patientName_aggrid { line-height: 18px !important; } .ag-cell-value { line-height: normal !important; height: auto !important; white-space: nowrap; } .ag-row { min-height: 30px !important; } .nav-notification-icons-search { min-width: 100% !important; } .charge-master-field > .mat-mdc-form-field > .mat-mdc-text-field-wrapper { margin-top: 0.5em !important; } .barcode svg rect { height: 20px !important; } .barcode svg { transform: translate(0) !important; margin-top: 1px; margin-bottom: -5px; } .barcode svg g { transform: translate(0) !important; margin-top: 1px; margin-bottom: -5px; } .card-columns-card { display: inline-block; width: 100%; } .mat-option-content-excd { height: auto; padding: 0px !important; } .mat-option-content-excd .mdc-list-item__primary-text { width: 100%; } /*apps styles for app without class aterts here*/ app-bed-render { width: 100%; } app-bed-render > div { text-overflow: normal !important; overflow: initial !important; white-space: normal !important; } app-bed-render > div > label { text-overflow: normal !important; overflow: initial !important; white-space: normal !important; } app-faq-view { height: 100%; } app-faq-grid-view { height: 100%; } app-review-of-system { height: 100%; } app-view-care-team { height: 100% !important; } app-flowsheet-v1 { height: 100%; display: block; } app-nurse-template1 { width: 100%; height: 100%; display: block; } app-icucharts { height: 100%; display: block; } app-totol-orders { height: 100%; display: block; } app-detail-card-renderer { width: 100%; padding-left: 5px; padding-right: 5px; } app-default-lab-result-view { display: block; height: 100%; } app-currentmedications { display: block; height: 100%; } app-patient-visits { width: 100%; display: block; } app-patient-previous-visits { width: 100%; display: block; } app-bcma-report { height: 100%; display: block; } /*apps styles for app without class ends here*/ .order-control-card > div > .mat-mdc-checkbox { display: flex; flex: 1; } .order-control-card > div > .mat-mdc-checkbox > .mdc-form-field { justify-content: space-between; flex-direction: row-reverse; width: 100%; } .email-btn-group button .mat-icon { width: auto !important; } .email-btn-group button { margin: 0px 0px !important; padding: 0px 2px !important; } .field-focus-border > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mdc-notched-outline { border-color: #86b7fe; outline: 0; box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25); } .field-focus-border > .mat-mdc-form-field > .mat-mdc-text-field-wrapper > .mat-mdc-form-field-flex > .mat-mdc-form-field-icon-suffix > mat-icon { color: red; } .radio_img_align .mat-internal-form-field { display: flex; align-items: center; } @media only screen and (max-width: 992px) { .consult-label-hide { display: none; } } @media only screen and (max-width: 1360px) { .ng-select .ng-select-container .ng-value-container .ng-input > input { padding: 0px 8px; } .mat-mdc-dialog-container .mdc-dialog__content { font-size: 12px !important; } .mat-mdc-checkbox .mdc-form-field label { line-height: normal; } .consult-12-row .label-fix-width { white-space: nowrap !important; min-width: 90px !important; max-width: 90px !important; } .consult-label-hide { display: none; } } @media only screen and (min-width: 1361px) { .consult-12-row .label-fix-width { white-space: nowrap !important; min-width: 90px !important; max-width: 90px !important; } .document-wrap { display: grid; grid-template-columns: repeat(4, 1fr); } } @media only screen and (min-width: 1400px) { .mat-mdc-checkbox .mdc-form-field label { line-height: normal; } .beds-list-display-wrap { display: grid; grid-template-columns: repeat(3, 1fr); } .ng-select-icon-link .plus_icon { margin-top: 0.1em; font-size: 20px; } } @media only screen and (max-width: 1400px) { .nav-notification-icon-div { width: 46px !important; } .nav-notification-icon-div.text-ndent { width: auto !important; } .home-head-card-img { width: 40px !important; height: 30px !important; } .home-head-card-img i { font-size: 15px !important; } .home-head-card .count { font-size: 12px !important; } .count-text { font-size: 12px !important; } .count .percent { font-size: 13px !important; font-weight: normal; } .count.blue .percent { font-size: 13px !important; font-weight: normal; } .count.blue .percent::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 5px solid #1d69a4; } .count .percent::before { border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 4px solid #f44336; } .home-head-card .text-sup { font-size: 9px !important; font-weight: normal !important; } .nav-notification-icons .not_text { font-size: 10px !important; } .nav-notification-icons.column { margin: 0px 1px !important; } .nav-notification-icons i { font-size: 13px !important; } .nav-notification-icons i { font-size: 13px !important; } .text-sup .color { font-size: 11px !important; font-weight: bold !important; } .count-text { font-size: 12px; font-weight: bold; } .home-head-card-img h2 { color: #fff; font-size: 14px !important; } .text-sup { font-size: 11px !important; } .info-row { display: grid; grid-template-columns: repeat(3, 1fr) !important; } .tablesearch-custom { left: initial !important; position: absolute; z-index: 1000; min-width: 800px; } .hide-lg { display: none; } } @media only screen and (min-width: 1920px) { .col-xxl-1 { flex: 0 0 50%; max-width: 50%; } .col-xxl-2 { flex: 0 0 16.66666667%; max-width: 16.66666667%; } .col-xxl-3 { flex: 0 0 25%; max-width: 25%; } .col-xxl-4 { flex: 0 0 33.33333333%; max-width: 33.33333333%; } .col-xxl-5 { flex: 0 0 41.66666667%; max-width: 41.66666667%; } .col-xxl-6 { flex: 0 0 50%; max-width: 50%; } .col-xxl-7 { flex: 0 0 58.33333333%; max-width: 58.33333333%; } .col-xxl-8 { flex: 0 0 66.66666667%; max-width: 66.66666667%; } .col-xxl-9 { flex: 0 0 75%; max-width: 75%; } .col-xxl-10 { flex: 0 0 83.33333333%; max-width: 83.33333333%; } .col-xxl-11 { flex: 0 0 91.66666667%; max-width: 91.66666667%; } .col-xxl-12 { flex: 0 0 100%; max-width: 100%; } } .menu-container { min-width: 300px !important; max-width: 550px !important; overflow: auto; -webkit-overflow-scrolling: touch; box-sizing: border-box; outline: 0; border-radius: var(--mat-menu-container-shape); background-color: var(--mat-menu-container-color); will-change: transform, opacity; } .ngBarcode-medication > .barcode svg rect { height: 30px !important; } .mat-sidenav-25 { width: 25%; } .mat-sidenav-35 { width: 35%; } .mat-sidenav-45 { width: 45%; } .mat-sidenav-55 { width: 55%; } .mat-sidenav-65 { width: 65%; } .mat-sidenav-75 { width: 75%; } .mat-sidenav-85 { width: 85%; } .mat-sidenav-95 { width: 95%; } app-radiology-view-table { height: 700px !important; display: block; } .green-cell { background-color: #d2f4dd !important; color: #0f9d58 !important; } /* Red for stat priority */ .red-cell { background-color: #fdecea !important; color: #d93025 !important; } .orange-cell { background-color: #ffc16d !important; /* light orange */ color: #a15c00 !important; /* dark orange text */ } .blink-border { position: relative; display: inline-block; padding: 2px 4px; border: 2px solid #4da3ff; border-radius: 4px; animation: wave-border 2s infinite ease-in-out; } @keyframes wave-border { 0% { box-shadow: 0 0 0 0 rgba(77, 163, 255, 0.7); } 50% { box-shadow: 0 0 10px 3px rgba(77, 163, 255, 0.6); } 100% { box-shadow: 0 0 0 0 rgba(77, 163, 255, 0.7); } } .scheduler-toggle-group .mat-button-toggle-checked .mat-pseudo-checkbox-checked::after { color: white !important; border-color: white !important; } .ag-theme-material.ag_widthsize .ag-cell { white-space: normal; /* Allow text to wrap */ overflow-wrap: break-word; /* Break long words */ word-break: break-word; /* Prevent inappropriate word breaks */ word-wrap: break-word; /* Support for older browsers */ } .noRecords { font-weight: bold !important; color: rgb(29, 117, 184) !important; padding: 8px !important; background-color: lightgoldenrodyellow !important; } .parse-container { color: #003366; background-color: #FFFFFF; font-family: Verdana, Tahoma, sans-serif; font-size: 11px; } .parse-container ul { list-style: none; padding: 0; } .parse-container li { cursor: move; padding: 5px; } .parse-container li:hover { background: #f0f0f0; } .narr_table { width: 100%; border-collapse: collapse; } .narr_th, .narr_tr td { border: 1px solid black; padding: 5px; } .narr_th { background: LightGrey; } .header_table { border: 1pt inset #000000; width: 100%; } .td_header_role_name { width: 20%; background-color: LightGrey; } .td_label { font-weight: bold; color: black; } .parse-container h1 { font-size: 12pt; font-weight: bold; } .parse-container h2 { font-size: 11pt; font-weight: bold; } .parse-container h3 { font-size: 10pt; font-weight: bold; } .h1center { font-size: 12pt; font-weight: bold; text-align: center; width: 80%; } .custom-snackbar { margin-top: 50px !important; } /*vijay custom styles import end*/ /*!***************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/jqwidgets-ng/jqwidgets/styles/jqx.base.css?ngGlobalStyle ***! \***************************************************************************************************************************************************************************************************************************************************************/ :root { --jqx-grid-row-height: 36px; --jqx-grid-column-height: 48px; --jqx-grid-show-column-lines: 1; --jqx-list-item-height: -1; --jqx-grid-filter-menu-items-height: 30px; --jqx-dropdown-animation: transform; --jqx-datetimeinput-dropdown-height: 280px; --jqx-datetimeinput-dropdown-width: 280px; --jqx-calendar-header-height: 40px; --jqx-calendar-title-height: 49px; --jqx-icon-calendar: '\e82d'; /* Code of calendar icon */ --jqx-icon-filter: '\f0b0'; /* Code of filter icon */ --jqx-icon-menu: '\f0c9'; /* Code of menu icon */ --jqx-icon-check: '\e908'; /* Code of check icon */ --jqx-icon-first-page: '\e900'; /* Code of first page icon */ --jqx-icon-arrow-down: '\e901'; /* Code of down arrow icon */ --jqx-icon-arrow-left: '\e902'; /* Code of left arrow icon */ --jqx-icon-arrow-right: '\e903'; /* Code of right arrow icon */ --jqx-icon-arrow-up: '\e904'; /* Code of up arrow icon */ --jqx-icon-arrow-down-filled: '\e812'; /* Code of filled down arrow icon */ --jqx-icon-arrow-left-filled: '\e816'; /* Code of filled left arrow icon */ --jqx-icon-arrow-right-filled: '\e81e'; /* Code of filled right arrow icon */ --jqx-icon-arrow-up-filled: '\e815'; /* Code of filled up arrow icon */ --jqx-icon-visibility: '\e90d'; /* Code of visibility icon */ --jqx-icon-visibility-off: '\e90e'; /* Code of visibility off icon */ --jqx-icon-last-page: '\e905'; /* Code of last page icon */ --jqx-icon-close: '\e816'; /* Code of close icon */ --jqx-icon-search: '\e82c'; /* Code of search icon */ --jqx-icon-clock: '\e838'; --jqx-icon-down: '\e800'; --jqx-icon-plus: '\e801'; --jqx-icon-filter-alt: '\e802'; --jqx-icon-up: '\e803'; --jqx-icon-left: '\e804'; --jqx-icon-right: '\e805'; --jqx-icon-edit: '\e806'; --jqx-icon-calendar-alt: '\e807'; --jqx-icon-close-alt: '\e8bb'; --jqx-icon-delete: '\e894'; --jqx-icon-download: '\e896'; --jqx-icon-check-alt: '\e8fb'; --jqx-icon-check-small: '\f13e'; --jqx-icon-info: '\e946'; --jqx-icon-circle: '\ea3a'; --jqx-icon-sort-menu-down: '\e9d0'; --jqx-icon-sort-menu-up: '\e808'; --jqx-icon-sort-up: '\ee68'; --jqx-icon-sort-down: '\ee69'; --jqx-icon-menu-alt: '\ef66'; --jqx-icon-calendar-up: '\e83b'; --jqx-icon-calendar-down: '\e83d'; --jqx-border-radius: 4px; --jqx-font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; --jqx-font-family-icon: "jqx-icons"; --jqx-font-size: 14px; --jqx-action-button-size: 25px; --jqx-window-header-height: 48px; --jqx-window-header-background: #ffffff; --jqx-window-header-padding: 5px; --jqx-border-width: 1px; /* Theme border-width */ --jqx-border-radius: 4px; /* Theme border-radius */ --jqx-border-top-left-radius: var(--jqx-border-radius); /* Theme border-radius */ --jqx-border-top-right-radius: var(--jqx-border-radius); /* Theme border-radius */ --jqx-border-bottom-left-radius: var(--jqx-border-radius); /* Theme border-radius */ --jqx-border-bottom-right-radius: var(--jqx-border-radius); /* Theme border-radius */ --jqx-border: #E0E0E0; } /*Rounded Corners*/ /*top-left rounded Corners*/ .jqx-rc-tl { border-top-left-radius: 3px; } /*top-right rounded Corners*/ .jqx-rc-tr { border-top-right-radius: 3px; } /*bottom-left rounded Corners*/ .jqx-rc-bl { border-bottom-left-radius: 3px; } /*bottom-right rounded Corners*/ .jqx-rc-br { border-bottom-right-radius: 3px; } /*top rounded Corners*/ .jqx-rc-t { border-top-left-radius: 3px; border-top-right-radius: 3px; } /*bottom rounded Corners*/ .jqx-rc-b { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; } /*right rounded Corners*/ .jqx-rc-r { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } /*left rounded Corners*/ .jqx-rc-l { border-top-left-radius: 3px; border-bottom-left-radius: 3px; } /*all rounded Corners*/ .jqx-rc-all { border-radius: 3px; } /*reset rounded corners*/ .jqx-rc-reset { border-radius: 0px !important; } /*Reset Style*/ .jqx-reset { padding: 0; margin: 0; border: none; background: transparent; outline: none; box-sizing: content-box; } .jqx-clear { align: left; valign: top; left: 0px; top: 0px; -webkit-appearance: none !important; outline: none !important; padding: 0px; margin: 0px; } .jqx-popup { box-sizing: content-box; } .jqx-position-reset { position: static !important; } .jqx-border-reset { border: none !important; } .jqx-overflow-hidden { overflow: hidden !important; } .jqx-position-relative { position: relative !important; } .jqx-position-absolute { position: absolute !important; } .jqx-max-size { width: 100% !important; height: 100% !important; } .jqx-background-reset { background: transparent !important; } /*Disable browser selection*/ .jqx-disableselect { -webkit-user-select: none; user-select: none; -ms-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .jqx-enableselect { -webkit-user-select: text; user-select: all; } .jqx-hideborder { border: none !important; } .jqx-hidescrollbars { overflow: hidden !important; } /*jqxButton, jqxToggleButton, jqxRepeatButton Style*/ .jqx-button { outline: none; border: 1px solid transparent; padding: 5px; text-align: center; vertical-align: central; margin: 0 0 0 0; cursor: default; } .jqx-button[aria-disabled="true"] { pointer-events: none; } button.jqx-button, input[type=button].jqx-button, input[type=submit].jqx-button { box-sizing: border-box !important; -moz-box-sizing: border-box !important; } .jqx-buttongroup {} .jqx-group-button-normal { vertical-align: middle; text-align: center; } /*applied to the link button's anchor element.*/ .jqx-link { text-decoration: none; color: #111111; } /*shows elements.*/ .jqx-visible { display: block; } /*hides elements.*/ .jqx-hidden { display: none; } .jqx-widget, .jqx-widget-content, .jqx-widget-header, .jqx-fill-state-normal { line-height: 1.231; } /*jqxGauge Style*/ .jqx-gauge-label, .jqx-gauge-caption { fill: #333333; color: #333333; font-size: 11px; font-family: Verdana; } .jqx-knob { text-align: center; } /*jqxChart Style*/ .jqx-knob-label, .jqx-chart-axis-text, .jqx-chart-label-text, .jqx-chart-tooltip-text, .jqx-chart-legend-text { fill: #333333; color: #333333; font-size: 11px; font-family: Verdana; } .jqx-chart-axis-description { fill: #555555; color: #555555; font-size: 11px; font-family: Verdana; } .jqx-chart-title-text { fill: #111111; color: #111111; font-size: 14px; font-weight: bold; font-family: Verdana; } .jqx-chart-title-description { fill: #111111; color: #111111; font-size: 12px; font-weight: normal; font-family: Verdana; } /*applied to the Grid's element.*/ .jqx-grid { overflow: hidden; border-style: solid; border-width: 1px; } .jqx-grid .jqx-adaptive-table { border-collapse: collapse; border: none; width: 100%; } .jqx-grid .jqx-adaptive-table td, .jqx-grid .jqx-adaptive-table th { border-bottom: 1px solid #ddd; padding: 8px; overflow: auto; } .jqx-grid .jqx-adaptive-table tr:nth-child(even) { background-color: #f2f2f2; } .jqx-grid .jqx-adaptive-table th { padding-top: 12px; padding-bottom: 12px; text-align: left; background-color: #4CAF50; color: white; } .jqx-grid .jqx-adaptive-view a { padding: 10px; text-decoration: none; color: orangered; } /*applied to the Pager.*/ .jqx-grid-pager { border: none; border-top: 1px solid transparent; } /*applied to the Top Pager.*/ .jqx-grid-pager-top { border: none; border-bottom: 1px solid transparent; } .jqx-grid-pager-number { padding: 2px 5px; text-decoration: none; margin: 1px; border: 1px solid transparent; color: inherit !important; outline: none; font-weight: normal !important; line-height: 14px; } .jqx-grid-menu-item-touch { padding-top: 6px !important; padding-bottom: 6px !important; } /*applied to the Grid's bottom-right area between the horizontal and vertical scrollbars.*/ .jqx-grid-bottomright {} /*applied to the Grid's header area.*/ .jqx-grid-header { border-style: solid; border-width: 0px 0px 1px 0px; overflow: hidden; border-color: transparent; margin: 0px; padding: 0px; } /*applied to the columns.*/ .jqx-grid-column-header, .jqx-grid-columngroup-header { border-style: solid; border-width: 0px 1px 0px 0px; border-color: transparent; white-space: nowrap; border-style: solid; font-weight: normal; overflow: hidden; text-align: left; padding: 0px; margin: 0px; } .jqx-grid-column-header-rtl, .jqx-grid-columngroup-header-rtl { border-width: 0px 0px 0px 1px; } .jqx-grid-columngroup-header { border-bottom-width: 1px; border-left-width: 1px; } /*applied to the column's button.*/ .jqx-grid-column-menubutton { border-style: solid; border-width: 0px 0px 0px 1px; border-color: transparent; background-image: url('icon-menu-small.5d5520832ac769f7.png') !important; background-repeat: no-repeat; background-position: center !important; cursor: pointer; } .jqx-grid-column-menubutton-rtl { border-width: 0px 1px 0px 0px; } /*applied to the column's sort button when the sort order is ascending.*/ .jqx-grid-column-sortascbutton { border: none; background-image: url('sortascbutton.739752e170dcd032.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; } /*applied to the column's sort button when the sort order is descending.*/ .jqx-grid-column-sortdescbutton { border: none; background-image: url('sortdescbutton.339ce83128bfbe59.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; } /*applied to the column's filter button.*/ .jqx-grid-column-filterbutton { border: none; background-image: url('filter.8b387392dff339f3.png'); background-repeat: no-repeat; background-position: center; margin-top: 1px; } /*applied to the column's resize line.*/ .jqx-grid-column-resizeline { border-right: 1px dotted #555; } /*applied to the validation popup during cell editing.*/ .jqx-grid-validation { background: #df2227 !important; color: #fff !important; padding: 4px 8px; } .jqx-grid-validation-label { color: #fff !important; background: #df2227 !important; border: 1px solid #df2227 !important; } .jqx-grid-validation-arrow-up { background-image: url('red_arrow_up.784871718833be14.png'); background-repeat: no-repeat; background-position: center center; } .jqx-grid-validation-arrow-down { background-image: url('red_arrow_down.37f6cb371e448189.png'); background-repeat: no-repeat; background-position: center center; } /*applied to the column's resize start line.*/ .jqx-grid-column-resizestartline { border-right: 1px solid #444; } /*applied to the sort ascending menu item in the Grid's Context Menu*/ .jqx-grid-sortasc-icon { background-image: url('icon-sort-asc.dc8ab445b7cc9553.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the sort ascending menu item in the Grid's Context Menu*/ .jqx-grid-sortdesc-icon { background-image: url('icon-sort-desc.59450f39ae23a43b.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the grid menu's sort remove item/*/ .jqx-grid-sortremove-icon { background-image: url('icon-sort-remove.d67a4c399f5555e9.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the grouping column's drag and drop item when the drop operation is allowed.*/ .jqx-grid-drag-icon { background-image: url('drag.b8fe6973d940a681.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; } /*applied to the grouping column's drag and drop item when the drop operation is not allowed.*/ .jqx-grid-dragcancel-icon { background-image: url('dragcancel.f1e1cccb751f6361.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; } /*applied to the 'group by' menu item.*/ .jqx-grid-groupby-icon { background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } /*applied to the column anchor tags.*/ .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited { display: block; margin: 4px; height: 18px; line-height: 18px !important; color: inherit; outline: 0 none; text-decoration: none; cursor: pointer; } .jqx-grid-toolbar a:link, .jqx-grid-toolbar a:visited { margin: 4px; height: 18px; line-height: 18px !important; color: inherit; outline: 0 none; text-decoration: none; cursor: pointer; } /*applied to the groups header area.*/ .jqx-grid-groups-header, .jqx-grid-toolbar, .jqx-scheduler-toolbar { border-style: solid; border-width: 0px 0px 1px 0px; border-color: #aaa; white-space: nowrap; overflow: hidden; text-align: left; padding: 0px; margin: 0px; } /*applied to a grouping row.*/ .jqx-grid-groups-row { font-weight: bold; white-space: nowrap; text-align: left; padding: 0px; top: 50%; margin-top: -8px; } /*applied to the row details.*/ .jqx-grid-groups-row-details { font-weight: normal; } /*applied to a grouping column.*/ .jqx-grid-group-column { border: 1px solid transparent; white-space: nowrap; border-style: solid; font-weight: normal; overflow: hidden; text-align: left; padding: 0px; margin: 0px; } /*applied to the lines between the group columns.*/ .jqx-grid-group-column-line { background: #aaa; } /*applied to the drop line indicators displayed in the grouping header.*/ .jqx-grid-group-drag-line { background: #80be09; } /*applied to the anchor tags inside a grouping column.*/ .jqx-grid-group-column a:link { display: block; margin: 4px; height: 18px; line-height: 18px !important; outline: 0 none; text-decoration: none; cursor: pointer; color: inherit; } .jqx-grid-group-column a:visited { color: inherit; display: block; margin: 4px; height: 18px; line-height: 18px !important; outline: 0 none; text-decoration: none; cursor: pointer; } /*applied to a grid cell*/ .jqx-grid-cell { border-style: solid; border-width: 0px 1px 1px 0px; margin-right: 1px; margin-bottom: 1px; border-color: transparent; background: #fff; white-space: nowrap; font-weight: normal; font-size: inherit; overflow: hidden; position: absolute !important; height: 100%; outline: none; } .jqx-grid-cell-batch { background: #46CA78 !important; color: white !important; } .jqx-grid-cell-locked { color: #aaa !important; } .jqx-grid-cell-left-align { overflow: hidden; text-overflow: ellipsis; padding-bottom: 2px; text-align: left; margin-right: 2px; margin-left: 4px; } .jqx-grid-cell-middle-align { text-overflow: ellipsis; overflow: hidden; padding-bottom: 2px; text-align: center; } .jqx-grid-cell-right-align { overflow: hidden; text-overflow: ellipsis; padding-bottom: 2px; text-align: right; margin-right: 4px; margin-left: 2px; } /*applied to a grid cell that is part of a rows group.*/ .jqx-grid-group-cell { overflow: hidden; position: absolute !important; height: 100%; background: #fff; } /*applied to the grid cells in the sort column*/ .jqx-grid-cell-sort { background-color: #f0f0f0; } /*applied to the grid cells in the filter column*/ .jqx-grid-cell-filter { background-color: #e6e6e6; } .jqx-grid-cell-add-new-row { background: #fdfcf3 !important; color: #000 !important; } /*applied to the grid cells area.*/ .jqx-grid-content { border-style: solid; border-width: 0px 0px 0px 0px; border-color: transparent; white-space: nowrap; overflow: hidden; } /*applied to a grid cell that is part of a rows group.*/ .jqx-grid-group-cell, .jqx-grid-empty-cell { border-style: solid; border-width: 0px 0px 1px 0px; white-space: nowrap; font-weight: normal; } .jqx-widget .jqx-grid-cleared-cell, .jqx-grid-cleared-cell { border: transparent !important; } .jqx-grid-cell-wrap { white-space: normal !important; } .jqx-tree-grid-indent { width: 18px; display: inline-block; height: 8px; overflow: hidden; vertical-align: top; } .jqx-tree-grid-title { text-decoration: none; vertical-align: bottom; line-height: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jqx-tree-grid-collapse-button, .jqx-tree-grid-expand-button { display: inline-block; margin-top: 0px; margin-right: 0px; position: relative; width: 18px; height: 18px; vertical-align: top; } .jqx-tree-grid-checkbox { float: none !important; width: 16px; height: 16px; cursor: pointer; margin-right: 6px !important; margin-left: 2px !important; } .jqx-tree-grid-icon { float: none !important; width: 14px; height: 14px; margin-right: 4px; } .jqx-tree-grid-icon-rtl { margin-right: 0px; margin-left: 4px; } .jqx-tree-grid-icon-size { width: 14px; height: 14px; line-height: 16px; } .jqx-tree-grid-checkbox-tick { width: 100%; height: 100%; } .jqx-tree-grid-expand-button { height: 18px; width: 18px; vertical-align: top; } /*applied to a cell in jqxDataTable*/ .jqx-cell { min-height: 23px; padding: 6px 4px; margin: 0; border-collapse: separate; border-spacing: 0px; overflow: hidden; text-overflow: ellipsis; border: 1px solid transparent; border-top-width: 0px; border-left-width: 0px; box-sizing: border-box; -moz-box-sizing: border-box; white-space: normal; line-height: 1.231; } .jqx-grid-cell-nowrap { white-space: nowrap; } .jqx-cell-editor { padding-left: 4px !important; padding-right: 3px !important; } .jqx-left-align { text-align: left; } .jqx-center-align { text-align: center; } .jqx-right-align { text-align: right; } .jqx-top-align { vertical-align: top; } .jqx-bottom-align { vertical-align: bottom; } .jqx-grid-table .jqx-grid-cell { position: static !important; zoom: 1 !important; } /*applied to the Grid's Table element.*/ .jqx-grid-table { font-size: 13px; table-layout: fixed; margin: 0px; padding: 0px; border-collapse: separate; border-spacing: 0px; -webkit-overflow-scrolling: touch; outline: none; zoom: 1 !important; empty-cells: show; border-right: 1px solid #aaa; line-height: 1.231; width: auto; border: none; } .jqx-grid-table-rtl { border-left-width: 1px; border-right-width: 0px; } .jqx-details table { border-collapse: collapse; table-layout: fixed; border-spacing: 0px; } /*applied to a grid cell that is part of a details row and grouping is enabled.*/ .jqx-grid-group-details-cell {} /*applied to a grid cell that is part of a details row.*/ .jqx-grid-details-cell { border-width: 0px 1px 0px 0px; } /*applied to a grid cell. Represents the alternating cell background.*/ .jqx-grid-cell-alt { background: #f9f9f9; } /*applied to a sorted and alternating grid cell*/ .jqx-grid-cell-sort-alt { background-color: #e5e5e5; } /*applied to a sorted and alternating grid cell*/ .jqx-grid-cell-filter-alt { background-color: #f0f0f0; } /*applied to a pinned grid cell.*/ .jqx-grid-cell-pinned { background-color: #e5e5e5; } /*applied to a pinned grid cell. Represents the alternating cell background.*/ .jqx-grid-cell-pinned-alt { background-color: #e5e5e5; } /*applied to a selected grid cell.*/ .jqx-grid-cell-selected { border-left: 0px solid transparent; } .jqx-grid-cell-selected.jqx-grid-cell-edit { border-color: #DDDDDD !important; background-color: #fff !important; color: #333 !important; } .jqx-fill-state-focus.jqx-grid-cell-edit, .jqx-grid-cell-edit .jqx-fill-state-focus, .jqx-grid-cell-edit.jqx-fill-state-focus .jqx-action-button, .jqx-grid-cell-edit .jqx-numberinput-focus, .jqx-grid-cell-edit .jqx-combobox-content-focus { border-color: #DDDDDD !important; } .jqx-cell-rtl { border-left-width: 1px; border-right-width: 0px; } .jqx-grid-cell-rtl { border-width: 0px 0px 1px 1px; } .jqx-grid-table .jqx-grid-cell { border-width: 0px 0px 1px 1px; } .jqx-grid-table-one-cell { border: none; border-right-width: 1px; border-right-style: solid; border-right-color: #aaa; } .jqx-grid-table .jqx-grid-cell:first-child { border-left-width: 0px; } /*applied to the selection area.*/ .jqx-grid-selectionarea { border: 1px solid transparent; opacity: 0.5; filter: alpha(opacity=50); } /*applied to a hovered grid cell.*/ .jqx-grid-cell-hover { border-color: transparent; } /*applied to a grid cell when the grid is empty.*/ .jqx-grid-empty-cell { overflow: visible; border-bottom: none; } /*applied to the Grid when its loading the data.*/ .jqx-grid-load { padding-right: 0px; background-image: url('loader.7c1494c9779716cf.gif'); background-position: 50% 50%; background-repeat: no-repeat; z-index: 9999; display: block; } /*applied to a group's collapse button.*/ .jqx-grid-group-collapse { padding-right: 0px; background-image: url('icon-right.169f61b02f75f770.png'); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } .jqx-grid-group-collapse-rtl { padding-right: 0px; background-image: url('icon-left.bfa3ef14185ab528.png'); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } /*applied to a group's expand button.*/ .jqx-grid-group-expand, .jqx-grid-group-expand-rtl { padding-right: 0px; background-image: url('icon-down.1355e0e3f772c402.png'); background-position: 50% 50%; background-repeat: no-repeat; cursor: pointer; } /*jqxProgresBar Style*/ .jqx-progressbar { position: relative; overflow: hidden; outline: none; border: 1px solid transparent; height: 2em; } /*applied to the progressbar's value element*/ .jqx-progressbar-value { outline: none; border: 0px solid transparent; height: 100%; } /*applied to the progress bar's vertical value element- when the widget's orientation is 'vertical'*/ .jqx-progressbar-value-vertical { outline: none; border: 0px solid transparent; height: 100%; background: transparent; } /*applied to the progressbar's text element*/ .jqx-progressbar-text { font-size: 10px; border: none; } /*applied to the progress bar when the widget is in disabled state*/ .jqx-progressbar-disabled { outline: none; border: 1px solid transparent; height: 2em; } /*jqxMenu Style*/ .jqx-menu { border: 1px solid transparent; float: none; margin: 0px; height: 100%; padding: 0px; overflow: hidden; text-align: left; } .jqx-menu-dropdown-column { float: left; } /*applied to the menu when it is horizontal. Sets the menu's background*/ .jqx-menu-horizontal { margin: 0px; padding: 0px; overflow: hidden; text-align: center; } /*applied to the menu when it is vertical. Sets the menu's background*/ .jqx-menu-vertical { text-align: left; } /*applied to the sub menu. Sets the sub menu's background*/ .jqx-menu-dropdown { left: 100%; margin: 0px; padding: 0px; right: 0; overflow: hidden; display: none; float: none; width: 150px; border-style: solid; border-width: 1px; text-align: left; padding: 2px; } /*applied to the sub menu's ul elements.*/ .jqx-menu-dropdown ul { left: 100%; margin: 0px; padding: 0px; right: 0; overflow: hidden; border: none; } /*applied to the menu's ul elements.*/ .jqx-menu ul { left: 100%; margin: 0px; padding: 2px; right: 0; overflow: hidden; background-color: transparent; border: none; } /*applied to the menu's li elements.*/ .jqx-menu li, .jqx-menu-dropdown li { line-height: 1.3 !important; } /*applied to the top level menu items.*/ .jqx-menu-item-top { border: 1px solid transparent; text-indent: 0; list-style: none; padding: 4px 8px 4px 8px; left: 100%; overflow: hidden; color: inherit; right: 0; margin: 0px 3px 0px 3px; cursor: pointer; } /*applied to the sub menu items.*/ .jqx-menu-item { border: 1px solid transparent; text-indent: 0; list-style: none; padding: 4px 8px 4px 8px; margin: 1px; margin-left: 3px; margin-right: 3px; float: none; overflow: hidden; left: 100%; color: inherit; right: 0; text-align: left; cursor: pointer; } /*applied to a sub menu item when the mouse is over the item.*/ .jqx-menu-item-hover { color: inherit; right: 0; list-style: none; margin: 1px; margin-left: 3px; margin-right: 3px; left: 100%; padding: 4px 8px 4px 8px; text-align: left; cursor: pointer; } /*applied to a top-level menu item when the mouse is over it.*/ .jqx-menu-item-top-hover { color: inherit; right: 0; list-style: none; margin: 0px 3px 0px 3px; left: 100%; padding: 4px 8px 4px 8px; top: 50%; cursor: pointer; } /*applied to a sub menu item when its sub menu is opened.*/ .jqx-menu-item-selected { right: 0; list-style: none; margin: 1px; margin-left: 3px; margin-right: 3px; left: 100%; padding: 4px 8px 4px 8px; text-align: left; cursor: pointer; } /*applied to a disabled sub menu item.*/ .jqx-menu-item-disabled {} /*applied to a top-level menu item when its sub menu is opened.*/ .jqx-menu-item-top-selected { right: 0; list-style: none; margin: 0px 1px 0px 1px; margin-left: 3px; margin-right: 3px; left: 100%; padding: 4px 8px 4px 8px; cursor: pointer; } /*applied to the menu separator items.*/ .jqx-menu-item-separator { text-indent: 0; background-color: #ddd; border: none; list-style: none; height: 1px; line-height: 0 !important; padding: 0px; margin: 1px 2px 1px 2px; float: none; overflow: hidden; left: 100%; color: inherit; right: 0; font-size: 1px; } /*applied to a sub menu item when it has sub menu items. Displays right arrow icon.*/ .jqx-menu-item-arrow-right { background-image: url('icon-right.169f61b02f75f770.png'); } /*applied to a sub menu item when it has sub menu items. Displays down arrow icon.*/ .jqx-menu-item-arrow-down { background-image: url('icon-down.1355e0e3f772c402.png'); } /*applied to a sub menu item when it has sub menu items. Displays up arrow icon.*/ .jqx-menu-item-arrow-up { background-image: url('icon-up.46cb0f42f6b99ee9.png'); } .jqx-menu-minimized { position: relative; } .jqx-menu-title { position: relative; float: right; margin-top: 4px; padding-top: 4px; padding-right: 20px; } .jqx-menu-minimized-button { background-image: url('icon-menu-minimized.d59d4c7b3fe152c0.png'); background-repeat: no-repeat; background-position: left center; height: 24px; width: 24px; padding: 0px; margin-left: 7px; margin-top: 4px; float: left; } .jqx-menu-ul-minimized { display: block !important; width: auto !important; } .jqx-menu-ul-minimized ul { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; -o-box-shadow: none !important; box-shadow: none !important; } .jqx-menu-minimized li:last-child { padding-bottom: 0px; margin: 0px; } .jqx-menu-item-arrow-right, .jqx-menu-item-arrow-down, .jqx-menu-item-arrow-up, .jqx-menu-item-arrow-right { background-position: 100% 50%; background-repeat: no-repeat; padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; } /*applied to a sub menu item when it has sub menu items. Displays left arrow icon.*/ .jqx-menu-item-arrow-left { padding-right: 0px; padding-left: 5px; width: 17px; height: 15px; background-image: url('icon-left.bfa3ef14185ab528.png'); background-position: 0 50%; background-repeat: no-repeat; } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays right arrow icon.*/ .jqx-menu-item-arrow-right-selected { background-image: url('icon-right.169f61b02f75f770.png'); } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays down arrow icon.*/ .jqx-menu-item-arrow-down-selected { background-image: url('icon-down.1355e0e3f772c402.png'); } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays up arrow icon.*/ .jqx-menu-item-arrow-up-selected { background-image: url('icon-up.46cb0f42f6b99ee9.png'); } .jqx-menu-item-arrow-right-selected, .jqx-menu-item-arrow-up-selected, .jqx-menu-item-arrow-down-selected, .jqx-menu-item-arrow-top-right { padding-right: 0px; margin-right: -8px; width: 17px; height: 15px; background-position: 100% 50%; background-repeat: no-repeat; } /*applied to a top-level menu item when it has sub menu items. Displays right arrow icon.*/ .jqx-menu-item-arrow-top-right { background-image: url('icon-right.169f61b02f75f770.png'); } /*applied to a sub menu item when it has sub menu items and its sub menu is opened. Displays left arrow icon.*/ .jqx-menu-item-arrow-left-selected { background-image: url('icon-left.bfa3ef14185ab528.png'); } /*applied to a top-level menu item when it has sub menu items. Displays left arrow icon.*/ .jqx-menu-item-arrow-top-left { background-image: url('icon-left.bfa3ef14185ab528.png'); } .jqx-menu-item-arrow-left-selected, .jqx-menu-item-arrow-top-left { background-position: 0 50%; background-repeat: no-repeat; padding-right: 0px; padding-left: 5px; width: 17px; height: 15px; } /*applied to the anchor elements*/ .jqx-menu-item a:link, .jqx-menu-item a:visited, .jqx-menu-item a:hover, .jqx-menu-item-top a:link, .jqx-menu-item-top a:visited, .jqx-menu-item-top a:hover { font: inherit; text-decoration: none; color: inherit; outline: none; background-color: transparent; } /*applied to the menu widget when it is disabled.*/ .jqx-menu-disabled { cursor: default; } /*applied to the anchor elements of all disabled menu items.*/ .jqx-menu-disabled a:link { cursor: default; text-decoration: none; } .jqx-menu-disabled a:visited { cursor: default; text-decoration: none; } .jqx-menu-disabled a:hover { cursor: default; } .jqx-menu-dropdown { right: -1px; } /*jqxtree Style*/ .jqx-tree { left: 100%; right: 0; float: none; margin: 0px; border-style: solid; border-width: 1px; padding: 0px; overflow: hidden; text-align: left; outline: none; white-space: nowrap; line-height: 14px !important; } /*applied to the jqxTree root UL element.*/ .jqx-tree-dropdown-root { left: 100%; padding: 0px 5px 0px 5px; right: 0; display: block; float: none; background-color: transparent; border-style: solid; border-width: 0px; border-color: #fff; text-align: left; outline: none; white-space: nowrap; margin: 0px; } .jqx-tree-dropdown-root-rtl { padding: 0px 5px 0px 0px; text-align: right; float: right; margin: 0px; } /*applied to the jqxTree UL elements.*/ .jqx-tree-dropdown { left: 100%; margin: 0px; padding: 0px 0px 0px 10px; right: 0; display: block; float: none; background-color: transparent; border-style: solid; border-width: 0px; border-color: transparent; text-align: left; outline: none; } .jqx-tree-dropdown-rtl { padding: 3px 0px 0px 0px; text-align: right; } /*applied to a tree item.*/ .jqx-tree-item { border: 1px solid transparent; text-indent: 0; list-style: none; padding: 3px; margin: 0px; float: none; overflow: hidden; left: 100%; right: 0; text-align: left; cursor: default; text-decoration: none; } /*applied to the jqxTree LI elements.*/ .jqx-tree-item-li { text-indent: 0; background-color: transparent; border: 0px solid transparent; list-style: none; left: 100%; right: 0; text-align: left; outline: none; margin: 0px; margin-top: 1px; padding: 0px; } /*applied to the last LI elements in an UL element.*/ .jqx-tree-item-u-last { margin: 0px 0px 0px 0px; } /*applied to a tree item when the mouse is over the item.*/ .jqx-tree-item-hover { color: inherit; right: 0; padding: 3px; margin: 0px; list-style: none; left: 100%; cursor: pointer; text-decoration: none; } /*applied to a tree item when the item is selected.*/ .jqx-tree-item-selected { color: inherit; right: 0; padding: 3px; margin: 0px; list-style: none; left: 100%; cursor: pointer; text-decoration: none; } .jqx-tree-item-rtl { text-align: right; } .jqx-tree-item-li-rtl { text-align: right; } /*applied to the anchor element of a tree item.*/ .jqx-tree-item a:link, .jqx-tree-item a:visited { text-indent: 0; background-color: transparent; border: 0px solid transparent; list-style: none; padding: 0px; margin: 0px; float: none; overflow: hidden; left: 100%; color: inherit; right: 0; text-align: left; cursor: pointer; text-decoration: none; outline: none; } .jqx-tree-item-selected, .jqx-tree-item-hover a:hover { color: inherit; } .jqx-tree-item-selected, .jqx-tree-item-hover a:visited { color: inherit; } /*applied to a tree item when the item is disabled.*/ .jqx-tree-item-disabled {} /*applied to a tree item when it has sub items and is collapsed. Displays an arrow icon next to the item.*/ .jqx-tree-item-arrow-collapse, .jqx-tree-item-arrow-collapse-hover { padding-right: 0px; width: 17px; height: 17px; background-image: url('icon-right.169f61b02f75f770.png'); background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; } .jqx-tree-item-arrow-collapse-rtl, .jqx-tree-item-arrow-collapse-hover-rtl { background-image: url('icon-left.bfa3ef14185ab528.png'); } /*applied to a tree item when it has sub items and is expanded. Displays an arrow icon next to the item.*/ .jqx-tree-item-arrow-expand, .jqx-tree-item-arrow-expand-hover { padding-right: 0px; width: 17px; height: 17px; background-image: url('icon-down.1355e0e3f772c402.png'); background-position: 100% 50%; background-repeat: no-repeat; cursor: pointer; } /*applied to the tree when it is disabled.*/ .jqx-tree-disabled { cursor: default; } /*applied to the anchor elements in a tree when it is disabled.*/ .jqx-tree-disabled a:link { cursor: default; text-decoration: none; } .jqx-tree-disabled a:visited { cursor: default; text-decoration: none; } .jqx-tree-disabled a:hover { cursor: default; } /*jqxTabs*/ .jqx-tabs { outline: none; margin: 0 0 0 0; padding: 0px; overflow: hidden; background: transparent; border: 1px solid transparent; } /*applied to the tab close button.*/ .jqx-tabs-close-button { outline: none; background-image: url('close.133ea9ffe9a22d30.png'); cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; left: 5px; } /*applied to the tab close button when the tab is selected.*/ .jqx-tabs-close-button-selected { outline: none; background-image: url('close.133ea9ffe9a22d30.png'); cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; } /*applied to the tab close button when the mouse is over the tab.*/ .jqx-tabs-close-button-hover { outline: none; background-image: url('close.133ea9ffe9a22d30.png'); cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; } .jqx-tabs-close-button, .jqx-tabs-close-button-selected, .jqx-tabs-close-button-hover { background-repeat: no-repeat; background-position: center; } /*applied to the tab's left scroll arrow.*/ .jqx-tabs-arrow-left { outline: none; position: relative; z-index: 15; float: left; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; background-image: url('icon-left.bfa3ef14185ab528.png'); background-repeat: no-repeat; background-position: center; } /*applied to the tab's right scroll arrow.*/ .jqx-tabs-arrow-right { outline: none; position: relative; z-index: 15; background-image: url('icon-right.169f61b02f75f770.png'); background-repeat: no-repeat; background-position: center; float: left; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; } .jqx-tabs-arrow-background { background: #eeeeee; } /*applied to the tab's title.*/ .jqx-tabs-title { outline: none; display: block; cursor: pointer; white-space: nowrap; left: 100%; right: 0; text-indent: 0px; list-style: none; border: 1px solid transparent; margin: 0px 2px 0px 0px; overflow: hidden; z-index: 1; padding-left: 13px; padding-right: 13px; padding-bottom: 5px; padding-top: 5px; background: transparent; height: auto; position: relative; } .jqx-tabs-title-bottom {} .jqx-tabs-title a:link { color: inherit; text-decoration: none; } .jqx-tabs-title a:hover { color: inherit; text-decoration: none; } .jqx-tabs-title a:active { color: inherit; text-decoration: none; } .jqx-tabs-title a:visited { color: inherit; text-decoration: none; } /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'top' .*/ .jqx-tabs-title-selected-top { z-index: 99; outline: none; border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #fff; background-color: #fff; padding-bottom: 7px; } /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ .jqx-tabs-title-selected-bottom { outline: none; border-top: 1px solid #fff; border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; padding-top: 7px; padding-bottom: 5px; margin-top: -2px; background-color: #fff; } /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'top' .*/ .jqx-tabs-title-hover-top { outline: none; border: 1px solid transparent; padding-bottom: 5px; } /*applied to the tab's title when the tab is hovered and the jqxTab's position property is set to 'bottom' .*/ .jqx-tabs-title-hover-bottom { outline: none; border: 1px solid transparent; padding-top: 5px; } /*applied to the tab's title when the tab is disabled.*/ .jqx-tabs-title-disable {} /*applied to the tab's header.*/ .jqx-tabs-header { padding-left: 0px; padding-right: 0px; padding-top: 3px; padding-bottom: 1px; margin: 0px; border-top: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 1px solid #aaa; background: #eeeeee; } /*applied to the tab's header when the position is bottom.*/ .jqx-tabs-header-bottom { padding-top: 1px; padding-bottom: 3px; border-top: 0px solid #aaa; border-left: 0px solid transparent; border-right: 0px solid transparent; border-bottom: 1px solid transparent; } /*applied to the tab's header when the tab is collapsed.*/ .jqx-tabs-header-collapsed { border: 1px solid #aaa; } /*applied to the tab's header when the position is bottom and tab is collapsed.*/ .jqx-tabs-header-collapsed-bottom { border: 1px solid #aaa; } .jqx-tabs-collapsed { border: 0px solid transparent; } .jqx-tabs-collapsed-bottom { border: 0px solid transparent; } /*applied to the tab's selection tracker container element.*/ .jqx-tabs-selection-tracker-container { outline: none; position: relative; text-indent: 0px; margin: 0 0 0 0; padding: 0 0 0 0; width: 100%; background: transparent; height: 0px; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ .jqx-tabs-selection-tracker-top { border-top: 1px solid transparent; border-left: 1px solid transparent; border-right: 1px solid transparent; padding-bottom: 2px; background-color: #fff; outline: none; position: absolute; z-index: 10; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ .jqx-tabs-selection-tracker-bottom { border-left: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid transparent; background-color: #fff; outline: none; position: absolute; z-index: 10; margin-top: -1px; padding-bottom: 2px; } /*applied to the tab's content element which represents a DIV element.*/ .jqx-tabs-content { outline: none; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; text-align: left; clear: both; } .jqx-tabs-content-element { height: 100%; overflow: auto; } /*jqxCheckBox*/ .jqx-checkbox { overflow: hidden; text-align: left; border: none; outline: none; margin: 0 0 0 0; white-space: nowrap; text-overflow: ellipsis; } /*applied to the check box.*/ .jqx-checkbox-default { text-align: left; float: left; padding: 0px; border: 1px solid transparent; outline: none; margin: 0px 3px 0px 3px; } /*applied to the check box when the mouse cursor is over it.*/ .jqx-checkbox-hover { cursor: pointer; float: left; padding: 0px; border: 1px solid transparent; outline: none; margin: 0px 3px 0px 3px; } /*applied to the widget when it is disabled.*/ .jqx-checkbox-disabled { cursor: default; background: transparent; padding: 0px; border: none; outline: none; margin: 0px 0px 0px 0px; } /*applied to the check box when the widget is disabled.*/ .jqx-checkbox-disabled-box { float: left; padding: 0px; border: 1px solid transparent; outline: none; margin: 0px 3px 0px 3px; } /*applied to the check box when it is checked. Displays a check icon.*/ .jqx-checkbox-check-checked { float: left; background: transparent url('check_black.e88300d839eb1c9a.png') center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when the widget is disabled. Displays a disabled check icon.*/ .jqx-checkbox-check-disabled { float: left; background: transparent url('check_disabled.53eabc2c548267c3.png') center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when its state is indeterminate.*/ .jqx-checkbox-check-indeterminate { float: left; background: transparent url('check_indeterminate_black.a6369dd751d390a8.png') center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } /*applied to the check box when its state is indeterminate and it is disabled.*/ .jqx-checkbox-check-indeterminate-disabled { float: left; background: transparent url('check_indeterminate_disabled.743d53714dbd56fc.png') center center no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; } .jqx-checkbox-label, .jqx-radiobutton-label { cursor: pointer; } .jqx-checkbox-group .jqx-checkbox-group-item, .jqx-radiobutton-group .jqx-radiobutton-group-item { padding: 4px 0px; } .jqx-checkbox-group .jqx-container[layout="horizontal"], .jqx-radiobutton-group .jqx-container[layout="horizontal"] { display: flex; } .jqx-checkbox-group .jqx-container[layout="horizontal"] .jqx-checkbox-group-item, .jqx-radiobutton-group .jqx-container[layout="horizontal"] .jqx-radiobutton-group-item { padding: 0px 4px; } .jqx-checkbox-group .jqx-container[label-position="before"] .jqx-checkbox-group-item, .jqx-radiobutton-group .jqx-container[label-position="before"] .jqx-radiobutton-group-item { display: flex; flex-direction: row; } .jqx-checkbox-group.jqx-fill-state-disabled label, .jqx-radiobutton-group.jqx-fill-state-disabled label, .jqx-checkbox-group-item.jqx-fill-state-disabled label, .jqx-radiobutton-group-item.jqx-fill-state-disabled label { cursor: default; } /*applied to the check box when its in rtl mode.*/ .jqx-checkbox-rtl { float: right; } /*jqxRadioButton*/ .jqx-radiobutton { overflow: hidden; text-overflow: ellipsis; border: none; outline: none; margin: 0 0 0 0; white-space: nowrap; } /*applied to the radio button.*/ .jqx-radiobutton-default { cursor: pointer; float: left; background: transparent url('roundbg_classic_normal.e8c7606657eb0814.png') left center scroll repeat-x; padding: 0px; border: 1px solid transparent; outline: none; margin: 1px 3px 0px 3px; border-radius: 100%; } /*applied to the radio button when the mouse is over it.*/ .jqx-radiobutton-hover { cursor: pointer; float: left; background: transparent; padding: 0px; border: 1px solid transparent; outline: none; margin: 1px 3px 0px 3px; border-radius: 100%; } /*applied to the radio button when it is disabled.*/ .jqx-radiobutton-disabled { cursor: default; } /*applied to the radio button's radio icon when it is disabled.*/ .jqx-radiobutton-disabled-box {} /*applied to the radio button when it is checked.*/ .jqx-radiobutton-check-checked { float: left; background: transparent url('roundbg_check_black.90ef45e1edbd7625.png') left top no-repeat; padding: 0px; border: 1px solid transparent; outline: none; margin: 0 0 0 0; border-radius: 100%; width: 7px; height: 7px; margin-left: 2px; margin-top: 2px; } /*applied to the radio button when it is checked and disabled.*/ .jqx-radiobutton-check-disabled {} /*applied to the radio button when it is in indeterminate state.*/ .jqx-radiobutton-check-indeterminate { float: left; background: transparent url('roundbg_check_indeterminate.53e09d32d42fa4e9.png') left top no-repeat; padding: 0px; border: none; outline: none; margin: 0 0 0 0; border-radius: 100%; width: 6px; height: 6px; margin-left: 2px; margin-top: 2px; } /*applied to the radio button when it is in indeterminate state and disabled.*/ .jqx-radiobutton-check-indeterminate-disabled {} /*applied to the radio button when its in rtl mode.*/ .jqx-radiobutton-rtl { float: right; } /*jqxRating*/ .jqx-rating { margin: 0px; padding: 0px; outline: none; overflow: hidden; } .jqx-rating-image { border-width: 0px; } .jqx-rating-image-default { margin: 0px; padding: 0px; outline: none; background-color: transparent; background-repeat: no-repeat; cursor: pointer; background-image: url('star.7ce56d3c28096891.png'); overflow: hidden; } /*applied to the rating when it is hovered.*/ .jqx-rating-image-hover { background-color: transparent; padding: 0px; background-repeat: no-repeat; cursor: pointer; background-image: url('star_hover.2c59bd2c11565847.png'); overflow: hidden; } /*applied to the rating when it is disabled.*/ .jqx-rating-image-backward { background-color: transparent; padding: 0px; background-repeat: no-repeat; cursor: pointer; background-image: url('star_disabled.c6db1411a0cbc530.png'); overflow: hidden; } /*jqxCalendar Style*/ .jqx-calendar { border: 1px solid transparent; -webkit-appearance: none; overflow: hidden; outline: none; padding: 0px; margin: 0 0 0 0; cursor: default; border-collapse: separate; } .jqx-calendar .jqx-widget-header {} .jqx-calendar>div { padding: 0px; box-sizing: border-box; } .jqx-calendar-light>div { padding: 10px; } .jqx-calendar td { padding-top: 0px; padding-bottom: 0px; border-collapse: separate; border-spacing: 1px; font-size: 13px; line-height: 1.231; height: auto; } .jqx-calendar table { margin: 0px; padding: 0px; border-collapse: separate; border-spacing: 1px; font-size: 13px; line-height: 1.231; } /*applied to the calendar's row header. This header displays the week numbers.*/ .jqx-calendar-row-header { outline: none; border: 0px solid #f2f2f2; padding: 0; margin: 0 0 0 0; cursor: default; } /*applied to the calendar's column. This header displays the day names.*/ .jqx-calendar-column-header { outline: none; text-align: right; padding: 3px; border-top: none; border-bottom: 1px solid transparent; border-left: none; border-right: none; margin: 0 0 0 0; cursor: default; } /*applied to the calendar's top-left header. This header is displayed before the day names and above the week numbers.*/ .jqx-calendar-top-left-header { outline: none; border: 0px solid #f2f2f2; margin: 0 0 0 0; cursor: default; } /*applied to the calendar's navigation buttons.*/ .jqx-calendar-title-navigation { cursor: pointer; background-color: transparent; margin: 0; padding: 0; border: none; width: 25px; height: 25px; } /*applied to the month table*/ .jqx-calendar-month { margin: 0; padding: 0; border: none; width: 100%; } /*applied to the calendar's title content.*/ .jqx-calendar-title-content { cursor: pointer; text-align: center; } /*applied to the calendar's navigation title.*/ .jqx-calendar-title-header { border-left: none; border-top: none; border-right: none; border-bottom-width: 1px; border-bottom-style: solid; margin: 0 0 0 0; } .jqx-calendar-title-header td { padding-left: 0px; padding-right: 0px; border: none; } /*applied to the calendar's navigation title when the calendar is disabled.*/ .jqx-calendar-title-header-disabled { border-bottom-width: 1px; border-bottom-style: solid; margin: 0 0 0 0; border-left: 0px solid transparent; border-right: 0px solid transparent; border-top: 0px solid transparent; } /*applied to a calendar cell.*/ .jqx-calendar-cell { border: 1px solid transparent; margin: 0px; outline: none; text-align: center; padding: 1px; cursor: pointer; background-color: transparent; } .jqx-calendar-cell td { padding: 0; margin: 0; } /*applied to a calendar cell in decade and year views.*/ .jqx-calendar-cell-decade, .jqx-calendar-cell-year { text-align: center; } .jqx-calendar .jqx-fill-state-normal { background: transparent; border: 1px solid transparent; } /*applied to a calendar cell when the cell is hidden. A cell can be hidden when the showOtherMonthDays property is false and the calendar hides the cells with dates from the other months*/ .jqx-calendar-cell-hidden { margin: 0 0 0 0; visibility: hidden; cursor: default; } /*applied to a calendar cell when the cell's date is a weekend date.*/ .jqx-calendar-cell-weekend { color: #898989 !important; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell's date is a special date(holiday, vacation, birthay. See the SpecialDates demo).*/ .jqx-calendar-cell-specialDate { color: #FF0000 !important; background-color: transparent; border: 1px solid #fff; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell's date is a restricted date.*/ .jqx-calendar-cell-restrictedDate { background-color: rgba(251, 132, 153, 1); border: 1px solid #fff; margin: 0 0 0 0; cursor: pointer; } .jqx-calendar-cell-selected-invalid { color: #FFF !important; background: #FF0000 !important; border: 1px solid #FF0000 !important; } /*applied to a calendar cell when the cell's date is the today date.*/ .jqx-calendar-cell-today { color: #898989; background-color: #ffffdb; border: 1px solid #fdc066; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell is hovered.*/ .jqx-calendar-cell-hover { margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell is selected.*/ .jqx-calendar-cell-selected { margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the cell's date represents a date from the previous or next month.*/ .jqx-calendar-cell-othermonth { color: #898989 !important; margin: 0 0 0 0; cursor: pointer; } /*applied to a calendar cell when the calendar is disabled.*/ .jqx-calendar-cell-disabled { color: #ccc; } /*applied to a calendar cell when the cell is from the row header that displays the week numbers.*/ .jqx-calendar-row-cell { outline: none; text-align: center; border: 1px solid transparent; margin: 0 0 0 0; cursor: default; } /*applied to a calendar cell when the cell is from the row header that displays the week numbers and the calendar is disabled.*/ .jqx-calendar-row-cell-disabled {} .jqx-calendar-footer { margin: 5px; color: inherit; font-size: 13px; } .jqx-calendar-title-container { overflow: hidden; } /*applied to a calendar cell when the cell is from the column header that displays the day names.*/ .jqx-calendar-column-cell { overflow: hidden; text-align: center; outline: none; font-weight: normal; padding: 1px; border: 1px solid transparent; margin: 0 0 0 0; cursor: default; } /*applied to a calendar cell when the cell is from the column header that displays the day names and the calendar is disabled.*/ .jqx-calendar-column-cell-disabled {} /*applied to the calendar's cell area element.*/ .jqx-calendar-view { -webkit-appearance: none; outline: none; padding: 0px; border: 0px solid #fff; margin: 0 0 0 0; cursor: default; } /*jqxExpander and jqxNavigationBar Style*/ .jqx-expander {} /*applied to the Expander's header and content*/ .jqx-expander-header, .jqx-expander-content { border-left-width: 1px; border-right-width: 1px; border-left-style: solid; border-right-style: solid; padding-top: 5px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; outline: 0; } /*applid to the content of the expander header.*/ .jqx-expander-header-content { padding-left: 3px; } /*applid to the content of the expander header.*/ .jqx-expander-header-content-rtl { padding-right: 3px; } .jqx-expander-content { padding-top: 0px; padding-bottom: 0px; overflow: auto; outline: 0; } /*applied to the Expander's header and its content when it is on the top of the header*/ .jqx-expander-header, .jqx-expander-content-top { border-top-width: 1px; border-top-style: solid; } /*applied to the Expander's header and its content when it is on the bottom of the header*/ .jqx-expander-header, .jqx-expander-content-bottom { border-bottom-width: 1px; border-bottom-style: solid; } /*applied to the Expander's header*/ .jqx-expander-header { cursor: pointer; overflow: hidden; } /*applied to the Expander's header when the expander is disabled or the toggleMode is "none"*/ .jqx-expander-header-disabled { cursor: default; } /*applied to the Expander's arrow*/ .jqx-expander-arrow { width: 17px; height: 17px; position: relative; } /*applied to the Expander's content if it is empty*/ .jqx-expander-content-empty { border-width: 0px; padding: 0px; } /*applied to jqxNavigationBar. The NavigationBar internally uses jqxExpander's classes and inherits all header and content style settings from the Expander.*/ .jqx-navigationbar { border: none; margin: 0px; -webkit-appearance: none; outline: none; } /*jqxPanel Style*/ .jqx-panel { border: 1px solid transparent; -webkit-appearance: none; outline: none; padding: 0px; margin: 0px; cursor: default; overflow: hidden; } /*applied to the Panel's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right of the horizontal scrollbar.*/ .jqx-panel-bottomright {} /*applied to the DropDownButton's Popup.*/ .jqx-dropdownbutton-popup { -webkit-appearance: none; outline: none; border: 1px solid transparent; } .jqx-listbox { -webkit-appearance: none; outline: none; border: 1px solid transparent; padding: 0px; margin: 0px; cursor: default; overflow: hidden; } /*applied to the ListBox's element displayed when the horizontal and vertical scrollbars are visible and the element is positioned below the vertical scrollbar and on the right of the horizontal scrollbar.*/ .jqx-listbox-bottomright {} /*applied to the ListBox's groups.*/ .jqx-listitem-state-group { white-space: nowrap; padding: 5px 2px 5px 2px; background: transparent; font-weight: bold; text-align: left; outline: none; overflow: hidden; vertical-align: middle; cursor: default; } /*applied to a list item in default state.*/ .jqx-listitem-state-normal { white-space: nowrap; padding: 3px; padding-top: 5px; padding-bottom: 5px; border: 1px solid transparent; outline: none; visibility: inherit; display: inherit; text-align: left; overflow: hidden; position: absolute; left: 0; top: 0; cursor: default; } /*applied to a list item in hovered state.*/ .jqx-listitem-state-hover { white-space: nowrap; background: transparent; padding: 3px 3px 3px 3px; padding-top: 5px; padding-bottom: 5px; border: 1px solid transparent; } /*applied to a list item when the item is selected.*/ .jqx-listitem-state-selected { white-space: nowrap; padding: 3px 3px 3px 3px; padding-top: 5px; padding-bottom: 5px; border: 1px solid transparent; } .jqx-listbox-feedback { height: 1px; border-top: 1px dashed #000; } .jqx-listitem-element { -ms-touch-action: none; border: none; width: 100%; height: 100%; align: left; valign: top; position: absolute; } /*jqxComboBox Style*/ /*applied to the jqxComboBox's content which displays the text.*/ .jqx-combobox-content { padding: 0px; overflow: hidden; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 0px; margin: 0px; text-align: left; vertical-align: middle; white-space: nowrap; -webkit-appearance: none; outline: none; border: none; border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 1px solid transparent; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } .jqx-combobox-content-rtl { border: none; border-top-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-topleft: 3px; -webkit-border-top-left-radius: 0px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border-right: none; border-left: 1px solid transparent; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } /*applied to the ComboBox's input field.*/ .jqx-combobox-input { -webkit-appearance: none; -webkit-border-radius: 0px; padding: 0 0 0 0; outline: none; border: 0px solid #aaa; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } .jqx-combobox-input::-ms-clear { display: none; } /*applied to the ComboBox's content when the widget is disabled.*/ .jqx-combobox-content-disabled { color: #AAA; } /*applied to the ComboBox's arrow button.*/ .jqx-combobox-arrow-normal, .jqx-action-button { -webkit-appearance: none; outline: none; overflow: hidden; margin: 0 0 0 0; border: none; cursor: pointer; } /*applied to the ComboBox's arrow button*/ .jqx-combobox-arrow-hover, .jqx-combobox-arrow-selected { -webkit-appearance: none; outline: none; overflow: hidden; margin: 0 0 0 0; } /*applied to the ComboBox in normal state.*/ .jqx-combobox-state-normal { -webkit-appearance: none; outline: none; border: 1px solid transparent; overflow: hidden; margin: 0 0 0 0; } /*applied to the ComboBox when the mouse is over the widget.*/ .jqx-combobox-state-hover { overflow: hidden; border: 1px solid transparent; margin: 0 0 0 0; } /*applied to the ComboBox when the popup ListBox is shown.*/ .jqx-combobox-state-selected { overflow: hidden; border: 1px solid transparent; margin: 0 0 0 0; } /*applied to the ComboBox when the widget is focused.*/ .jqx-combobox-state-focus { border: 1px solid transparent; } .jqx-combobox-multi-item { padding: 1px 3px; margin: 2px; white-space: nowrap; border-style: solid; font-weight: normal; overflow: hidden; text-align: left; } .jqx-combobox-multi-item a:link, .jqx-combobox-multi-item a:visited { color: inherit; display: block; outline: 0 none; text-decoration: none; cursor: pointer; } /*applied to the ComboBox when the widget is disabled.*/ .jqx-combobox-state-disabled { white-space: nowrap; margin: 0px; color: #AAA; } /*jqxSelect Style*/ .jqx-select { overflow: hidden; padding-left: 3px; padding-top: 0px; padding-bottom: 0px; margin: 0px; -webkit-appearance: none; outline: 0 none; } .jqx-select-content { cursor: pointer; text-overflow: ellipsis; } .jqx-select-container { padding: 0; } .jqx-select-item { padding: 3px; margin: 1px; white-space: normal !important; cursor: default; } /*jqxDropDownList Style*/ /*applied to the dropdownlist's content element which displays the selected item's text or html.*/ .jqx-dropdownlist-content { padding: 0px; overflow: hidden; padding-left: 4px; padding-top: 0px; padding-bottom: 0px; margin: 0px; text-align: left; vertical-align: middle; white-space: nowrap; -webkit-appearance: none; outline: 0 none; border: none; } .jqx-dropdownlist-content-rtl { padding-left: 0px; padding-right: 3px; } .jqx-dropdownlist .jqx-icon-arrow-down { width: 13px; } .jqx-dropdownlist .jqx-icon-arrow-up { width: 13px; } .jqx-combobox .jqx-icon-arrow-down { width: 13px; } .jqx-combobox .jqx-icon-arrow-up { width: 13px; } /*applied to the dropdownlist's content element which displays the selected item's text or html and the widget is disabled. */ .jqx-dropdownlist-content-disabled {} /*applied to the dropdownlist in default state.*/ .jqx-dropdownlist-state-normal { -webkit-appearance: none; outline: none; border: 1px solid transparent; overflow: hidden; margin: 0 0 0 0; cursor: pointer; } /*applied to the dropdownlist in hovered state.*/ .jqx-dropdownlist-state-hover { overflow: hidden; border: 1px solid transparent; margin: 0 0 0 0; cursor: pointer; } /*applied to the dropdownlist in selected state.*/ .jqx-dropdownlist-state-selected { overflow: hidden; background-color: transparent; border: 1px solid transparent; margin: 0 0 0 0; cursor: pointer; } /*applied to the dropdownlist in focused state.*/ .jqx-dropdownlist-state-focus { border: 1px solid #909090; } /*applied to the dropdownlist in disabled state.*/ .jqx-dropdownlist-state-disabled {} /*jqxScrollBar Style*/ .jqx-scrollbar { background: transparent; margin: 0; padding: 0; border: none; } /*applied to the scrollbar in default state.*/ .jqx-scrollbar-state-normal { background: #efefef; margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the scrollbar buttons in default state.*/ .jqx-scrollbar-button-state-normal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the scrollbar buttons in hovered state.*/ .jqx-scrollbar-button-state-hover { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the scrollbar buttons in pressed state.*/ .jqx-scrollbar-button-state-pressed { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the horizontal scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-normal-horizontal { margin: 0px; padding: 0px; background: transparent; border: 1px solid transparent; touch-action: none; } /*applied to the horizontal scrollbar thumb in hovered state.*/ .jqx-scrollbar-thumb-state-hover-horizontal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the horizontal scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-pressed-horizontal { margin: 0px; padding: 0px; border: 1px solid transparent; } /*applied to the vertical scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-normal { margin: 0px; padding: 0px; border: 1px solid transparent; touch-action: none; } /*applied to the vertical scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-hover { margin: 0px; padding: 0px; background: transparent; border: 1px solid transparent; } /*applied to the vertical scrollbar thumb in default state.*/ .jqx-scrollbar-thumb-state-pressed { margin: 0px; padding: 0px; background: #d1d1d1; border: 1px solid #909090; } /* jqxWindow */ .jqx-window { position: absolute; overflow: hidden; border: 1px solid transparent; } /*applied to the jqxWindow when it’s disabled*/ .jqx-window-disabled {} /*applied to the window’s header*/ .jqx-window-header { outline: none; border-width: 0px; border-bottom: 1px solid transparent; overflow: hidden; padding: 7px; height: auto; white-space: nowrap; overflow: hidden; } /*applied to the window’s header when the window is disabled*/ .jqx-window-header-disabled {} /*applied to the window’s content*/ .jqx-window-content { outline: none; overflow: auto; text-align: left; background-color: transparent; padding: 5px; background-clip: padding-box; } /*applied to the window’s content when the window is disabled*/ .jqx-window-content-disabled { outline: none; overflow: auto; text-align: left; padding: 5px; } /*applied to the window’s close button*/ .jqx-window-close-button { cursor: pointer; background-image: url('close.133ea9ffe9a22d30.png'); background-repeat: no-repeat; margin-top: 2px; } /*applied to the window's collapse button*/ .jqx-window-collapse-button { background-image: url('icon-up.46cb0f42f6b99ee9.png'); cursor: pointer; margin-top: 3px; } /*applied to the window's collapse button when the window is collapsed*/ .jqx-window-collapse-button-collapsed { margin-top: 3px; cursor: pointer; background-image: url('icon-down.1355e0e3f772c402.png'); } /*setting styles of the modal window’s background*/ .jqx-window-modal { background-color: Black; } .jqx-window-close-button-hover {} .jqx-docking { overflow: hidden; } .jqx-docking-panel { margin: 0px; padding: 0px; min-height: 100px; } .jqx-docking-drop-indicator { border-style: dashed; border-width: 1px; margin: 0px; } .jqx-docking-window { margin: 0px; } /* jxSlider */ /* applied to jqxSlider widget */ .jqx-slider { outline: none; clear: both; position: relative; overflow: hidden; } /*applied to the ticks which can be in the top/bottom/both sides of the jqxSlider*/ .jqx-slider-tick { border-left: 1px solid transparent; z-index: 9; } /*applied to the ticks when the slider is in horizontal mode*/ .jqx-slider-tick-horizontal { width: 1px; border-left: none; margin-top: 1px; } /*applied to the ticks when the slider is in vertical mode*/ .jqx-slider-tick-vertical { height: 1px; border-top: none; } /*applied to the ticks container*/ .jqx-slider-tickscontainer { z-index: 10; position: relative; margin-top: 0px; margin-bottom: 0px; z-index: 9; } /*applied to the jqxSlider thumb used for changing/indicating current value*/ .jqx-slider-slider { cursor: pointer; width: 20px; height: 20px; z-index: 15; position: absolute; left: 0px; top: 0px; border-radius: 100%; } .jqx-slider-button { cursor: pointer; border-radius: 100%; box-sizing: content-box !important; padding: 3px !important; } /*applied to the slider's thumb when the slider is in horizontal mode*/ .jqx-slider-slider-horizontal { margin-top: -9px; border-radius: 100%; border: 1px solid transparent; } /*applied to the slider's thumb when the slider is in vertical mode*/ .jqx-slider-slider-vertical { margin-left: -9px; border-radius: 100%; border: 1px solid transparent; } /*applied to the track where is located the thumb*/ .jqx-slider-track { height: 4px; float: left; position: relative; z-index: 20; cursor: pointer; } /*used in horizontal slider*/ .jqx-slider-track-horizontal { height: 4px; margin-top: 2px; } /*used in vertical slider*/ .jqx-slider-track-vertical { width: 4px; } /*applied to the div which is between the thumbs in a range slider or from beginning of the track to the current thumb position in the default slider*/ .jqx-slider-rangebar {} /* jqxSplitter */ .jqx-splitter { overflow: hidden; border: 1px solid transparent; position: relative; } /* Split bar's class when the jqxSplitter is with horizontal orientation */ .jqx-splitter-splitbar-vertical { border: 1px solid transparent; border-top-width: 0px; border-bottom-width: 0px; cursor: e-resize; cursor: col-resize; position: absolute; } /* Split bar's mouse over state */ .jqx-splitter-splitbar-hover { background-color: transparent; } /* Split bar's class when the jqxSplitter is with horizontal orientation. */ .jqx-splitter-splitbar-horizontal { position: absolute; border: 1px solid transparent; border-left-width: 0px; border-right-width: 0px; cursor: n-resize; cursor: row-resize; } /* This class is applied to the splitter when it's dragged to it's max left/right boundary */ .jqx-splitter-splitbar-invalid { background: #FF0000 !important; } /* This class is added to split bar's collapse button when the splitter is with vectical orientation. */ .jqx-splitter-collapse-button-horizontal { cursor: pointer; width: 45px; height: 5px; } /* This class is added to split bar's collapse button when the splitter is with horizontal orientation. */ .jqx-splitter-collapse-button-vertical { cursor: pointer; width: 5px; height: 45px; } /* This class is added when the user disable the splitter. */ .jqx-splitter-splitbar-collapsed { cursor: default; } /* Applied to the jqxSplitter panels. */ .jqx-splitter-panel { border: none; outline: none; position: absolute; overflow: hidden; } /* This class is added to a nested splitter.*/ .jqx-splitter-nested, .jqx-splitter-panel-nested { border: none; overflow: hidden; } .jqx-draggable {} .jqx-draggable-dragging { border: 0px solid black; } .jqx-draggable-disabled { cursor: default; } .jqx-validator-hint { height: 18px; width: auto; display: inline-block; cursor: pointer; padding-left: 5px; padding-right: 5px; font-family: Verdana; font-size: 13px; border: 1px solid #6E0000; background-color: #942724; color: #fff; z-index: 99999; white-space: nowrap; } .jqx-validator-hint-arrow { z-index: 99999; height: 9px; width: 9px; padding: 0px; margin: 0px; background-color: transparent; background-image: url('multi-arrow.5e00d9b6d742a0d1.gif'); } .jqx-validator-error-label { color: #dd4b39; vertical-align: top; text-align: left; display: block; cursor: default; line-height: 17px; } .jqx-validator-error-element { border-color: #dd4b39 !important; } .jqx-switchbutton { outline: none; overflow: hidden; border-radius: 5px; border: 1px solid #ccc; } .jqx-switchbutton[aria-disabled="true"] { opacity: 0.5; pointer-events: none; } .jqx-switchbutton-thumb { display: inline-block; cursor: pointer; border: 1px solid #ccc; } .jqx-switchbutton-label { font-size: 15px; font-family: Sans-Serif; text-align: center; text-transform: uppercase; font-weight: bold; } .jqx-switchbutton-wrapper {} .jqx-switchbutton-label-on {} .jqx-switchbutton-label-off {} /*left, right, up and down arrow icons.*/ .jqx-left-arrow { background: transparent; background-image: url('icon-left.bfa3ef14185ab528.png'); cursor: pointer; } .jqx-right-arrow { background: transparent; background-image: url('icon-right.169f61b02f75f770.png'); cursor: pointer; } .jqx-icon-delete { background-image: url('icon-delete.b9b1d5180153291b.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-edit { background-image: url('icon-edit.a1e9557a42c229db.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-save { background-image: url('icon-save.c0c5563cb170540b.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-cancel { background-image: url('icon-cancel.637f806c6ef852c8.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-up, .jqx-icon-arrow-up-hover, .jqx-icon-arrow-up-selected { background-image: url('icon-up.46cb0f42f6b99ee9.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-down, .jqx-icon-arrow-down-hover, .jqx-icon-arrow-down-selected { background-image: url('icon-down.1355e0e3f772c402.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-left, .jqx-icon-arrow-left-hover, .jqx-icon-arrow-left-selected { background-image: url('icon-left.bfa3ef14185ab528.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-right, .jqx-icon-arrow-right-hover, .jqx-icon-arrow-right-selected { background-image: url('icon-right.169f61b02f75f770.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-first, .jqx-icon-arrow-first-hover, .jqx-icon-arrow-first-selected { background-image: url('icon-first.4486557ab69ba385.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-last, .jqx-icon-arrow-last-hover, .jqx-icon-arrow-last-selected { background-image: url('icon-last.9946c09ffbe9dfe9.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-up-hover { background-image: url('icon-up.46cb0f42f6b99ee9.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-down-hover { background-image: url('icon-down.1355e0e3f772c402.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-left-hover { background-image: url('icon-left.bfa3ef14185ab528.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-right-hover { background-image: url('icon-right.169f61b02f75f770.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-up-selected { background-image: url('icon-up.46cb0f42f6b99ee9.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-down-selected { background-image: url('icon-down.1355e0e3f772c402.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-left-selected { background-image: url('icon-left.bfa3ef14185ab528.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-right-selected { background-image: url('icon-right.169f61b02f75f770.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-close { cursor: pointer; background-image: url('close.133ea9ffe9a22d30.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-close-white { background-image: url('close_white.37ab4a00b9020201.png'); } .jqx-icon-close-hover { cursor: pointer; background-image: url('close.133ea9ffe9a22d30.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-search { cursor: pointer; background-image: url('search.29de7d0bac458253.png'); background-repeat: no-repeat; background-position: center; margin-top: 1px; background-size: 13px; width: 13px; height: 13px; } .jqx-icon-plus { background-image: url('plus.25bc4de0dc4e56f8.png'); background-repeat: no-repeat; background-position: center; background-size: 16px; width: 16px; height: 16px; } .jqx-icon-plus-alt, .jqx-icon-plus-alt-white { background-image: url('icon-plus.24f1d872bcba8158.png'); background-repeat: no-repeat; background-position: center; background-size: 16px; width: 16px; height: 16px; } .jqx-icon-plus-alt-white { background-image: url('icon-plus-white.df2aaa24426c1d79.png'); } /* jqxScrollView */ .jqx-scrollview-button { width: 10px; height: 10px; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; display: inline-block; margin: 2px; cursor: pointer; background-color: #aaaeaf; } .jqx-scrollview { background-color: #000; -ms-touch-action: auto !important; } .jqx-icon-calendar, .jqx-icon-calendar-hover, .jqx-icon-calendar-pressed { background-image: url('icon-calendar.70b15573e37a5613.png'); background-repeat: no-repeat; background-position: left top; position: relative; width: 15px !important; height: 15px !important; margin-top: -7.5px !important; } /*applied to Inputs*/ .jqx-input-widget { box-sizing: border-box !important; } .jqx-input { overflow: hidden; background-color: inherit; border-color: #c7c7c7; } .jqx-input-invalid { color: red !important; } .jqx-input-group { overflow: hidden; } .jqx-input-group-addon { border: 1px solid transparent; position: relative; box-sizing: border-box !important; padding: 2px 8px !important; float: left; white-space: nowrap; vertical-align: middle; } .jqx-input-group-addon:first-child { border-right-width: 0px; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; } .jqx-input-group-addon:last-child { border-left-width: 0px; border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; } .jqx-input-group-addon:not(:last-child):not(:first-child) { border-bottom-left-radius: 0 !important; border-top-left-radius: 0 !important; border-bottom-right-radius: 0 !important; border-top-right-radius: 0 !important; border-left-width: 0px; } .jqx-input-group .jqx-input { padding: 2px 1px !important; border-left-width: 1px !important; border-right-width: 1px !important; } .jqx-editor { border-style: solid; border-width: 1px; border-color: transparent; overflow: hidden; box-sizing: border-box !important; } .jqx-editor-window { overflow: hidden; } .jqx-editor-inline { padding: 0px; border-width: 1px; border-style: solid; border-color: transparent; } .jqx-editor-inline p { margin: 0px; padding: 0 .2em; } .jqx-editor-inline-focus { border-width: 1px; border-style: solid; overflow: auto; } .jqx-editor iframe { border: 0; margin: 0; padding: 0; background: #fff; display: inline; vertical-align: top; width: 100%; height: 100%; } .jqx-editor-color-bar { height: 3px; } .jqx-editor-color-picker table { margin: 0; padding: 0 4px 4px; empty-cells: show; border-collapse: separate; } .jqx-editor-color-picker td { border-collapse: separate; border: 1px solid transparent; cursor: pointer; margin: 0; position: relative; } .jqx-editor-color-picker td:hover { border: 1px solid #000; } .jqx-editor-color-picker-selected-cell { outline: 1px solid #000; } .jqx-editor-color-picker td div { width: 16px; height: 16px; } .jqx-editor-content { width: 100%; border-style: solid; border-width: 1px; outline: 0; left: 0px; position: relative; box-sizing: border-box !important; } .jqx-editor-container { position: relative; padding: 4px; padding-top: 0px; width: 100%; height: 100%; box-sizing: border-box !important; } .jqx-editor-toolbar-container { top: 0px; left: 0px; box-sizing: border-box !important; } .jqx-editor-toolbar-inline { padding: 0px 4px; border-width: 1px; border-style: solid; } .jqx-editor-toolbar { margin: 0; padding: 0px; padding-bottom: 4px; } .jqx-editor-toolbar-icon { height: 21px; width: 21px; vertical-align: middle; opacity: .667; margin: 2px 0; background: url('html_editor.9afe539d5c6a031c.png') no-repeat; } .jqx-editor-toolbar-icon-bold { background-position: 0px 0px !important; } .jqx-editor-toolbar-icon-italic { background-position: -21px 0px !important; } .jqx-editor-toolbar-icon-underline { background-position: -42px 0px !important; } .jqx-editor-toolbar-icon-fontname { background-position: -63px 0px !important; } .jqx-editor-toolbar-icon-fontsize { background-position: -84px 0px !important; } .jqx-editor-toolbar-icon-createlink { background-position: -147px 0px !important; } .jqx-editor-toolbar-icon-insertorderedlist { background-position: -168px 0px !important; } .jqx-editor-toolbar-icon-insertunorderedlist { background-position: -189px 0px !important; } .jqx-editor-toolbar-icon-outdent { background-position: -210px 0px !important; } .jqx-editor-toolbar-icon-indent { background-position: -231px 0px !important; } .jqx-editor-toolbar-icon-insertimage { background-position: -337px 0px !important; } .jqx-editor-toolbar-icon-justifyleft { background-position: -252px 0px !important; } .jqx-editor-toolbar-icon-justifycenter { background-position: -273px 0px !important; } .jqx-editor-toolbar-icon-justifyright { background-position: -294px 0px !important; } .jqx-editor-toolbar-icon-removeformat { background-position: -316px 0px !important; } .jqx-editor-toolbar-icon-viewsource { background-position: -359px 0px !important; } .jqx-editor-toolbar-icon-forecolor { background-position: -105px 0px !important; height: 15px; } .jqx-editor-toolbar-icon-backcolor { background-position: -380px 0px !important; height: 15px; } .jqx-editor-toolbar-icon:hover { opacity: 1; } .jqx-fill-state-disabled .jqx-editor-toolbar-icon { opacity: .667; } .jqx-editor-toolbar-item { display: inline-block; margin-left: 2px; vertical-align: middle; } .jqx-editor-toolbar-separator { border-left: 1px solid #ccc; margin: 0 2px; outline: none; overflow: hidden; padding: 0; text-decoration: none; vertical-align: middle; width: 0; display: inline-block; } .jqx-editor-toolbar-group { display: inline-block; margin-right: 4px; margin-top: 4px; white-space: nowrap; } .jqx-editor-toolbar-button { text-decoration: none; vertical-align: middle; cursor: default; display: inline-block; padding: 0px !important; margin-right: 2px; } .jqx-editor-toolbar-group .jqx-editor-toolbar-button { margin-right: -1px; box-shadow: none; position: relative; margin-left: 0px !important; } .jqx-editor-toolbar-group .jqx-editor-toolbar-button:hover, .jqx-editor-toolbar-group .jqx-editor-toolbar-button:active { z-index: 55; } .jqx-editor-toolbar-group .jqx-editor-toolbar-button.jqx-fill-state-normal { background: transparent !important; } .jqx-date-time-input-popup table td a { border: 1px transparent solid; width: 100%; display: inline-block; margin: 0; padding: 0; outline: 0; color: #333; } .jqx-date-time-input-popup table td input { width: 25px; margin: 0; text-align: center; padding: 4px 6px; height: 20px; line-height: 20px; vertical-align: middle; } .jqx-scheduler .jqx-cell { padding: 0px !important; cursor: default; } .jqx-scheduler .jqx-widget-header.jqx-grid-header { border-bottom-color: transparent; border-bottom-width: 0px; } .jqx-scheduler .jqx-grid-column-header, .jqx-scheduler.jqx-widget .jqx-grid-column-header { border-bottom: 1px solid #c5c5c5; } .jqx-scheduler[show-current] .jqx-grid-column-header.today, .jqx-scheduler[show-current].jqx-widget .jqx-grid-column-header.today { border-bottom: 1px solid #0078D4; } .jqx-scheduler .current-appointment, .jqx-scheduler .current-appointment .jqx-scheduler-appointment-content { border: 1px solid #0078D4; } .jqx-scheduler[show-current] .jqx-scheduler-month-day-today-cell .jqx-scheduler-month-cell { background: #0078D4; color: white; border-bottom-color: #0078D4; } .jqx-grid-column-header[sort]>div>div { width: calc(100% - 20px); } .jqx-grid-column-header[filter]>div>div { width: calc(100% - 20px); } .jqx-grid-column-header[filter][sort]>div>div { width: calc(100% - 40px); } .jqx-scheduler-all-day-cell { text-align: left; } .jqx-scheduler-all-day-cell span { margin-left: 3px; } .jqx-scheduler-month-cell { background: #f2f2f2; color: #000; opacity: 0.8; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: inherit; vertical-align: top; text-align: left; } .jqx-scheduler-month-cell-touch { background: transparent; border: none; vertical-align: middle; text-align: center; } .jqx-scheduler-month-cell-popup { border: 1px solid #333; background: #f2f2f2; box-shadow: 0 5px 0px rgba(0, 0, 0, .15) !important; } .jqx-widget .jqx-scheduler-middle-cell, .jqx-scheduler-middle-cell { border-bottom-color: #ddd !important; } .jqx-scheduler-cell-selected.jqx-scheduler-middle-cell { border-bottom-style: dotted; } .jqx-scheduler-work-time-cell { background: #fff; } .jqx-scheduler-not-work-time-cell { background: #eee; } .jqx-scheduler-month-outer-cell { color: #555; } .jqx-scheduler-month-weekend-cell { background: #eee; } .jqx-scheduler-disabled-cell { background: #e9edf1; } .jqx-scheduler-toolbar { font-size: 14px; } .jqx-scheduler-time-column, .jqx-scheduler-toolbar { background-image: none !important; background: #fff !important; color: #333 !important; } .jqx-scheduler-week-number-column { background: #e8e8e8 !important; color: #333; } .jqx-scheduler-time-column-header-cell { border-left-color: transparent !important; } .jqx-scheduler-time-column-header-cell-rtl { border-right-color: transparent !important; } .jqx-scheduler-appointment { overflow: visible; border: 1px solid #555; white-space: pre-line; cursor: pointer; vertical-align: middle; text-overflow: ellipsis; -webkit-user-select: none; user-select: none; } .jqx-scheduler-appointment-rtl { direction: rtl; text-align: right; } .jqx-scheduler-appointment-content { overflow: hidden; text-overflow: ellipsis; height: 100%; padding-left: 5px; padding-right: 5px; } .jqx-scheduler-appointment-inner-content { overflow: hidden; width: 100%; text-overflow: ellipsis; padding-bottom: 3px; } .jqx-scheduler-appointment-duration-status { height: 0px; border-bottom-width: 2px; border-bottom-style: dotted; border-color: #f05c2d; background: #f05c2d; position: absolute; bottom: -1px; left: 0px; border-radius: 5px; } .jqx-scheduler-appointment-status { width: 4px; height: 100%; border-right-width: 1px; border-right-style: solid; position: absolute; top: 0px; left: 0px; } .jqx-scheduler-appointment-status-rtl { width: 4px; height: 100%; border-right-width: 0px; border-right-style: none; border-left-width: 1px; border-left-style: solid; position: absolute; top: 0px; right: 0px; } .jqx-scheduler-appointment-status-stripes { background-image: url('stripes.9e9dec83658079b7.png'); background-repeat: repeat-y; background-position: left top; } .jqx-scheduler-appointment-resize-indicator { width: 4px; height: 4px; position: absolute; border: 1px solid black; background: white; display: none; } .jqx-scheduler-appointment-top-resize-indicator { top: -3px; left: 50%; margin-left: -2px; cursor: row-resize; } .jqx-scheduler-appointment-bottom-resize-indicator { cursor: row-resize; bottom: -3px; left: 50%; margin-left: -2px; } .jqx-scheduler-appointment-left-resize-indicator { cursor: col-resize; top: 50%; left: -3px; margin-top: -2px; } .jqx-scheduler-appointment-right-resize-indicator { cursor: col-resize; top: 50%; margin-top: -2px; right: -3px; } .jqx-scheduler-appointment span { vertical-align: middle; text-overflow: ellipsis; position: relative; top: -1px; } .jqx-scheduler-feedback-appointment { opacity: 0.7; position: absolute; z-index: 99999; } .jqx-scheduler-selected-appointment { border: 1px solid #316293 !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; white-space: pre-line; } .jqx-scheduler-appointment:hover { border: 1px solid #3f7ebe !important; } .jqx-scheduler-feedback-drag-appointment { background: #aaa !important; } .jqx-icon-recurrence, .jqx-icon-recurrence-exception, .jqx-icon-recurrence-white, .jqx-icon-recurrence-exception-white, .jqx-icon-time { background-image: url('icon-recurrence.0e0a1005e876da78.png'); background-repeat: no-repeat; background-position: center; width: 16px; height: 16px; float: left; margin: 3px; margin-left: 5px; } .jqx-icon-time { background-image: url('icon-time.ae7f300c95503f21.png'); margin: 0px; position: relative; left: 1px; margin-top: -8px; } .jqx-icon-time-white { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-icon-recurrence-exception { background-image: url('icon-recurrence-exception.3f6d79a4673d2f82.png'); } .jqx-icon-recurrence-exception-white { background-image: url('icon-recurrence-exception-white.64c5bd9238fb1f3d.png'); } .jqx-icon-recurrence-white { background-image: url('icon-recurrence-white.4db73455423771f6.png'); } .jqx-scheduler-cell-hover { border-color: #3f7ebe !important; background: #a2c0df !important; } .jqx-scheduler-cell-selected { border-color: #316293 !important; background: #2f7eb6 !important; } .jqx-scheduler-edit-dialog-label { clear: both; float: left; margin-left: 2%; padding: 4px; text-align: right; width: 18%; line-height: 25px; } .jqx-scheduler-edit-dialog-field { clear: right; float: right; margin-right: 2%; padding: 4px; width: 380px; } .jqx-scheduler-edit-dialog-label-rtl { clear: both; float: right; margin-left: 0px; margin-right: 2%; padding: 4px; text-align: left; width: 18%; line-height: 25px; } .jqx-scheduler-edit-dialog-field-rtl { clear: left; float: left; margin-right: 0px; margin-left: 2%; padding: 4px; width: 72%; } .jqx-scheduler-legend-bar { overflow: hidden; border-color: inherit; border: none; } .jqx-scheduler-legend-bar-bottom { border-top-width: 1px; border-top-style: solid; } .jqx-scheduler-legend-bar-top { border-bottom-width: 1px; border-bottom-style: solid; } .jqx-scheduler-legend { width: 14px; height: 14px; float: left; margin-right: 3px; border-style: solid; border-width: 1px; cursor: pointer; vertical-align: middle; margin-top: 4px; } .jqx-scheduler-legend-label { float: left; margin-right: 12px; cursor: pointer; vertical-align: middle; margin-top: 4px; } .jqx-scheduler-cell-selected .jqx-scheduler-agenda-date { color: #fff; } .jqx-scheduler-cell-selected .jqx-scheduler-agenda-time { color: #fff; } .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment, .jqx-scheduler-cell-selected .jqx-scheduler-agenda-appointment-rtl { color: #fff; } .jqx-scheduler-agenda-date { padding-top: 5px; padding-bottom: 5px; } .jqx-scheduler-agenda-time { padding: 5px; } .jqx-scheduler-agenda-appointment, .jqx-scheduler-agenda-appointment-rtl { cursor: pointer; } .jqx-scheduler-agenda-appointment-resource, .jqx-scheduler-agenda-appointment-resource-rtl { margin: 5px; cursor: pointer; } .jqx-scheduler-agenda-appointment-resource-rtl, .jqx-scheduler-agenda-appointment-rtl { float: right; } .jqx-scheduler-agenda-day { margin: 3px; font-size: 33px; font-weight: normal; } .jqx-scheduler-agenda-week { font-style: normal; font-size: 13px; } .jqx-scheduler-agenda-date { font-size: 10px; } .jqx-scheduler-cell-focus { border-style: dotted; border-color: #59a0d5 !important; background: #59a0d5 !important; } /*applied to all widgets*/ .jqx-widget { box-sizing: content-box; -ms-touch-action: none; zoom: 1 !important; color: #000000; -moz-background-clip: padding; background-clip: padding-box; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; -webkit-appearance: none; -webkit-background-clip: padding-box; direction: ltr !important; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Verdana, Arial, sans-serif; font-style: normal; font-size: 13px; } .jqx-item { -ms-touch-action: none; box-sizing: content-box; color: inherit; -webkit-text-size-adjust: none; } /*applied to containers to set a background and border color. Tabs, NavigationBar, Calendar content.*/ .jqx-widget-content { box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); font-family: Verdana, Arial, sans-serif; font-style: normal; font-size: 13px; border-color: #c7c7c7; background: #fff; } /*applied to header areas. Tabs, Menu, Window, Calendar.*/ .jqx-widget-header { box-sizing: content-box; -ms-touch-action: none; -moz-background-clip: padding; -webkit-text-size-adjust: none; background-clip: padding-box; -webkit-background-clip: padding-box; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); border-color: #c5c5c5; background: #e8e8e8; } .jqx-fill-state-normal { box-sizing: content-box; -ms-touch-action: none; font-family: Verdana, Arial, sans-serif; font-style: normal; font-size: 13px; border-color: #aaa; background: #efefef; } .jqx-fill-state-hover { box-sizing: content-box; border-color: #999; background: #e8e8e8; } .jqx-fill-state-pressed { box-sizing: content-box; border-color: #999; background: #d1d1d1; } .jqx-fill-state-focus { border-color: #555; } .jqx-fill-state-disabled { cursor: default; color: #000; opacity: .55; filter: Alpha(Opacity=45); } .jqx-grid.jqx-fill-state-disabled { pointer-events: none; } .jqx-fill-state-normal td, .jqx-fill-state-hover td, .jqx-fill-state-pressed td, .jqx-fill-state-disabled td, .jqx-fill-state-focus td, .jqx-widget td, .jqx-widget-content td, .jqx-widget-header td { box-sizing: border-box; -moz-box-sizing: border-box; } .jqx-widget .jqx-grid-cell, .jqx-widget .jqx-grid-column-header, .jqx-widget .jqx-grid-group-cell { border-color: #aaa; } .jqx-widget .jqx-grid-column-menubutton, .jqx-widget .jqx-grid-column-sortascbutton, .jqx-widget .jqx-grid-column-sortdescbutton, .jqx-widget .jqx-grid-column-filterbutton { background-color: transparent; border-color: #aaa; } .jqx-grid-column-header a:link, .jqx-grid-column-header a:visited {} .jqx-grid-bottomright, .jqx-panel-bottomright, .jqx-listbox-bottomright { background-color: #e5e5e5; } .jqx-tabs-title-selected-top { border-color: #aaa; border-bottom: 1px solid #fff; background-color: #fff; } /*applied to the tab's title when the tab is selected and the jqxTab's position property is set to 'bottom' .*/ .jqx-tabs-title-selected-bottom { border-color: #aaa; border-top: 1px solid #fff; background-color: #fff; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'top'.*/ .jqx-tabs-selection-tracker-top { border-color: #aaa; border-bottom: 1px solid #fff; } /*applied to the tab's selection tracker when the jqxTab's position property is set to 'bottom'.*/ .jqx-tabs-selection-tracker-bottom { border-color: #aaa; border-top: 1px solid #fff; } /*jqxMaskedInput and jqxNumberInput Styles*/ .jqx-input { -webkit-appearance: none; padding: 0 0 0 0; outline: none; border-width: 1px; border-style: solid; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } input[type=text].jqx-input, input[type=password].jqx-input { min-height: 16px; min-width: 16px; margin: 0px; border-width: 1px; border-style: solid; font-size: 13px; padding: 3px; padding-left: 3px; padding-right: 3px; } .jqx-input::-ms-reveal { display: none; } .jqx-input::-ms-clear { display: none; } .jqx-input-content::-ms-clear { display: none; } .jqx-input::-ms-value { margin: 0px; padding: 0px; min-height: 13px; line-height: 13px; } /*applied to the input when the validation fails.*/ .jqx-input-invalid { border-color: #dd4b39 !important; } /*applied to the input's content.*/ .jqx-input-content { -webkit-appearance: none; padding: 1px; resize: none; outline: none; outline-width: 0px; -webkit-user-modify: inherit; -moz-user-modify: inherit; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } /*applied to the input when it is disabled.*/ .jqx-input-disabled { -webkit-appearance: none; resize: none; outline: none; outline-width: 0px; } /*applied to the list menu.*/ .jqx-listmenu-widget { -ms-touch-action: auto; } .jqx-listmenu-widget .jqx-widget-content { -ms-touch-action: auto; } .jqx-listmenu-widget .jqx-widget-header { -ms-touch-action: auto; } .jqx-listmenu-widget li { -ms-touch-action: auto; } .jqx-menu-popup {} .jqx-menu-vertical { background-color: #efefef; } .jqx-color-picker {} .jqx-color-picker-panel {} .jqx-color-picker-map { border: 1px solid #A0A0A0; background-color: transparent; background-image: url('map-saturation.7ec1b4f86bc13625.png'); background-repeat: no-repeat; background-position: left top; overflow: hidden; } .jqx-color-picker-map-hue { border: 1px solid #A0A0A0; background-color: transparent; background-image: url('map-hue.163552216f1e232a.png'); background-repeat: no-repeat; background-position: left top; overflow: hidden; } .jqx-color-picker-map-overlay { background-color: transparent; background-image: url('map-saturation-overlay.6b51a7daf6481585.png'); background-repeat: no-repeat; background-position: left top; } .jqx-color-picker-bar { border: 1px solid #A0A0A0; background-color: transparent; background-image: url('bar-saturation.0d24928c773c0dfe.png'); background-repeat: no-repeat; background-position: left top; } .jqx-color-picker-bar-hue { border: 1px solid #A0A0A0; background-color: transparent; background-image: url('bar-hue.62ca62f44be4eac1.png'); background-repeat: no-repeat; background-position: left top; } .jqx-color-picker-preview { border: 1px solid #A0A0A0; } .jqx-color-picker-pointer { background-image: url('crosshair.23d7f2189936c737.png'); background-repeat: no-repeat; height: 16px; width: 16px; } .jqx-color-picker-pointer-alt { background-image: url('crosshair-white.cd2fa7c53891f084.png'); background-repeat: no-repeat; height: 16px; width: 16px; } .jqx-color-picker-bar-pointer { background-image: url('pointer.b713ae4fccc79428.png'); background-repeat: no-repeat; height: 15px; margin-left: 6px; background-position: right top; } .jqx-icon { width: 16px; height: 16px; margin: 0 auto; position: relative; top: 50%; margin-top: -8px; } .jqx-input-icon { width: 13px; height: 13px; margin: 0 auto; } .jqx-scrollbar-thumb-state-normal-touch { border-color: #c3c3c3; background: #c3c3c3; } .jqx-touch, .jqx-touch .jqx-fill-state-normal, .jqx-touch .jqx-widget-content, .jqx-touch .jqx-widget-header, .jqx-touch a:link {} .jqx-scrollbar .jqx-icon-arrow-up { width: 100%; height: 100%; } .jqx-scrollbar .jqx-icon-arrow-down { width: 100%; height: 100%; } .jqx-scrollbar .jqx-icon-arrow-left { width: 100%; height: 100%; } .jqx-scrollbar .jqx-icon-arrow-right { width: 100%; height: 100%; } /*jqx-listmenu*/ .jqx-listmenu-widget { border-width: 1px; border-style: solid; } ol.jqx-listmenu, ul.jqx-listmenu { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; line-height: 1; counter-reset: section; } .jqx-listmenu li { margin-left: 0px; list-style: none; line-height: 1; } .jqx-listmenu { width: 100%; } .jqx-listmenu-header { padding: 15px; } .jqx-listmenu-item { cursor: pointer; padding: 15px; float: none; overflow: hidden; text-align: left; position: relative; } .jqx-listmenu-separator { padding: 10px; counter-reset: section; } .jqx-listmenu-header-label { margin-left: 30px; } .jqx-listmenu-arrow-right { width: 16px; height: 16px; position: absolute; top: 50%; margin-top: -7px; right: 7px; } .jqx-listmenu-arrow-rtl { right: 0px; left: 7px; } .jqx-listmenu-arrow-right-pressed { width: 16px; height: 16px; } .jqx-listmenu-header .jqx-button { border-radius: 10px; padding: 6px 10px; } .jqx-listmenu-filter-input { border-radius: 3px; border: 1px solid; outline: none; width: 97%; padding: 3px; padding-left: 10px; padding-right: 10px; border-color: #c7c7c7; background-color: #fff; font-size: 20px; min-height: 25px !important; height: 25px; } .jqx-listmenu-filter { text-align: center; padding: 4px; } ol li .jqx-listmenu-item-label:before { content: counter(section) ". "; counter-increment: section; } .jqx-listmenu div { clear: both; } .jqx-listmenu-auto-separator {} .jqx-listmenu-item-readonly { cursor: default; } .jqx-tooltip { position: absolute; width: auto; height: auto; } .jqx-tooltip-main { position: relative; width: 100%; height: 100%; text-align: center; filter: inherit; border-style: solid; border-width: 1px; } .jqx-tooltip-text { padding: 5px 8px; overflow: hidden; filter: inherit; } .jqx-tooltip, .jqx-tooltip-text, .jqx-tooltip-main { border-radius: 5px; -moz-background-clip: padding; background-clip: padding-box; -webkit-background-clip: padding-box; } .jqx-tooltip-arrow { position: absolute; width: 0px; height: 0px; display: block; border-style: solid; margin: -6px 0 0 -7px; background: transparent !important; filter: inherit; } .jqx-tooltip-arrow-t-b { border-left-color: transparent !important; border-right-color: transparent !important; } .jqx-tooltip-arrow-l-r { border-top-color: transparent !important; border-bottom-color: transparent !important; } /*Sets the text-alignment to right.*/ .jqx-rtl { text-align: right !important; } .jqx-shadow { box-shadow: 0 2px 3px rgba(0, 0, 0, .15) !important; } .jqx-noshadow { box-shadow: none !important; } .jqx-passwordinput-password-icon, .jqx-passwordinput-password-icon-rtl { background-image: url('icon-showpassword.a0b7dc8ac3155280.png') !important; background-repeat: no-repeat !important; width: 14px; height: 9px; } .jqx-passwordinput-password-icon-ltr { background-position: right !important; } .jqx-passwordinput-password-icon-rtl { background-position: left !important; } .jqx-passwordinput-password-strength-inicator { width: 20%; height: 5px; margin-top: 5px; } /*top rounded Corners*/ .jqx-rc-t-expanded { border-top-left-radius: 0px !important; border-top-right-radius: 0px !important; } /*bottom rounded Corners*/ .jqx-rc-b-expanded { border-bottom-left-radius: 0px !important; border-bottom-right-radius: 0px !important; } .jqx-treemap-rectangle { font-size: 13px; font-weight: normal; border: 1px solid #555; color: #222; text-shadow: 0px 0px 0px; overflow: hidden; text-overflow: ellipsis; } .jqx-treemap-label { text-overflow: ellipsis; overflow: hidden; } .jqx-treemap-rectangle-parent { color: #222; font-size: 15px; font-family: Verdana; font-weight: bold; } .jqx-treemap-legend-label { color: #fff; } .jqx-treemap-legend { width: 350px; background-color: rgba(0, 0, 0, 0.1); z-index: 41; overflow: hidden; } .jqx-treemap-legend-table { table-layout: fixed; width: 100%; } .jqx-treemap-legend-color { height: 3px; } .jqx-treemap-legend-values { height: 12px; width: 100%; } .jqx-treemap-legend-value { font-size: 9px; position: absolute; color: #fff; } .jqx-treemap-rectangle-hover { box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); z-index: 40; } /*jqxRangeSelector*/ .jqx-rangeselector, .jqx-rangeselector-content, .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter { box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-sizing: content-box !important; } .jqx-rangeselector-markers {} .jqx-rangeselector-content, .jqx-rangeselector-ticks, .jqx-rangeselector-labels, .jqx-rangeselector-shutter, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { position: absolute; } .jqx-rangeselector-ticks-container, .jqx-rangeselector-ticks, .jqx-rangeselector-shutter, .jqx-rangeselector-slider { height: 100%; } .jqx-rangeselector-ticks-container, .jqx-rangeselector-slider { width: 100%; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; border-radius: 0px !important; } .jqx-rangeselector-group-labels-rtl, .jqx-rangeselector-group-labels-ticks, .jqx-rangeselector-slider { float: left; } .jqx-rangeselector-slider, .jqx-rangeselector-markers, .jqx-rangeselector-marker-arrow { border-style: solid; } .jqx-rangeselector-ticks, .jqx-rangeselector-group-labels-ticks { width: 1px; background: #aaa; } .jqx-rangeselector-labels, .jqx-rangeselector-markers { white-space: nowrap; width: auto; } .jqx-rangeselector-slider, .jqx-rangeselector-markers { border-width: 1px !important; } .jqx-rangeselector-ticks-container { background-color: transparent; position: relative; } .jqx-rangeselector-shutter { opacity: 0.75; background: #efefef; border-width: 0px !important; } .jqx-rangeselector-slider { background-color: transparent !important; border-top: none !important; background-image: none !important; border-bottom: none !important; border-color: #aaa; border-right-color: transparent !important; position: relative; overflow: hidden; } .jqx-rangeselector-inner-slider { position: absolute; right: 0; background: #aaa; width: 1px; height: 100%; } .jqx-rangeselector-ticks { margin-top: 0px; } .jqx-rangeselector-labels, .jqx-rangeselector-group-labels { margin-top: 4px; } .jqx-rangeselector-markers { height: 20px; padding: 5px; opacity: 0.75; } .jqx-rangeselector-marker-arrow { width: 0px; height: 0px; display: block; margin: -6px 0 0 -7px; background-color: transparent !important; filter: inherit; border-top-width: 5px; border-bottom-width: 5px; border-right-color: transparent !important; border-left-color: transparent !important; background-clip: border-box; background-repeat: repeat; box-shadow: none !important; -webkit-box-shadow: none !important; background-image: none !important; } .jqx-rangeselector-marker-arrow-top { border-bottom-color: transparent !important; } .jqx-rangeselector-marker-arrow-bottom { border-top-color: transparent !important; } .jqx-rangeselector-marker-left-arrow { border-right-width: 0px; border-left-width: 5px; } .jqx-rangeselector-marker-right-arrow { border-right-width: 5px; border-left-width: 0px; } .jqx-rangeselector-markers-value { overflow: hidden; white-space: nowrap; } .jqx-rangeselector-group-labels-rtl { margin-right: 10px; direction: rtl; } .jqx-rangeselector-group-labels-ticks { height: 17px; } .jqx-rangeselector-group-labels-ticks-rtl { margin-left: 5px; } .jqx-action-button { border: none; border-left: 1px solid #c7c7c7; } .jqx-action-button-rtl { border: none; border-right: 1px solid #c7c7c7; cursor: pointer; } /*jqxBulletChart*/ .jqx-bulletchart {} .jqx-bulletchart, .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-chart-container-horizontal, .jqx-bulletchart-chart-container-vertical { position: relative; } .jqx-bulletchart-title-inner-container, .jqx-bulletchart-range, .jqx-bulletchart-pointer, .jqx-bulletchart-target, .jqx-bulletchart-ticks, .jqx-bulletchart-labels { position: absolute; } .jqx-bulletchart-title-container-vertical, .jqx-bulletchart-title, .jqx-bulletchart-description, .jqx-bulletchart-range-vertical { width: 100%; } .jqx-bulletchart-title-container-horizontal, .jqx-bulletchart-chart-container-horizontal { float: left; overflow: hidden; } .jqx-bulletchart-title, .jqx-bulletchart-description { text-align: center; } .jqx-bulletchart-title-inner-container { margin: auto; top: 0; left: 0; right: 0; bottom: 0; } .jqx-bulletchart-title-inner-container-ltr { padding-right: 5px; } .jqx-bulletchart-title-inner-container-rtl { padding-left: 5px; } .jqx-bulletchart-title-description-ltr { text-align: right; } .jqx-bulletchart-title-description-rtl { text-align: left; } .jqx-bulletchart-title-description-vertical { text-align: center; } .jqx-bulletchart-title { font-size: 110%; font-weight: bold; } .jqx-bulletchart-description { font-size: 90%; } .jqx-bulletchart-range-horizontal { height: 100%; } .jqx-bulletchart-target-horizontal { top: 10%; height: 80%; } .jqx-bulletchart-target-vertical { left: 10%; width: 80%; } .jqx-bulletchart-ticks { background-color: #AAAAAA; } .jqx-bulletchart-ticks-horizontal { width: 1px; } .jqx-bulletchart-ticks-vertical { height: 1px; } .jqx-bulletchart-zero-tick {} .jqx-bulletchart-labels {} /*jqxNotification*/ .jqx-notification { padding: 10px; border-width: 1px; border-style: solid; box-sizing: border-box; pointer-events: auto; } .jqx-notification-table { width: 100%; font-size: inherit; font-weight: inherit; font-style: inherit; color: inherit; } .jqx-notification-container { position: fixed; height: auto; width: auto; pointer-events: none; } .jqx-notification-container-full-width { width: 100%; } .jqx-notification-container-full-height { height: 100%; } #jqxNotificationDefaultContainer-top-right, #jqxNotificationDefaultContainer-bottom-left { direction: rtl; } .jqx-notification-icon, .jqx-notification-content { vertical-align: middle; } .jqx-notification-content {} .jqx-notification-content-rtl { direction: rtl; } .jqx-link, .jqx-inverse, .jqx-primary, .jqx-warning, .jqx-danger, .jqx-success, .jqx-info { background: none !important; box-shadow: none !important; text-shadow: none !important; } .jqx-primary .jqx-icon-calendar, .jqx-primary .jqx-icon-calendar-hover, .jqx-primary .jqx-icon-calendar-pressed { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-primary .jqx-icon-time, .jqx-primary .jqx-icon-time-hover, .jqx-primary .jqx-icon-time-pressed { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-success .jqx-icon-calendar, .jqx-success .jqx-icon-calendar-hover, .jqx-success .jqx-icon-calendar-pressed { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-success .jqx-icon-time, .jqx-success .jqx-icon-time-hover, .jqx-success .jqx-icon-time-pressed { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-warning .jqx-icon-calendar, .jqx-warning .jqx-icon-calendar-hover, .jqx-warning .jqx-icon-calendar-pressed { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-warning .jqx-icon-time, .jqx-warning .jqx-icon-time-hover, .jqx-warning .jqx-icon-time-pressed { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-danger .jqx-icon-calendar, .jqx-danger .jqx-icon-calendar-hover, .jqx-danger .jqx-icon-calendar-pressed { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-danger .jqx-icon-time, .jqx-danger .jqx-icon-time-hover, .jqx-danger .jqx-icon-time-pressed { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-info .jqx-icon-calendar, .jqx-info .jqx-icon-calendar-hover, .jqx-info .jqx-icon-calendar-pressed { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-info .jqx-icon-time, .jqx-info .jqx-icon-time-hover, .jqx-info .jqx-icon-time-pressed { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-inverse .jqx-icon-calendar, .jqx-inverse .jqx-icon-calendar-hover, .jqx-inverse .jqx-icon-calendar-pressed { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-inverse .jqx-icon-time, .jqx-inverse .jqx-icon-time-hover, .jqx-inverse .jqx-icon-time-pressed { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-notification-info, .jqx-info { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #5bc0de !important; border-left-color: #46b8da !important; border-right-color: #46b8da !important; border-top-color: #46b8da !important; border-bottom-color: #46b8da !important; } .jqx-info:hover, .jqx-info:focus, .jqx-info:active, .jqx-info.active, .jqx-info.disabled, .jqx-info[disabled] { color: #ffffff !important; background-color: #31b0d5 !important; border-color: #269abc !important; } .jqx-fill-state-pressed.jqx-info, .jqx-info:active, .jqx-info.active { background-color: #269abc \9 !important; } .jqx-notification-warning, .jqx-warning { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #f0ad4e !important; border-left-color: #eea236 !important; border-right-color: #eea236 !important; border-top-color: #eea236 !important; border-bottom-color: #eea236 !important; } .jqx-warning:hover, .jqx-warning:focus, .jqx-warning:active, .jqx-warning.active, .jqx-warning.disabled, .jqx-warning[disabled] { color: #ffffff !important; background-color: #ec971f !important; border-color: #d58512 !important; } .jqx-fill-state-pressed.jqx-warning, .jqx-warning:active, .jqx-warning.active { background-color: #d58512 \9 !important; border-color: #985f0d !important; } .jqx-notification-success, .jqx-success { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #5cb85c !important; border-left-color: #4cae4c !important; border-right-color: #4cae4c !important; border-top-color: #4cae4c !important; border-bottom-color: #4cae4c !important; } .jqx-success:hover, .jqx-success:focus, .jqx-success:active, .jqx-success.active, .jqx-success.disabled, .jqx-success[disabled] { color: #ffffff !important; background-color: #449d44 !important; border-color: #398439 !important; } .jqx-fill-state-pressed.jqx-success, .jqx-success:active, .jqx-success.active { background-color: #398439 !important; border-color: #255625 !important; } .jqx-notification-error, .jqx-danger { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #d9534f !important; border-left-color: #d43f3a !important; border-right-color: #d43f3a !important; border-top-color: #d43f3a !important; border-bottom-color: #d43f3a !important; } .jqx-danger:hover, .jqx-danger:focus, .jqx-danger:active, .jqx-danger.active, .jqx-danger.disabled, .jqx-danger[disabled] { color: #ffffff !important; background-color: #c9302c !important; border-color: #ac2925 !important; } .jqx-fill-state-pressed.jqx-danger, .jqx-danger:active, .jqx-danger.active { background-color: #ac2925 !important; border-color: #761c19 !important; } .jqx-notification-mail, .jqx-primary { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #337ab7 !important; border-left-color: #2e6da4 !important; border-right-color: #2e6da4 !important; border-top-color: #2e6da4 !important; border-bottom-color: #2e6da4 !important; } .jqx-primary:hover, .jqx-primary:focus, .jqx-primary:active, .jqx-primary.active, .jqx-primary.disabled, .jqx-primary[disabled] { color: #ffffff !important; background-color: #286090 !important; } .jqx-fill-state-pressed.jqx-primary, .jqx-primary:active, .jqx-primary.active { background-color: #204d74 !important; } .jqx-notification-time, .jqx-inverse { color: #ffffff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25) !important; background-color: #363636 !important; border-left-color: #222222 !important; border-right-color: #222222 !important; border-top-color: #222222 !important; border-bottom-color: #000000 !important; } .jqx-inverse:hover, .jqx-inverse:focus, .jqx-inverse:active, .jqx-inverse.active, .jqx-inverse.disabled, .jqx-inverse[disabled] { color: #ffffff !important; background-color: #222222 !important; } .jqx-fill-state-pressed.jqx-inverse, .jqx-inverse:active, .jqx-inverse.active { background-color: #080808 !important; background-image: linear-gradient(to bottom, #444444, #444444) !important; } .jqx-link, .jqx-link:active, .jqx-link[disabled] { background-color: transparent !important; background-image: none !important; box-shadow: none !important; } .jqx-link { color: #0088cc !important; cursor: pointer !important; border-color: transparent !important; border-radius: 0 !important; } .jqx-link:hover, .jqx-link:focus { color: #005580 !important; text-decoration: underline !important; background-color: transparent !important; } .jqx-link[disabled]:hover, .jqx-link[disabled]:focus { color: #333333 !important; text-decoration: none !important; } .jqx-link:focus, .jqx-inverse:focus, .jqx-primary:focus, .jqx-warning:focus, .jqx-danger:focus, .jqx-success:focus, .jqx-info:focus, .jqx-link:hover, .jqx-inverse:hover, .jqx-primary:hover, .jqx-warning:hover, .jqx-danger:hover, .jqx-success:hover, .jqx-info:hover { background-position: 0 -15px !important; transition: background-position 0.1s linear !important; } .jqx-link:active, .jqx-inverse:active, .jqx-primary:active, .jqx-warning:active, .jqx-danger:active, .jqx-success:active, .jqx-info:active { background-image: none !important; outline: 0 !important; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) !important; } .jqx-notification-icon { background-repeat: no-repeat; } .jqx-notification-icon-ltr { background-position: left center; } .jqx-notification-icon-rtl { background-position: right center; } .jqx-notification-icon-info, .jqx-notification-icon-warning, .jqx-notification-icon-success, .jqx-notification-icon-error, .jqx-notification-icon-mail, .jqx-notification-icon-time { width: 30px; height: 25px; } .jqx-notification-icon-info { background-image: url('info.a40e175cbb92b1dd.png'); } .jqx-notification-icon-warning { background-image: url('warning.040b457d00915644.png'); } .jqx-notification-icon-success { background-image: url('success.611c152f3f37ae7c.png'); } .jqx-notification-icon-error { background-image: url('error.0427b3a5b91f7954.png'); } .jqx-notification-icon-mail { background-image: url('mail.e3b6f9631ab97395.png'); } .jqx-notification-icon-time { background-image: url('time.e276d0c70940c6a0.png'); } .jqx-notification-close-button-info, .jqx-notification-close-button-success, .jqx-notification-close-button-mail, .jqx-notification-close-button-time, .jqx-notification-close-button-error { background-image: url('close_white.37ab4a00b9020201.png'); } .jqx-notification-close-button-warning { background-image: url('close_black.9b9c9d790089c67b.png'); } .jqx-notification-close-button-container, .jqx-notification-close-button { width: 16px; height: 16px; } .jqx-notification-close-button-container { vertical-align: top; } .jqx-notification-close-button { position: relative; top: -11px; background-repeat: no-repeat; cursor: pointer; } .jqx-notification-close-button-ltr { right: -11px; background-position: right top; } .jqx-notification-close-button-rtl { left: -11px; background-position: left top; } .jqx-navbar { width: 100%; border-style: solid; border-width: 1px; } .jqx-navbar ul:before, .jqx-navbar ul:after { content: ""; display: table; } .jqx-navbar ul:after { clear: both; } .jqx-navbar ul { list-style: none; margin: 0; padding: 0; position: relative; display: block; border: 0; max-width: 100%; overflow: visible; } .jqx-navbar-block { margin: 0; overflow: hidden; padding: 0px 12px; border-width: 0px; float: left; min-height: 1px; box-sizing: border-box; box-shadow: none !important; border-radius: 0px !important; } .jqx-navbar-block-rtl { float: right; } .jqx-ribbon { position: relative; overflow: hidden; } .jqx-ribbon-auto { display: inline-block; } .jqx-ribbon-popup { overflow: visible; } .jqx-ribbon-header { position: absolute; margin: 0; border-width: 1px; border-style: solid; box-sizing: border-box; overflow: hidden; float: left; display: block; box-shadow: none !important; } .jqx-ribbon-header-auto { position: relative; } .jqx-ribbon-header-horizontal { width: 100%; min-height: 30px; padding: 0px; white-space: nowrap; } .jqx-ribbon-header-bottom { bottom: 0; } .jqx-ribbon-header-vertical { min-width: 75px; height: 100%; float: left; padding: 0px; } .jqx-ribbon-header-right { right: 0; } .jqx-ribbon-header-horizontal-popup, .jqx-ribbon-header-vertical-popup { position: relative; } .jqx-ribbon-header-horizontal-popup { height: 100%; } .jqx-ribbon-header-vertical-popup { width: 100%; } .jqx-ribbon-item { position: relative; list-style-type: none; padding: 5px; border: 1px solid transparent; box-sizing: border-box; text-overflow: ellipsis; cursor: default; min-width: 10px; vertical-align: top; } .jqx-ribbon-item-top, .jqx-ribbon-item-bottom { height: 100%; display: inline-block; margin-left: 1px; margin-right: 1px; } .jqx-ribbon-item-top { margin-top: 1px; } .jqx-ribbon-item-bottom { margin-top: -1px; } .jqx-ribbon-item-left, .jqx-ribbon-item-right { width: 100%; margin-top: 2px; } .jqx-ribbon-item-left { margin-left: 1px; } .jqx-ribbon-item-right { margin-left: -1px; } .jqx-ribbon-item-hover { border-color: inherit; } .jqx-ribbon-item-top.jqx-ribbon-item-hover { border-bottom-color: inherit !important; } .jqx-ribbon-item-bottom.jqx-ribbon-item-hover { border-top-color: inherit !important; } .jqx-ribbon-item-left.jqx-ribbon-item-hover { border-right-color: inherit !important; } .jqx-ribbon-item-right.jqx-ribbon-item-hover { border-left-color: inherit !important; } .jqx-ribbon-item-selected { border-color: inherit; } .jqx-ribbon-item-top.jqx-ribbon-item-selected { border-bottom-color: transparent; } .jqx-ribbon-item-bottom.jqx-ribbon-item-selected { border-top-color: transparent; } .jqx-ribbon-item-left.jqx-ribbon-item-selected { border-right-color: transparent; } .jqx-ribbon-item-right.jqx-ribbon-item-selected { border-left-color: transparent; } .jqx-ribbon-content { background-image: none !important; background-color: transparent !important; box-sizing: border-box; } .jqx-ribbon-content-horizontal { clear: both; height: 100%; } .jqx-ribbon-content-vertical { height: 100%; width: 100%; float: left; border-width: 1px; } .jqx-ribbon-content-popup { z-index: 99999; position: absolute; border-left: none; } .jqx-ribbon-content-popup.jqx-ribbon-content-horizontal { width: 100%; height: auto; } .jqx-ribbon-content-popup.jqx-ribbon-content-vertical { width: auto; height: 100%; } .jqx-ribbon-content-popup-top { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .jqx-ribbon-content-popup-bottom { box-shadow: 0 -6px 15px rgba(0, 0, 0, 0.15); } .jqx-ribbon-content-popup-left { box-shadow: 0 6px 15px rgba(0, 0, 0, 0.15); } .jqx-ribbon-content-popup-right { box-shadow: -6px 6px 15px 0 rgba(0, 0, 0, 0.15); } .jqx-ribbon-content-auto-width { width: auto; } .jqx-ribbon-content-section { width: 100%; height: 100%; display: none; border-width: 1px; border-style: solid; box-sizing: inherit; overflow: auto; } .jqx-ribbon-content-section-top { border-top: none; } .jqx-ribbon-content-section-bottom { bottom: 0; border-bottom: none; } .jqx-ribbon-content-section-left { border-left: none; } .jqx-ribbon-content-section-right { border-right: none; right: 0; } .jqx-ribbon-content-section-popup { position: relative; } .jqx-ribbon-content-section-horizontal-popup { height: auto; } .jqx-ribbon-content-section-vertical-popup { width: auto; } .jqx-ribbon-header-rtl { text-align: right; } .jqx-ribbon-header-horizontal.jqx-ribbon-header-rtl { direction: rtl; } .jqx-ribbon-item-rtl { direction: rtl; } .jqx-ribbon-scrollbutton { position: absolute; display: none; box-sizing: border-box; cursor: pointer; background-repeat: no-repeat !important; background-position: center !important; z-index: 0; } .jqx-ribbon-scrollbutton-top, .jqx-ribbon-scrollbutton-bottom { width: 17px; } .jqx-ribbon-scrollbutton-left, .jqx-ribbon-scrollbutton-right { height: 17px; } .jqx-ribbon-scrollbutton-top { top: 1px; border-bottom-width: 1px; border-bottom-style: solid; } .jqx-ribbon-scrollbutton-bottom { bottom: 1px; border-top-width: 1px; border-top-style: solid; } .jqx-ribbon-scrollbutton-left { left: 1px; border-right-width: 1px; border-right-style: solid; } .jqx-ribbon-scrollbutton-right { right: 1px; border-left-width: 1px; border-left-style: solid; } .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near { left: 1px; border-right-width: 1px; border-right-style: solid; } .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { right: 18px; border-left-width: 1px; border-left-style: solid; } .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far { right: 1px; border-left-width: 1px; border-left-style: solid; } .jqx-ribbon-scrollbutton-top.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-bottom.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { left: 18px; border-right-width: 1px; border-right-style: solid; } .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-near { top: 1px; border-bottom-width: 1px; border-bottom-style: solid; } .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-lt.jqx-ribbon-scrollbutton-far { bottom: 18px; border-top-width: 1px; border-top-style: solid; } .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-both, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-far { bottom: 1px; border-top-width: 1px; border-top-style: solid; } .jqx-ribbon-scrollbutton-left.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near, .jqx-ribbon-scrollbutton-right.jqx-ribbon-scrollbutton-rb.jqx-ribbon-scrollbutton-near { top: 18px; border-bottom-width: 1px; border-bottom-style: solid; } .jqx-ribbon-scrollbutton-inner { width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; } .jqx-ribbon-selection-token { position: absolute; z-index: 0; } .jqx-ribbon-selection-token-top, .jqx-ribbon-selection-token-bottom { height: 1px; } .jqx-ribbon-selection-token-left, .jqx-ribbon-selection-token-right { width: 1px; } .jqx-ribbon-auto, .jqx-ribbon-item-top, .jqx-ribbon-item-bottom, .jqx-ribbon-content {} .jqx-ribbon-content-left {} .jqx-ribbon-content-right {} .jqx-ribbon-content.jqx-ribbon-content-popup {} .jqx-ribbon-content-popup .jqx-ribbon-content-section {} .jqx-ribbon-content-section-popup {} .jqx-toolbar, .jqx-toolbar-minimized-popup-separator { box-sizing: border-box; } .jqx-toolbar, .jqx-toolbar-minimized-popup { padding: 5px; } .jqx-toolbar { position: relative; border-width: 1px; border-style: solid; overflow: hidden; } .jqx-toolbar-tool { float: left; margin-top: 0; margin-bottom: 0; } .jqx-toolbar-tool-rtl { float: right; } .jqx-toolbar-tool-no-separator-ltr { margin-right: 2px !important; } .jqx-toolbar-tool-no-separator-rtl { margin-left: 2px !important; } .jqx-toolbar-tool-separator-ltr { margin-right: 6px !important; } .jqx-toolbar-tool-separator-rtl { margin-left: 6px !important; } .jqx-toolbar-tool-inner-button { margin-right: 0; margin-left: 0; border-radius: 0 !important; } .jqx-toolbar-minimized-button, .jqx-toolbar-minimized-popup { position: absolute; } .jqx-toolbar-minimized-button { height: 100%; right: 0; cursor: pointer; margin-top: -5px; margin-right: 5px; display: none; } .jqx-toolbar-minimized-button-rtl { left: 0; margin-left: 5px; margin-right: 0; } .jqx-toolbar-minimized-popup { border-width: 1px; border-top-width: 0; border-style: solid; visibility: hidden; z-index: 1000; } .jqx-toolbar-tool-minimized { margin: 1px 0 !important; } .jqx-toolbar-minimized-popup-separator { width: 100%; height: 2px; margin: 5px 0; display: none; } .jqx-complex-input-spin-buttons-container { border-width: 1px; border-style: solid; position: relative; box-sizing: border-box !important; padding: 2px 8px !important; white-space: nowrap; vertical-align: middle; } .jqx-formatted-input, .jqx-complex-input { padding-right: 2px !important; text-align: right; } .jqx-formatted-input-lower-case, .jqx-complex-input { text-transform: lowercase; } .jqx-formatted-input-upper-case { text-transform: uppercase; } .jqx-formatted-input-item { word-wrap: break-word; } .jqx-formatted-input-item-rtl, .jqx-complex-input-rtl { direction: rtl !important; } .jqx-formatted-input-spin-buttons-container, .jqx-formatted-input-addon { height: 100%; } .jqx-formatted-input-spin-buttons-container { width: 18px; padding: 0 0 0 1px !important; overflow: hidden; } .jqx-formatted-input-spin-buttons-container-rtl { border-right-width: 0px; padding: 0 0 0 2px !important; } .jqx-formatted-input-spin-buttons-container-rtl-border { border-left-width: 1px !important; } .jqx-formatted-input-spin-button { position: relative; width: 17px; height: 50%; margin-left: -1px; border-width: 0px; padding: 0px; overflow: hidden; cursor: pointer; } .jqx-formatted-input-addon { width: 19px; padding: 0 !important; cursor: pointer; } .jqx-formatted-input-addon-rtl { border-right-width: 1px !important; } .jqx-complex-input-parent { overflow: hidden; } .jqx-complex-input-child { height: 100%; float: left; box-sizing: border-box; } .jqx-complex-input-child-rtl { float: right; } .jqx-complex-input-spin-buttons-container-ltr { border-left-width: 0; } .jqx-complex-input-spin-buttons-container-rtl { border-left-width: 1px !important; border-right-width: 0; } .jqx-file-upload { position: relative; overflow: auto; } .jqx-file-upload, .jqx-file-upload-file-row, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { border-width: 1px; border-style: solid; box-sizing: border-box; } .jqx-file-upload-buttons-container, .jqx-file-upload-iframe, .jqx-file-upload-loading-element { display: none; } .jqx-file-upload-file-input-ie9, .jqx-file-upload-buttons-container, .jqx-file-upload-file-row, .jqx-file-upload-icon { width: 100%; } .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-icon, .jqx-file-upload-loading-element { height: 100%; } .jqx-file-input-iframe, .jqx-file-upload-form-ie9 { position: absolute; } .jqx-file-input-iframe { width: 0; height: 0; border: none; } .jqx-file-upload-form, .jqx-file-upload-file-input { visibility: hidden; display: none; } .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9 { display: block; visibility: visible; } .jqx-file-upload-form-ie9 { z-index: 10000; opacity: 0; filter: alpha(opacity=0); } .jqx-file-upload-file-name { width: auto; padding: 0 2px 0 2px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { float: right; } .jqx-file-upload, .jqx-file-upload-file-row { padding: 5px; } .jqx-file-upload-button-browse { display: block; } .jqx-file-upload-buttons-container { height: auto; margin-top: 10px; } .jqx-file-upload-button-browse-rtl, .jqx-file-upload-button-upload-rtl, .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-file-name-rtl, .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl { direction: rtl !important; } .jqx-file-upload-button-cancel, .jqx-file-upload-button-upload-rtl { margin-left: 5px; } .jqx-file-upload-button-upload-rtl-ie { margin-right: 5px; } .jqx-file-upload-button-cancel-rtl, .jqx-file-upload-button-upload-rtl-ie { margin-left: 0; } .jqx-file-upload-file-row { height: 30px; margin-bottom: 3px; clear: both; } .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload, .jqx-file-upload-loading-element { width: 17px; margin: 0 1px 0 1px; } .jqx-file-upload-file-cancel-rtl, .jqx-file-upload-file-upload-rtl, .jqx-file-upload-loading-element-rtl { float: none; } .jqx-file-upload-button-browse, .jqx-file-upload-button-upload, .jqx-file-upload-button-cancel, .jqx-file-upload-form-ie9, .jqx-file-upload-file-input-ie9, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { cursor: pointer; white-space: nowrap; } .jqx-file-upload-file-name, .jqx-file-upload-file-cancel, .jqx-file-upload-file-upload { display: inline-block; } .jqx-file-upload-icon-upload, .jqx-file-upload-loading-element { margin-top: 1px; } .jqx-file-upload-loading-element { background-image: url('loader-small.8486b850e1b4df32.gif'); background-repeat: no-repeat; } .jqx-date-time-input-popup .jqx-icon { margin-top: 0px; } .jqx-text-area-element { height: 100%; width: 100%; overflow: hidden; border: none; outline: none; left: 0px; top: 0px; margin: 0px; position: absolute; resize: none; } .jqx-text-area-element-rtl { direction: rtl !important; } .jqx-responsive-panel { overflow: auto; } .jqx-responsive-panel { border-width: 0px; } .jqx-responsive-panel-button { border-width: 1px; border-style: solid; } .jqx-responsive-panel-button { display: none; cursor: pointer; } .jqx-responsive-panel-button-inner { margin: 0; width: 100%; height: 100%; background-position: center; } .jqx-loader { margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgba(255, 255, 255, 0.5); z-index: 999; border-style: solid; border-width: 1px; } .jqx-loader-ie-transparency { background: transparent; } .jqx-loader-modal { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); position: fixed; height: 100%; width: 100%; z-index: 99; cursor: default; top: 0; left: 0; background-color: black; opacity: 0.6; } .jqx-loader-icon { background-image: url('loader.7c1494c9779716cf.gif'); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; position: absolute; z-index: 999; } .jqx-loader-text { z-index: 999; position: relative; } .jqx-loader-text-left { margin-left: 5px; position: absolute; top: 50%; } .jqx-loader-text-right { margin-right: 5px; position: absolute; top: 50%; right: 0px; } .jqx-loader-text-top { text-align: center; margin-top: 5px; } .jqx-loader-text-bottom { bottom: 0px; position: absolute; text-align: center; margin: 0 auto; width: 100%; margin-bottom: 5px; } .jqx-loader-rtl { direction: rtl; } /* jqxLayout and jqxDockingLayout */ .jqx-layout, .jqx-layout-group-root, .jqx-layout-pseudo-window-header, .jqx-docking-layout-overlay-inner-square-content { position: relative; } .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background, .jqx-layout-resize-feedback, .jqx-layout-overlay, .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-highlight-right, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-drop-overlay { position: absolute; } .jqx-layout { background-color: #c5c5c5; } .jqx-layout-group-root, .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon, .jqx-layout-overlay { width: 100%; height: 100%; } .jqx-layout-group-default-horizontal>div, .jqx-layout-pseudo-window-title-ltr, .jqx-docking-layout-overlay-square, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-square-edge-arrow-container-horizontal { float: left; } .jqx-layout-group-tabbed { position: static; box-sizing: border-box; min-height: 0 !important; } .jqx-layout-group-tabbed .jqx-window-content, .jqx-docking-layout-group-floating .jqx-window-content { padding: 0; } .jqx-layout-group-tabbed .jqx-ribbon-content-section, .jqx-layout-window, .jqx-docking-layout-group-floating .jqx-ribbon-content-section { border: none; } .jqx-layout-window { position: static; } .jqx-layout-group-auto-hide-content-vertical, .jqx-layout-group-auto-hide-content-horizontal { overflow: auto; } .jqx-layout-group-auto-hide-content-vertical { width: 150px; } .jqx-layout-group-auto-hide-content-horizontal { width: 100%; height: 150px; } .jqx-layout-pseudo-window { border-width: 1px; border-style: solid; box-sizing: border-box; box-shadow: none !important; } .jqx-layout-pseudo-window-header, .jqx-layout-pseudo-window-content { width: 100%; box-sizing: border-box; } .jqx-layout-pseudo-window-header { height: 30px; } .jqx-layout-pseudo-window-pin-background, .jqx-layout-pseudo-window-close-background { width: 16px; height: 16px; top: 5px; } .jqx-layout-pseudo-window-pin-background-ltr { right: 15px; } .jqx-layout-pseudo-window-close-background-ltr { right: 0; } .jqx-layout-pseudo-window-pin-background-rtl { left: 15px; } .jqx-layout-pseudo-window-close-background-rtl { left: 0; } .jqx-layout-pseudo-window-pin-icon, .jqx-layout-pseudo-window-pinned-icon, .jqx-layout-pseudo-window-close-icon { cursor: pointer; } .jqx-layout-pseudo-window-title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .jqx-layout-pseudo-window-pin-icon { background-image: url('pin.864367a78922819e.png'); } .jqx-layout-pseudo-window-pinned-icon { background-image: url('pinned.2a0749bc88f6c7b4.png'); } .jqx-layout-pseudo-window-title-rtl { float: right; } .jqx-layout-resize-feedback { z-index: 9999; top: 0; left: 0; border-width: 1px; border-style: solid; box-sizing: border-box; opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; display: none; } .jqx-layout-resize-feedback-horizontal { width: 100%; height: 4px; cursor: row-resize; } .jqx-layout-resize-feedback-vertical { width: 4px; height: 100%; cursor: col-resize; } .jqx-layout-resize-feedback-warning { border-color: #800000 !important; background-color: Red !important; } .jqx-layout-overlay { top: 0; left: 0; display: none; background-color: transparent; z-index: 8999; pointer-events: none; } .jqx-layout-ribbon-header-ltr { padding-left: 20px; } .jqx-layout-ribbon-header-rtl { padding-right: 20px; } /* jqxDockingLayout-specific */ .jqx-docking-layout-group-floating { border-color: #FFD280 !important; } .jqx-docking-layout-group-floating .jqx-window-header { border-color: #FFD280; background-color: #FFD280 !important; background: linear-gradient(#FFE4B5, #FFD280) !important; } .jqx-docking-layout-overlay, .jqx-docking-layout-overlay-square-edge { z-index: 99999; opacity: 0.9; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; } .jqx-docking-layout-overlay-square-edge { display: none; } .jqx-docking-layout-overlay { width: 100px; height: 100px; left: 100px; top: 70px; } .jqx-docking-layout-overlay-section { height: 33px; width: 100px; } .jqx-docking-layout-overlay-square { width: 26px; height: 26px; padding: 3px; } .jqx-docking-layout-overlay-square-invisible { background-color: transparent !important; background-image: none !important; } .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-highlight-bottom { border-top-width: 1px; border-top-style: solid; } .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-right { border-left-width: 1px; border-left-style: solid; } .jqx-docking-layout-overlay-square-top, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-highlight-left { border-right-width: 1px; border-right-style: solid; } .jqx-docking-layout-overlay-square-left, .jqx-docking-layout-overlay-square-center, .jqx-docking-layout-overlay-square-right, .jqx-docking-layout-overlay-square-bottom, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-highlight-top { border-bottom-width: 1px; border-bottom-style: solid; } .jqx-docking-layout-overlay-square-center { border-color: transparent !important; } .jqx-docking-layout-overlay-inner-square, .jqx-docking-layout-overlay-inner-square-header, .jqx-docking-layout-overlay-inner-square-content, .jqx-docking-layout-overlay-highlight-top, .jqx-docking-layout-overlay-highlight-bottom, .jqx-docking-layout-overlay-mini-window-edge-vertical { width: 24px; } .jqx-docking-layout-overlay-inner-square { border-width: 1px; border-style: solid; height: 24px; } .jqx-docking-layout-overlay-inner-square-header { height: 5px; } .jqx-docking-layout-overlay-inner-square-content { height: 18px; } .jqx-docking-layout-overlay-highlight {} .jqx-docking-layout-overlay-highlight-top { height: 9px; border-bottom-style: dashed; } .jqx-docking-layout-overlay-highlight-left, .jqx-docking-layout-overlay-highlight-right { width: 12px; height: 18px; } .jqx-docking-layout-overlay-highlight-left { border-right-style: dashed; } .jqx-docking-layout-overlay-highlight-right { right: 0; border-left-style: dashed; } .jqx-docking-layout-overlay-highlight-bottom { bottom: 0; height: 9px; border-top-style: dashed; } .jqx-docking-layout-drop-overlay { display: none; background-color: #6495ED; opacity: 0.5; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; z-index: 10000; top: 0px; left: 0px; } .jqx-docking-layout-square-disabled { visibility: hidden; } .jqx-docking-layout-overlay-square-edge, .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-mini-window-edge-vertical { border-style: solid; border-width: 1px; } .jqx-docking-layout-overlay-inner-square-edge { width: 26px; height: 26px; } .jqx-docking-layout-overlay-mini-window-edge-horizontal { height: 24px; } .jqx-docking-layout-overlay-mini-window-edge-vertical { height: 13px; } .jqx-docking-layout-overlay-mini-window-edge-horizontal, .jqx-docking-layout-overlay-inner-square-header-horizontal, .jqx-docking-layout-overlay-inner-square-content-horizontal { width: 13px; } .jqx-docking-layout-overlay-inner-square-content-vertical { height: 7px; } .jqx-docking-layout-overlay-square-edge-arrow { border-style: solid; border-width: 5px; width: 0px; height: 0px; display: block; background: transparent !important; } .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top { border-top-color: transparent !important; } .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-bottom { border-bottom-color: transparent !important; } .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { border-left-color: transparent !important; } .jqx-docking-layout-overlay-square-edge-arrow-right, .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { border-right-color: transparent !important; } .jqx-docking-layout-overlay-square-edge-arrow-left, .jqx-docking-layout-overlay-square-edge-arrow-right { margin-top: 8px; } .jqx-docking-layout-overlay-square-edge-arrow-top, .jqx-docking-layout-overlay-square-edge-arrow-bottom { margin-left: 8px; } .jqx-tag-cloud ul { padding-left: 5px; } .jqx-tag-cloud-item { padding: 3px; display: inline-block; } .jqx-tag-cloud-item a { text-decoration: initial; } .jqx-tag-cloud-item a:hover { text-decoration: underline; } .jqx-popover { position: absolute; top: 0; left: 0; z-index: 9999; background-color: #ffffff; border: 1px solid #aaa; border: 1px solid rgba(0, 0, 0, 0.3); box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3); } .jqx-popover-modal-background { position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999; /* Fallback for web browsers that don't support RGBa */ background-color: rgb(0, 0, 0); /* RGBa with 0.6 opacity */ background-color: rgba(0, 0, 0, 0.6); } .jqx-popover-close-button { width: 16px; height: 16px; float: right; } .jqx-popover-close-button-rtl { float: left; } .jqx-popover.top { margin-top: -10px; } .jqx-popover.right { margin-left: 10px; } .jqx-popover.bottom { margin-top: 10px; } .jqx-popover.left { margin-left: -10px; } .jqx-popover-title { padding: 8px 14px; margin: 0; border-bottom: 1px solid inherit; border-radius: 3px 3px 0 0; } .jqx-popover-title:empty { display: none; } .jqx-popover-content { padding: 9px 14px; } .jqx-popover .jqx-popover-arrow, .jqx-popover .jqx-popover-arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; } .jqx-popover .jqx-popover-arrow { border-width: 11px; } .jqx-popover .jqx-popover-arrow:after { border-width: 10px; content: ""; } .jqx-popover.top .jqx-popover-arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: inherit; border-bottom-width: 0; } .jqx-popover.top .jqx-popover-arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #ffffff; border-bottom-width: 0; } .jqx-popover.right .jqx-popover-arrow { top: 50%; left: -11px; margin-top: -11px; border-right-color: inherit; border-left-width: 0; } .jqx-popover.right .jqx-popover-arrow:after { bottom: -10px; left: 1px; border-right-color: #ffffff; border-left-width: 0; } .jqx-popover.bottom .jqx-popover-arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: inherit; border-top-width: 0; } .jqx-popover.bottom .jqx-popover-arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #ffffff; border-top-width: 0; } .jqx-popover.left .jqx-popover-arrow { top: 50%; right: -11px; margin-top: -11px; border-right-width: 0; border-left-color: inherit; } .jqx-popover.left .jqx-popover-arrow:after { right: 1px; bottom: -10px; border-left-color: #ffffff; border-right-width: 0; } .jqx-kanban-full-frame { width: 100vw; height: 100vh; } .jqx-kanban-in-frame { width: 100%; height: 100%; box-sizing: border-box; } .jqx-kanban-rtl { direction: rtl; text-align: right; } .jqx-kanban-column { box-sizing: border-box; border-style: solid; border-width: 1px 1px 1px 0px; float: left; } .jqx-kanban-column-collapsed { width: 50px; } .jqx-kanban-column-first { border-width: 1px; } .jqx-kanban-column:first-of-type { border-width: 1px 1px 1px 1px; } .jqx-kanban-column-selected { /* background-color: blue;*/ } .jqx-kanban-column-header-collapsed { /*vertical column invisible*/ display: none; box-sizing: border-box; height: 0px; width: 0px; position: relative; cursor: pointer; } .jqx-kanban-column-header-collapsed-show { /*vertical column visible*/ display: block !important; height: 100%; box-sizing: border-box; width: 100%; position: relative; cursor: pointer; } .jqx-kanban-column-vertical-container { padding-top: 0px; padding-left: 0px; transform: rotate(-90deg); -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); -o-transform: rotate(-90deg); -ms-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); white-space: nowrap; } .jqx-kanban-column-vertical-container-inverse { padding-top: 0px; padding-left: 20px; transform: rotate(90deg); -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -o-transform: rotate(90deg); white-space: nowrap; } .jqx-kanban-column-vertical-container .jqx-kanban-column-header-title, .jqx-kanban-column-vertical-container .jqx-kanban-column-header-status { position: relative; } .jqx-kanban-column-hide { /*colapsed*/ display: none !important; } .jqx-kanban-column-header { border-width: 1px; border-style: solid; margin: 1px; white-space: nowrap; padding-left: 5px; padding-right: 5px; cursor: pointer; overflow: hidden; position: relative; } .jqx-kanban-column-header-button { position: absolute; right: 0px; top: 50%; margin-top: -8px; width: 16px; height: 16px; } .jqx-kanban-column-header .jqx-window-collapse-button { margin-top: 1px !important; } .jqx-kanban-column-header-custom-button { position: absolute; right: 20px; top: 50%; margin-top: -8px; width: 16px; height: 16px; } .jqx-kanban-column-header-custom-button-rtl { left: 20px; } .jqx-kanban-column-header-button-rtl { left: 0px; } .jqx-kanban-column-header-collapsed .jqx-kanban-column-header-button { top: 100%; right: 50%; margin-top: -21px; left: 50%; margin-left: -8px; } .jqx-kanban-column-header-collapsed .jqx-kanban-column-header-custom-button { top: 100%; right: 50%; margin-top: -41px; left: 50%; margin-left: -8px; } .jqx-kanban-column-container { margin: 1px; overflow-y: auto; } .jqx-kanban-item-placeholder { height: 100px; border: gray dotted 1px; border-radius: 3px; margin: 5px; } .jqx-kanban-item { margin: 2px; padding-top: 5px; padding-bottom: 5px; border-width: 1px; border-style: solid; border-color: inherit; position: relative; box-shadow: #ddd 2px 2px 3px; cursor: pointer; touch-action: none; -ms-touch-action: none; } .jqx-kanban-item-selected {} .jqx-kanban-item-color-status { background-color: #6bbd49; width: 3px; height: 100%; position: absolute; left: 0px; top: 0px; } .jqx-kanban-item-color-status-rtl { right: 0px; left: 100%; } .jqx-kanban-item-text { padding-left: 6px; padding-right: 23px; font-size: 14px; padding-bottom: 5px; overflow: hidden; text-overflow: ellipsis; } .jqx-kanban-rtl .jqx-kanban-item-text { padding-right: 6px; padding-left: 23px; } .jqx-kanban-column-header-title {} .jqx-kanban-column-header-status {} .jqx-kanban-item-content {} .jqx-kanban-item-avatar { width: 22px; height: 22px; position: absolute; right: 3px; top: 3px; background: #eee; text-align: center; overflow: hidden; } .jqx-kanban-item-avatar-rtl { left: 3px; } .jqx-kanban-item-avatar-image { width: 20px; height: 20px; } .jqx-kanban-item-avatar-image:hover {} .jqx-kanban-item-footer { border-top: 1px solid transparent; border-color: inherit; overflow: hidden; padding-top: 5px; margin-top: 5px; padding-bottom: 1px; padding-left: 6px; padding-right: 6px; } .jqx-kanban-item-keyword { float: left; margin: 2px; overflow: hidden; text-overflow: ellipsis; border: 1px solid transparent; border-color: inherit; padding-left: 2px; padding-right: 2px; cursor: pointer; } .jqx-kanban-item-keyword-rtl { direction: rtl; text-align: right; float: right; } .jqx-kanban-item-keyword:hover {} .jqx-kanban-item-avatar { height: 20px; } .jqx-kanban-handle { cursor: move; } .jqx-kanban-clearing { clear: both; } .jqx-sortable { touch-action: none; -ms-touch-action: none; } .jqx-bar-gauge-tooltip { position: absolute; left: 20px; top: 20px; display: none; padding: 6px 12px; border: black solid 1px; background-color: white; color: #333333; font-size: 11px; font-weight: 100; font-family: Verdana; border: black solid 1px; border-radius: 3px; opacity: 1; white-space: nowrap; z-index: 5; } .jqx-bar-gauge-measure-text { position: absolute; top: 0; right: 0; visibility: hidden; z-index: -99999; margin: 0px; padding: 0px; border-width: 0px; } .jqx-scrollbar-mobile { background: transparent !important; } .jqx-scrollbar-mobile .jqx-scrollbar-state-normal { background: transparent !important; border-color: transparent !important; } .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal, .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { background: #808080 !important; border-color: #808080 !important; border-width: 1px; z-index: 99999; border-radius: 0px !important; } .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal { width: 4px !important; } .jqx-scrollbar-mobile .jqx-scrollbar-thumb-state-normal-horizontal { height: 4px !important; } .jqx-primary .jqx-icon-arrow-down, .jqx-warning .jqx-icon-arrow-down, .jqx-danger .jqx-icon-arrow-down, .jqx-success .jqx-icon-arrow-down, .jqx-info .jqx-icon-arrow-down { background-image: url('icon-down-white.d43a876bef95f1d5.png'); } .jqx-primary .jqx-icon-arrow-down-selected, .jqx-warning .jqx-icon-arrow-down-selected, .jqx-danger .jqx-icon-arrow-down-selected, .jqx-success .jqx-icon-arrow-down-selected, .jqx-info .jqx-icon-arrow-down-selected { background-image: url('icon-down-white.d43a876bef95f1d5.png'); } .jqx-primary .jqx-icon-arrow-down-hover, .jqx-warning .jqx-icon-arrow-down-hover, .jqx-danger .jqx-icon-arrow-down-hover, .jqx-success .jqx-icon-arrow-down-hover, .jqx-info .jqx-icon-arrow-down-hover { background-image: url('icon-down-white.d43a876bef95f1d5.png'); } .jqx-primary .jqx-icon-arrow-up, .jqx-warning .jqx-icon-arrow-up, .jqx-danger .jqx-icon-arrow-up, .jqx-success .jqx-icon-arrow-up, .jqx-info .jqx-icon-arrow-up { background-image: url('icon-up-white.0415baccd3012888.png'); } .jqx-primary .jqx-icon-arrow-up-selected, .jqx-warning .jqx-icon-arrow-up-selected, .jqx-danger .jqx-icon-arrow-up-selected, .jqx-success .jqx-icon-arrow-up-selected, .jqx-info .jqx-icon-arrow-up-selected { background-image: url('icon-up-white.0415baccd3012888.png'); } .jqx-primary .jqx-icon-arrow-up-hover, .jqx-warning .jqx-icon-arrow-up-hover, .jqx-danger .jqx-icon-arrow-up-hover, .jqx-success .jqx-icon-arrow-up-hover, .jqx-info .jqx-icon-arrow-up-hover { background-image: url('icon-up-white.0415baccd3012888.png'); } .jqx-primary .jqx-icon-arrow-right, .jqx-warning .jqx-icon-arrow-right, .jqx-danger .jqx-icon-arrow-right, .jqx-success .jqx-icon-arrow-right, .jqx-info .jqx-icon-arrow-right { background-image: url('icon-right-white.c30fb8cb69a833e9.png'); } .jqx-primary .jqx-icon-arrow-right-selected, .jqx-warning .jqx-icon-arrow-right-selected, .jqx-danger .jqx-icon-arrow-right-selected, .jqx-success .jqx-icon-arrow-right-selected, .jqx-info .jqx-icon-arrow-right-selected { background-image: url('icon-right-white.c30fb8cb69a833e9.png'); } .jqx-primary .jqx-icon-arrow-right-hover, .jqx-warning .jqx-icon-arrow-right-hover, .jqx-danger .jqx-icon-arrow-right-hover, .jqx-success .jqx-icon-arrow-right-hover, .jqx-info .jqx-icon-arrow-right-hover { background-image: url('icon-right-white.c30fb8cb69a833e9.png'); } .jqx-primary .jqx-icon-arrow-left, .jqx-warning .jqx-icon-arrow-left, .jqx-danger .jqx-icon-arrow-left, .jqx-success .jqx-icon-arrow-left, .jqx-info .jqx-icon-arrow-left { background-image: url('icon-left-white.74abebb87f5751d4.png'); } .jqx-primary .jqx-icon-arrow-left-selected, .jqx-warning .jqx-icon-arrow-left-selected, .jqx-danger .jqx-icon-arrow-left-selected, .jqx-success .jqx-icon-arrow-left-selected, .jqx-info .jqx-icon-arrow-left-selected { background-image: url('icon-left-white.74abebb87f5751d4.png'); } .jqx-primary .jqx-icon-arrow-left-hover, .jqx-warning .jqx-icon-arrow-left-hover, .jqx-danger .jqx-icon-arrow-left-hover, .jqx-success .jqx-icon-arrow-left-hover, .jqx-info .jqx-icon-arrow-left-hover { background-image: url('icon-left-white.74abebb87f5751d4.png'); } .jqx-primary-item .jqx-listitem-state-hover, .jqx-primary-item .jqx-menu-item-hover, .jqx-primary-item .jqx-tree-item-hover, .jqx-primary-item .jqx-calendar-cell-hover, .jqx-primary-item .jqx-grid-cell-hover, .jqx-primary-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-hover, .jqx-primary-item .jqx-input-popup .jqx-fill-state-pressed { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-primary-item .jqx-listitem-state-selected, .jqx-primary-item .jqx-menu-item-selected, .jqx-primary-item .jqx-tree-item-selected, .jqx-primary-item .jqx-calendar-cell-selected, .jqx-primary-item .jqx-grid-cell-selected, .jqx-primary-item .jqx-menu-vertical .jqx-primary-item .jqx-menu-item-top-selected, .jqx-primary-item .jqx-grid-selectionarea, .jqx-primary-item .jqx-input-button-header, .jqx-primary-item .jqx-input-button-innerHeader { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-warning-item .jqx-listitem-state-hover, .jqx-warning-item .jqx-menu-item-hover, .jqx-warning-item .jqx-tree-item-hover, .jqx-warning-item .jqx-calendar-cell-hover, .jqx-warning-item .jqx-grid-cell-hover, .jqx-warning-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-hover, .jqx-warning-item .jqx-input-popup .jqx-fill-state-pressed { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-warning-item .jqx-listitem-state-selected, .jqx-warning-item .jqx-menu-item-selected, .jqx-warning-item .jqx-tree-item-selected, .jqx-warning-item .jqx-calendar-cell-selected, .jqx-warning-item .jqx-grid-cell-selected, .jqx-warning-item .jqx-menu-vertical .jqx-warning-item .jqx-menu-item-top-selected, .jqx-warning-item .jqx-grid-selectionarea, .jqx-warning-item .jqx-input-button-header, .jqx-warning-item .jqx-input-button-innerHeader { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-danger-item .jqx-listitem-state-hover, .jqx-danger-item .jqx-menu-item-hover, .jqx-danger-item .jqx-tree-item-hover, .jqx-danger-item .jqx-calendar-cell-hover, .jqx-danger-item .jqx-grid-cell-hover, .jqx-danger-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-hover, .jqx-danger-item .jqx-input-popup .jqx-fill-state-pressed { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-danger-item .jqx-listitem-state-selected, .jqx-danger-item .jqx-menu-item-selected, .jqx-danger-item .jqx-tree-item-selected, .jqx-danger-item .jqx-calendar-cell-selected, .jqx-danger-item .jqx-grid-cell-selected, .jqx-danger-item .jqx-menu-vertical .jqx-danger-item .jqx-menu-item-top-selected, .jqx-danger-item .jqx-grid-selectionarea, .jqx-danger-item .jqx-input-button-header, .jqx-danger-item .jqx-input-button-innerHeader { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-success-item .jqx-listitem-state-hover, .jqx-success-item .jqx-menu-item-hover, .jqx-success-item .jqx-tree-item-hover, .jqx-success-item .jqx-calendar-cell-hover, .jqx-success-item .jqx-grid-cell-hover, .jqx-success-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-hover, .jqx-success-item .jqx-input-popup .jqx-fill-state-pressed { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-success-item .jqx-listitem-state-selected, .jqx-success-item .jqx-menu-item-selected, .jqx-success-item .jqx-tree-item-selected, .jqx-success-item .jqx-calendar-cell-selected, .jqx-success-item .jqx-grid-cell-selected, .jqx-success-item .jqx-menu-vertical .jqx-success-item .jqx-menu-item-top-selected, .jqx-success-item .jqx-grid-selectionarea, .jqx-success-item .jqx-input-button-header, .jqx-success-item .jqx-input-button-innerHeader { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-info-item .jqx-listitem-state-hover, .jqx-info-item .jqx-menu-item-hover, .jqx-info-item .jqx-tree-item-hover, .jqx-info-item .jqx-calendar-cell-hover, .jqx-info-item .jqx-grid-cell-hover, .jqx-info-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-hover, .jqx-info-item .jqx-input-popup .jqx-fill-state-pressed { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-info-item .jqx-listitem-state-selected, .jqx-info-item .jqx-menu-item-selected, .jqx-info-item .jqx-tree-item-selected, .jqx-info-item .jqx-calendar-cell-selected, .jqx-info-item .jqx-grid-cell-selected, .jqx-info-item .jqx-menu-vertical .jqx-info-item .jqx-menu-item-top-selected, .jqx-info-item .jqx-grid-selectionarea, .jqx-info-item .jqx-input-button-header, .jqx-info-item .jqx-input-button-innerHeader { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-inverse-item .jqx-listitem-state-hover, .jqx-inverse-item .jqx-menu-item-hover, .jqx-inverse-item .jqx-tree-item-hover, .jqx-inverse-item .jqx-calendar-cell-hover, .jqx-inverse-item .jqx-grid-cell-hover, .jqx-inverse-item .jqx-menu-vertical .jqx-menu-item-top-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-hover, .jqx-inverse-item .jqx-input-popup .jqx-fill-state-pressed { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-inverse-item .jqx-listitem-state-selected, .jqx-inverse-item .jqx-menu-item-selected, .jqx-inverse-item .jqx-tree-item-selected, .jqx-inverse-item .jqx-calendar-cell-selected, .jqx-inverse-item .jqx-grid-cell-selected, .jqx-inverse-item .jqx-menu-vertical .jqx-inverse-item .jqx-menu-item-top-selected, .jqx-inverse-item .jqx-grid-selectionarea, .jqx-inverse-item .jqx-input-button-header, .jqx-inverse-item .jqx-input-button-innerHeader { background-color: #f5f5f5 !important; color: #333 !important; text-shadow: none !important; border-color: #f5f5f5 !important; } .jqx-element { overflow: hidden; border-style: solid; border-width: 0px; border-color: transparent; box-sizing: border-box; } .jqx-element-no-border { border-width: 0px; } .jqx-element-container {} .jqx-resize-trigger, .jqx-resize-trigger-shrink { position: absolute; left: 0; top: 0; transition: 0s; } .jqx-resize-trigger-shrink { width: 200%; height: 200%; } .jqx-resize-trigger-container { display: block; visibility: hidden; position: relative; top: -100%; left: 0; min-height: 0.1px; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; visibility: hidden; } /* jqxPivotGrid */ .jqx-pivotgrid { background-color: #DEDEDE; } .jqx-pivotgrid-item { white-space: nowrap; overflow: hidden; position: absolute; padding: 0px; text-overflow: ellipsis; } .jqx-pivotgrid-content-wrapper { align: left; valign: top; overflow: hidden; border: solid 1px grey; } .jqx-pivotgrid-menu-button { border: none; background-image: url('icon-menu-small.5d5520832ac769f7.png'); background-repeat: no-repeat; background-position: center; cursor: pointer; } .jqx-pivotgrid-expand-button { outline: none; background-image: url('icon_expand.f5564e9179fc8962.png'); background-repeat: no-repeat; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; left: 5px; float: left; vertical-align: middle; } .jqx-pivotgrid-collapse-button { outline: none; background-image: url('icon_collapse.71520ccc5b2a59e7.png'); background-repeat: no-repeat; cursor: pointer; margin: 0 0 0 0; padding: 0 0 0 0; position: relative; left: 5px; float: left; vertical-align: middle; } .jqx-pivotgrid-sortasc-icon { background-image: url('icon-sort-asc.dc8ab445b7cc9553.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } .jqx-pivotgrid-sortdesc-icon { background-image: url('icon-sort-desc.59450f39ae23a43b.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } .jqx-pivotgrid-sortremove-icon { background-image: url('icon-sort-remove.d67a4c399f5555e9.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } .jqx-pivotgrid-settings-icon { background-image: url('icon-menu-small.5d5520832ac769f7.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; margin-left: -4px; margin-right: 4px; } jqx-bullet-chart { width: 800px; height: 80px; } jqx-scroll-view { width: 600px; } jqx-bar-gauge, jqx-draw { width: 850px; height: 600px; } jqx-menu { width: 600px; } jqx-data-table, jqx-pivotgrid, jqx-grid, jqx-scheduler, jqx-tree-grid, jqx-docking-layout, jqx-layout, jqx-tree-map, jqx-splitter, jqx-kanban { width: 850px; } jqx-nav-bar { height: 50px; } jqx-chart { width: 850px; height: 400px; } jqx-docking-layout, jqx-layout { width: 850px; height: 600px; } jqx-ribbon, jqx-panel { width: 450px; height: 300px; } jqx-scheduler { height: 600px; } jqx-list-box, jqx-text-area { width: 200px; height: 200px; } jqx-file-upload { width: 300px; } jqx-complex-input, jqx-formatted-input, jqx-password-input, jqx-input, jqx-number-input, jqx-slider, jqx-masked-input, jqx-drop-down-list, jqx-combo-box, jqx-date-time-input, jqx-drop-down-button { width: 300px; height: 35px; } jqx-loader { width: 100px !important; height: 60px !important; } jqx-expander, jqx-navigation-bar { width: 350px; } jqx-navigation-bar { height: 450px; } jqx-range-selector { width: 600px; } jqx-tabs { width: 800px; } jqx-tool-bar { width: 800px; height: 35px; } jqx-editor { width: 600px; height: 400px; } jqx-tree-map { width: 850px; height: 600px; } jqx-tree { width: 250px; } jqx-linear-gauge { width: 100px; } jqx-color-picker, jqx-calendar { width: 200px; height: 200px; } jqx-scroll-bar { width: 400px; height: 20px; } jqx-knob { width: 600px; height: 600px; } .jqx-input-label { visibility: hidden; position: absolute; } .jqx-input-bar { visibility: hidden; position: absolute; } .jqx-info-icon { background-image: url('icon-info-small.236d3118796bd523.png'); background-repeat: no-repeat; background-position: left center; width: 16px; height: 16px; float: left; } .jqx-labels-and-palette { display: flex; } .jqx-shades { width: 560px; padding-left: 100px; } .jqx-palette>ul, .jqx-shades>ul, .jqx-color-labels>ul { display: flex; list-style: none; padding: 0; margin: 0; } .jqx-color-labels>ul { flex-direction: column; } .jqx-color-cell { width: 39px; height: 39px; margin: 0.5px; cursor: pointer; } .jqx-color-cell:hover { border-radius: 8px; } .jqx-shade-cell { width: 38px; height: 47px; display: flex; justify-content: center; align-items: flex-end; padding: 0 1px 5px 1px; text-align: center; } .jqx-color-label { width: 100px; height: 40px; display: flex; align-items: center; } .jqx-heatmap-container-wrapper { display: flex; } .jqx-heatmap-container-wrapper canvas { display: block; } .jqx-heatmap-title { font-weight: bold; margin-bottom: 25px; text-align: center; } .jqx-heatmap-grid { display: flex; cursor: default; } .jqx-x-axis-container { display: flex; flex-direction: column; flex-grow: 1; } .jqx-y-axis-container { display: flex; flex-direction: row-reverse; flex-grow: 1; } .jqx-column { display: flex; flex-direction: column-reverse; } .jqx-x-axis { display: flex; } .jqx-x-axis-label { padding-top: 10px; font-size: 14px; color: gray; text-align: center; } .jqx-x-axis-label.jqx-top { padding: 0 0 10px 0; } .jqx-y-axis { display: flex; flex-direction: column-reverse; } .jqx-y-axis.jqx-margin-top-auto { margin-top: auto; } .jqx-y-axis-label { display: flex; align-items: center; color: gray; padding-right: 10px; } .jqx-y-axis-label.jqx-right { padding: 0 0 0 10px; } .jqx-heatmap-cell { position: relative; padding: 20px 10px; margin: 1px; text-align: center; } .jqx-heatmap-cell.jqx-empty-cell { pointer-events: none; } .jqx-heatmap-tooltip { display: inline-block; position: absolute; background: #000; color: #fff; opacity: 0.6; padding: 10px; pointer-events: none; border-radius: 3px; transition: top 0.7s ease, left 0.7s ease; box-shadow: 0px 5px 3px -3px rgba(0, 0, 0, 0.75); } .jqx-heatmap-tooltip::after { content: ''; position: absolute; bottom: -10px; left: calc(50% - 5px); width: 0; height: 0; border-style: solid; border-width: 10px 5px 0 5px; border-color: #000 transparent transparent transparent; } .jqx-legend-vertical { position: relative; margin-left: 10px; } .jqx-legend-vertical.jqx-left { margin: 0 10px 0 0; } .jqx-legend-vertical.jqx-margin-top-auto { margin-top: auto; } .jqx-legend-horizontal { position: relative; margin-left: auto; margin-bottom: 40px; } .jqx-legend-horizontal.jqx-bottom { margin-top: 10px; margin-bottom: 30px; } .jqx-legend-horizontal.jqx-margin-right-auto { margin-right: auto; margin-left: 0; } .jqx-palette-vertical { width: 10px; height: 100%; } .jqx-palette-horizontal { width: 100%; height: 10px; } .jqx-palette-horizontal.jqx-fixed { display: flex; } .jqx-color-container, .jqx-color-container-tick { cursor: pointer; } .jqx-opacity-50 { opacity: 0.5; } .jqx-selected-color { background: #d3d3d3 !important; } .jqx-heatmap-hidden { visibility: hidden; } .jqx-tick-vertical { position: absolute; left: 15px; } .jqx-tick-vertical::before { content: ''; width: 10px; background: #fff; height: 1px; position: absolute; top: 6px; left: -15px; } .jqx-tick-vertical.jqx-no-line::before, .jqx-tick-horizontal.jqx-no-line::before { content: none; } .jqx-tick-horizontal { position: absolute; top: 20px; } .jqx-tick-horizontal::before { content: ''; width: 10px; background: #fff; width: 1px; height: 10px; position: absolute; top: -20px; left: 6px; } .jqx-arrow-vertical { width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 6px solid gray; position: absolute; left: -8px; display: none; } .jqx-arrow-horizontal { width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid gray; position: absolute; top: 11px; left: -6px; display: none; } /*jqxTimePicker Style*/ .jqx-time-picker { display: block; border: 1px solid #c5c5c5; border-radius: 1px; font-family: Verdana; font-size: 12px; line-height: initial; touch-action: none; min-width: 250px; box-sizing: border-box; } .jqx-time-picker * { box-sizing: border-box; } .jqx-time-picker[view="landscape"] { min-width: 400px; } .jqx-time-picker>.jqx-container { width: 100%; height: 100%; } .jqx-time-picker[view="landscape"]>.jqx-container, .jqx-time-picker .jqx-header, .jqx-time-picker .jqx-svg-container, .jqx-time-picker .jqx-hour-minute-container { display: flex; } .jqx-time-picker .jqx-header { width: 100%; height: 20%; justify-content: center; align-items: center; } .jqx-time-picker[view="landscape"] .jqx-header { flex-direction: column; width: 33%; height: 100%; } .jqx-time-picker .jqx-main-container { width: 100%; height: 80%; padding: 2%; background-color: var(--jqx-time-picker-background); } .jqx-time-picker[view="portrait"] .jqx-header.jqx-widget-header.jqx-unselectable { border-top-left-radius: inherit; border-top-right-radius: inherit; } .jqx-time-picker[view="landscape"] .jqx-main-container { width: 67%; height: 100%; } .jqx-time-picker .jqx-svg-container { justify-content: center; align-items: center; width: 100%; height: 100%; } .jqx-time-picker[footer] .jqx-svg-container { height: calc(100% - 30px); } .jqx-time-picker .jqx-footer { display: none; } .jqx-time-picker[footer] .jqx-footer { display: block; width: 100%; height: 30px; } .jqx-time-picker .jqx-hour-minute-container { font-size: 50px; } .jqx-time-picker .jqx-am-pm-container { margin-left: 10px; } .jqx-time-picker[view="landscape"] .jqx-am-pm-container { margin-left: 0; } .jqx-time-picker .jqx-hour-container, .jqx-time-picker .jqx-minute-container, .jqx-time-picker .jqx-am-container, .jqx-time-picker .jqx-pm-container { opacity: 0.5; cursor: pointer; } .jqx-time-picker[readonly] .jqx-hour-container, .jqx-time-picker[disabled] .jqx-hour-container, .jqx-time-picker[readonly] .jqx-minute-container, .jqx-time-picker[disabled] .jqx-minute-container, .jqx-time-picker[readonly] .jqx-am-container, .jqx-time-picker[disabled] .jqx-am-container, .jqx-time-picker[readonly] .jqx-pm-container, .jqx-time-picker[disabled] .jqx-pm-container { cursor: default; } .jqx-time-picker .jqx-selected { opacity: 1; } .jqx-time-picker .jqx-hour-minute-container div:nth-child(2) { opacity: 0.5; } .jqx-time-picker .jqx-svg-picker { border-radius: 50%; position: relative; box-sizing: content-box; } .jqx-time-picker .jqx-svg-picker.animate { animation: jqx-time-picker-animation 0.5s linear; } .jqx-time-picker[disabled] { opacity: 0.55; cursor: default; pointer-events: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .jqx-time-picker .jqx-label.jqx-selected { fill: white; } .jqx-time-picker .jqx-header:focus { outline: 1px solid skyblue; } .jqx-time-picker .jqx-svg-picker:focus { border: 1px solid skyblue; outline: none; } @keyframes jqx-time-picker-animation { 0% { opacity: 1; } 25% { opacity: 0.5; } 50% { opacity: 0; } 75% { opacity: 0.5; } 100% { opacity: 1; } } .jqx-grid-card-row { display: grid; grid-template-columns: 1fr; height: 100%; overflow: hidden; } .jqx-grid-card-cell { padding: 15px; overflow: auto; } .jqx-grid-card-cell table { width: 100%; height: 100%; padding: 10px; table-layout: fixed; border: 1px solid #bbb; overflow: hidden; text-overflow: ellipsis; border-radius: 4px; box-shadow: 0 3px 1px -2px rgba(0, 0, 0, .2), 0 2px 2px 0 rgba(0, 0, 0, .14), 0 1px 5px 0 rgba(0, 0, 0, .12); } .jqx-grid-card-cell { position: relative; } .jqx-grid-card-cell .jqx-icon-edit { width: 16px; height: 16px; display: inline-block; position: absolute; right: 25px; top: 25px; background-size: 13px; cursor: pointer; } .jqx-grid-card-cell input { padding: 4px; } .jqx-grid-card-cell-label { font-size: 12px; text-transform: uppercase; color: rgb(90, 90, 90); } .jqx-grid-card-cell td div { text-overflow: ellipsis; overflow: hidden; } .jqx-card-edit-buttons { display: flex; margin-top: 30px; justify-content: center; } /* Chrome, Safari, Edge, Opera */ input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } /* Firefox */ input[type=number].jqx-input { -moz-appearance: textfield; } /* Split Layout */ .jqx-split-layout-component { display: block; overflow: initial; width: 600px; height: 600px; } .jqx-split-layout { display: block; overflow: initial; width: 600px; height: 600px; --jqx-primary-rgb: 0, 92, 153; --jqx-primary: rgb(var(--jqx-primary-rgb)); --jqx-primary-color: #fff; --jqx-background: #fff; --jqx-background-color: rgba(0, 0, 0, .88); --jqx-background-hover-rgb: 225, 225, 225; --jqx-background-hover: rgb(var(--jqx-background-hover-rgb)); --jqx-background-color-hover: rgba(0, 0, 0, .54); --jqx-surface-rgb: 255, 255, 255; --jqx-surface: rgb(var(--jqx-surface-rgb)); --jqx-surface-color: rgba(0, 0, 0, .88); --jqx-border: #E0E0E0; --jqx-scrollbar-background: #f5f5f5; --jqx-scrollbar-border: #ddd; --jqx-scrollbar-thumb-background: #C1C1C1; --jqx-scrollbar-thumb-border: #b3b3b3; --jqx-scrollbar-thumb-background-hover: #e6e6e6; --jqx-scrollbar-thumb-border-hover: #b3b3b3; --jqx-scrollbar-thumb-background-pressed: #d9d9d9; --jqx-scrollbar-thumb-border-pressed: #b3b3b3; --jqx-scrollbar-button-color-hover: #333; --jqx-scrollbar-button-background-hover: #f5f5f5; --jqx-scrollbar-button-border-hover: #f5f5f5; --jqx-scrollbar-button-color-pressed: #333; --jqx-scrollbar-button-background-pressed: #f5f5f5; --jqx-scrollbar-button-border-pressed: #f5f5f5; --jqx-split-layout-buttons-border-radius: 50%; --jqx-split-layout-context-menu-default-width: var(--jqx-menu-vertical-default-width); --jqx-split-layout-context-menu-default-height: auto; --jqx-primary-rgb: 0, 92, 153; /* The r, g, and b components of the theme primary color */ --jqx-primary: rgb(var(--jqx-primary-rgb)); /* The theme primary color */ --jqx-primary-color: #ffffff; /* Text color on top of a primary background */ --jqx-secondary-rgb: 45, 45, 48; /* The r, g, and b components of the theme secondary color */ --jqx-secondary: rgb(var(--jqx-secondary-rgb)); /* The theme secondary color */ --jqx-secondary-color: #ffffff; /* Text color on top of a secondary background */ --jqx-error-rgb: 176, 0, 32; /* The theme error color */ --jqx-error: rgb(var(--jqx-error-rgb)); /* The theme error color */ --jqx-error-color: #ffffff; /* Text color on top of a error background */ --jqx-success-rgb: 139, 195, 74; /* The r, g, and b components of the theme success color */ --jqx-success: rgb(var(--jqx-success-rgb)); /* The theme success color */ --jqx-success-color: #ffffff; /* Text color on top of a success background */ --jqx-info-rgb: 92, 192, 222; /* The r, g, and b components of the theme info color */ --jqx-info: rgb(var(--jqx-info-rgb)); /* The theme info color */ --jqx-info-color: #fff; /* Text color on top of a info background */ --jqx-warning-rgb: 240, 173, 78; /* The r, g, and b components of the theme warning color */ --jqx-warning: rgb(var(--jqx-warning-rgb)); /* The theme warning color */ --jqx-warning-color: #fff; /* Text color on top of a warning background */ --jqx-light-rgb: 255, 255, 255; /* The r, g, and b components of the theme light color */ --jqx-light: rgb(var(--jqx-light-rgb)); /* The theme light color */ --jqx-light-color: #222222; /* Text color on top of a light background */ --jqx-dark-rgb: 34, 34, 34; /* The r, g, and b components of the theme dark color */ --jqx-dark: rgb(var(--jqx-dark-rgb)); /* The theme dark color */ --jqx-dark-color: #ffffff; /* Text color on top of a dark background */ --jqx-background: #fefefe; /* The theme background color. The background color appears behind scrollable content.*/ --jqx-background-color: #5A5A5A; /* Text color on top of a background background */ --jqx-surface: #F5F5F5; /* The theme surface color. Surface colors affect surfaces of components, such as cards, sheets, and menus. */ --jqx-surface-color: #323232; /* Text color on top of a surface surface */ --jqx-disabled: #CCCCCC; /* The theme primary color in disabled state. */ --jqx-disabled-color: #555; /* Text color on top of a theme background in disabled state */ --jqx-ui-state-hover: #ebebeb; /* Hover state background. */ --jqx-ui-state-color-hover: #333; /* Text color, when UI Element's state is 'hover'. */ --jqx-ui-state-border-hover: var(--jqx-ui-state-hover); /* Border color, when UI Element's state is 'hover'. */ --jqx-ui-state-active: var(--jqx-primary); /* Active state background. */ --jqx-ui-state-color-active: var(--jqx-primary-color); /* Text color, when UI Element's state is 'active'. */ --jqx-ui-state-border-active: var(--jqx-primary); /* Border color, when UI Element's state is 'active'. */ --jqx-ui-state-focus: #e2e0e0; /* Focus state background. */ --jqx-ui-state-color-focus: #333; /* Text color, when UI Element's state is 'focus'. */ --jqx-ui-state-border-focus: var(--jqx-ui-state-focus); /* Border color, when UI Element's state is 'focus'. */ --jqx-ui-state-selected: rgba(var(--jqx-primary-rgb), .1); /* Selected state background. */ --jqx-ui-state-color-selected: var(--jqx-primary); /* Text color, when UI Element's state is 'selected'. */ --jqx-ui-state-border-selected: rgba(var(--jqx-primary-rgb), .1); /* Border color, when UI Element's state is 'selected'. */ --jqx-item-border-width: 1px; /* Theme border-width */ --jqx-item-border-radius: var(--jqx-border-radius); /* Border radius of items. */ --jqx-item-border-top-left-radius: var(--jqx-border-radius); /* Border top-left radius of items. */ --jqx-item-border-top-right-radius: var(--jqx-border-radius); /* Border top-right radius of items. */ --jqx-item-border-bottom-left-radius: var(--jqx-border-radius); /* Border bottom-left radius of items. */ --jqx-item-border-bottom-right-radius: var(--jqx-border-radius); /* Border bottom-right radius of items. */ --jqx-font-size: 14px; /* Theme font-size */ --jqx-font-weight: inherit; /* Theme font-weight */ --jqx-font-style: inherit; /* Theme font-style */ --jqx-font-family: Roboto, "Helvetica Neue", sans-serif; /* Theme font-family */ --jqx-editor-addon-width: 27px; /* Default width for spin buttons, dropdown buttons. */ border: 1px solid #E0E0E0; border-right: none; border-bottom: none; overflow: initial; box-sizing: border-box; } .jqx-split-layout>.jqx-container { position: relative; width: 100%; height: 100%; overflow: hidden; } .jqx-layout-group, .jqx-tab-layout-group { box-sizing: border-box; } .jqx-tab-layout-group[position="right"] .jqx-layout-tab, .jqx-tab-layout-group[position="left"] .jqx-layout-tab { padding: 24px 12px; } .jqx-tab-layout-group[position="right"] .jqx-layout-tab:after, .jqx-tab-layout-group[position="left"] .jqx-layout-tab:after { position: absolute; left: 0; bottom: 0; top: 0; width: 100%; height: 100%; border-top-left-radius: 0px; border-bottom-left-radius: 0px; border-bottom-right-radius: 8px; border-top-right-radius: 8px; content: ""; transition: all .2s ease; transform: perspective(5px) rotateY(2deg); transform-origin: left; left: 0; right: -1px; } .jqx-tab-layout-group[position="right"] .jqx-layout-tab label, .jqx-tab-layout-group[position="right"] .jqx-layout-tab.selected .jqx-close-button { margin-right: 5px; } .jqx-tab-layout-group[position="left"] .jqx-layout-tab:after { right: 0px; border-top-right-radius: 8px; border-bottom-right-radius: 8px; border-bottom-left-radius: 0px; border-top-left-radius: 0px; } .jqx-tab-layout-group[position="left"] .jqx-layout-tab label, .jqx-tab-layout-group[position="left"] .jqx-layout-tab.selected .jqx-close-button { transform: rotateY(0deg); margin-left: -5px; } .jqx-tab-layout-group[position="top"] .jqx-layout-tab, .jqx-tab-layout-group[position="bottom"] .jqx-layout-tab { padding: 12px 24px; } .jqx-tab-layout-group[position="bottom"] .jqx-layout-tab:after { transform-origin: top; transform: perspective(5px) rotateX(-2deg); border-top-left-radius: 0px; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; border-top-right-radius: 0px; top: 0; } .jqx-tab-layout-group[position="bottom"] .jqx-layout-tab label, .jqx-tab-layout-group[position="bottom"] .jqx-layout-tab.selected .jqx-close-button { margin-top: -5px; } .jqx-split-layout jqx-layout-group { display: grid; overflow: hidden; } .jqx-split-layout jqx-layout-group[data-id="root"] { width: 100%; height: 100%; overflow: hidden; grid-template-columns: 1fr; } .jqx-split-layout jqx-tab-layout-group { display: grid; overflow: hidden; grid-template-rows: 35px 1fr; border-right: 1px solid var(--jqx-border); border-bottom: 1px solid var(--jqx-border); } .jqx-split-layout jqx-tab-layout-group .jqx-layout-tab-strip { background: var(--jqx-surface); display: flex; overflow: hidden; border-bottom: 2px solid var(--jqx-primary); } .jqx-split-layout jqx-tab-layout-group[position="bottom"] { grid-template-rows: 1fr 35px; } .jqx-split-layout jqx-tab-layout-group[position="bottom"]>.jqx-layout-tab-strip { border: none; border-top: 2px solid var(--jqx-primary); } .jqx-split-layout jqx-tab-layout-group[position="left"] .jqx-layout-tab-strip .jqx-layout-tab .jqx-close-button:after, .jqx-split-layout jqx-tab-layout-group[position="right"] .jqx-layout-tab-strip .jqx-layout-tab .jqx-close-button:after { margin-left: initial; margin-top: 5px; } .jqx-split-layout jqx-tab-layout-group[position="left"] { grid-template-columns: 35px 1fr; grid-template-rows: initial; } .jqx-split-layout jqx-tab-layout-group[position="left"]>.jqx-layout-tab-strip { writing-mode: vertical-rl; transform: rotate(180deg); justify-content: flex-end; align-items: center; border: none; border-left: 2px solid var(--jqx-primary); } .jqx-split-layout jqx-tab-layout-group[position="right"] { grid-template-columns: 1fr 35px; grid-template-rows: initial; } .jqx-split-layout jqx-tab-layout-group[position="right"]>.jqx-layout-tab-strip { writing-mode: vertical-rl; align-items: center; border: none; border-left: 2px solid var(--jqx-primary); } .jqx-split-layout jqx-tab-layout-group[orientation="vertical"] { height: 100%; } .jqx-split-layout jqx-tab-layout-group[orientation="horizontal"] { width: 100%; } .jqx-split-layout jqx-tab-layout-item { overflow: hidden; } .jqx-split-layout jqx-tab-layout-item>jqx-layout-group { width: 100%; height: 100%; } .jqx-split-layout .jqx-split-layout-buttons-container { position: absolute; width: 100px; height: 100px; left: calc(50% - 50px); top: calc(50% - 50px); z-index: 9999; } .jqx-split-layout .jqx-layout-buttons-container div { position: absolute; display: flex; align-items: center; justify-content: center; color: var(--jqx-primary-color); background: var(--jqx-primary); font-family: var(--jqx-font-family-icon); font-size: var(--jqx-font-size); padding: 5px; left: calc(50% - var(--jqx-editor-addon-width) / 2); width: var(--jqx-editor-addon-width); height: var(--jqx-editor-addon-width); cursor: pointer; border-top-left-radius: var(--jqx-split-layout-buttons-border-radius); border-top-right-radius: var(--jqx-split-layout-buttons-border-radius); border-bottom-left-radius: var(--jqx-split-layout-buttons-border-radius); border-bottom-right-radius: var(--jqx-split-layout-buttons-border-radius); z-index: 1; touch-action: none; } .jqx-split-layout .jqx-layout-buttons-container div:after { content: var(--jqx-icon-plus); } .jqx-split-layout .jqx-layout-buttons-container div:active { color: var(--jqx-ui-state-color-active); border-color: var(--jqx-ui-state-active); background-color: var(--jqx-ui-state-active); opacity: var(--jqx-button-opacity-active); } .jqx-split-layout .jqx-layout-buttons-container div:hover { color: var(--jqx-ui-state-color-hover); border-color: var(--jqx-ui-state-hover); background-color: var(--jqx-ui-state-hover); opacity: var(--jqx-button-opacity-active); } .jqx-split-layout .jqx-layout-buttons-container div[position="rotate"]:after { content: var(--jqx-icon-reload); } .jqx-split-layout .jqx-layout-buttons-container div[position="center"] { top: calc(50% - var(--jqx-editor-addon-width) / 2); } .jqx-split-layout .jqx-layout-buttons-container div[position="left"] { top: calc(50% - var(--jqx-editor-addon-width) / 2); left: 0; } .jqx-split-layout .jqx-layout-buttons-container div[position="right"] { left: initial; top: calc(50% - var(--jqx-editor-addon-width) / 2); right: 0; } .jqx-split-layout .jqx-layout-buttons-container div[position="top"] { top: 0; } .jqx-split-layout .jqx-layout-buttons-container div[position="bottom"] { bottom: 0; } .jqx-split-layout .jqx-layout-drop-area { position: absolute; width: 100%; height: 100%; z-index: 99; pointer-events: none; left: 0px; top: 0px; opacity: 0; background: rgba(var(--jqx-primary-rgb), 0.2); transition: opacity 0.2s ease-in-out; } .jqx-split-layout .jqx-layout-item { height: auto; overflow: hidden; background: var(--jqx-background); border-right: 1px solid var(--jqx-border); border-bottom: 1px solid var(--jqx-border); } .jqx-split-layout .jqx-layout-item[hover] { overflow: hidden; } .jqx-split-layout [data-id] { position: relative; } .jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div:hover, .jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div:active { transition: background-color 100ms linear, box-shadow 280ms ease-in-out; } .jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="left"] { animation: leftRight 0.2s ease-in; } .jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="right"] { animation: rightLeft 0.2s ease-in; } .jqx-split-layout:not([animation='none']) .jqx-layout-buttons-container div[position="top"] { animation: topBottom 0.2s ease-in; } .jqx-split-layout *:not([animation="none"]) .jqx-layout-buttons-container div[position="bottom"] { animation: bottomTop 0.2s ease-in; } .jqx-split-layout.outline .jqx-layout-splitter { opacity: 1; } .jqx-split-layout .jqx-layout-splitter { z-index: 999; position: absolute; background: var(--jqx-border); border: 1px solid var(--jqx-border); top: 0px; left: 0px; opacity: 0; transition: opacity 0.2s ease-in-out; } .jqx-split-layout .jqx-layout-splitter:hover { border-color: var(--jqx-primary); border-style: dashed; } .jqx-split-layout .jqx-layout-splitter:not([root-splitter]) { transition: opacity 0.2s ease-in-out, width 0.2s ease-in-out, height 0.2s ease-in-out; } .jqx-split-layout .jqx-layout-splitter.active { background: var(--jqx-primary); border-color: var(--jqx-primary); } .jqx-split-layout .jqx-layout-splitter.error { background: var(--jqx-error); border-color: var(--jqx-error); } .jqx-split-layout .jqx-layout-splitter.horizontal { height: 1px; width: 100%; bottom: 0px; top: initial; cursor: s-resize; } .jqx-split-layout .jqx-layout-splitter.horizontal.last { top: 0px; bottom: initial; display: none; } .jqx-split-layout .jqx-layout-splitter.vertical { width: 1px; height: 100%; right: 0px; left: initial; cursor: e-resize; } .jqx-split-layout .jqx-layout-splitter.vertical.last { left: 0px; right: initial; display: none; } .jqx-split-layout .jqx-layout-splitter[drag].horizontal, .jqx-split-layout .jqx-layout-splitter[drag].vertical, .jqx-split-layout .jqx-layout-item[hover]>.jqx-layout-splitter.horizontal, .jqx-split-layout .jqx-layout-item[hover]>.jqx-layout-splitter.vertical, .jqx-split-layout .jqx-layout-group[hover]>.jqx-layout-splitter.horizontal, .jqx-split-layout .jqx-layout-group[hover]>.jqx-layout-splitter.vertical { opacity: 1; z-index: 99; } .jqx-layout-tab { grid-row: 1; display: flex; align-items: center; justify-content: center; min-width: 0; position: relative; overflow: hidden; cursor: pointer; padding: 12px 24px; font-family: var(--jqx-font-family); box-sizing: border-box; transition: background-color 0.2s ease-in-out; } .jqx-layout-tab:hover { color: var(--jqx-primary); } .jqx-layout-tab.selected { color: var(--jqx-primary-color); background: var(--jqx-primary); } .jqx-layout-tab.selected .jqx-close-button { z-index: 10; color: inherit; } .jqx-layout-tab.selected .jqx-close-button:after { content: 'x'; width: 16px; height: 16px; cursor: pointer; font-family: var(--jqx-font-family-icon); margin-left: 5px; text-align: center; display: flex; align-items: center; justify-content: center; pointer-events: none; } .jqx-layout-tab label { cursor: pointer; text-overflow: ellipsis; overflow: hidden; z-index: 9; margin-top: 2px; color: inherit; } .jqx-split-layout-feedback { box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px 0 rgba(0, 0, 0, .2); background: var(--jqx-background); position: absolute; width: 300px !important; height: 150px !important; max-height: 150px !important; overflow: hidden; left: 0px; top: 0px; pointer-events: none; transform-origin: top left; transform: scale(1); transition: transform 0.25s ease-in-out; } .jqx-split-layout-feedback.dragging { transform: scale(0.5); } .jqx-split-layout-overlay { position: absolute; z-index: 999; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.01; background: black; } @keyframes topBottom { 0% { top: calc(-1 * var(--jqx-editor-addon-width)); } 100% { top: 0; } } @keyframes bottomTop { 0% { bottom: calc(-1 * var(--jqx-editor-addon-width)); } 100% { bottom: 0; } } @keyframes leftRight { 0% { left: calc(-1 * var(--jqx-editor-addon-width)); } 100% { left: 0; } } @keyframes rightLeft { 0% { right: calc(-1 * var(--jqx-editor-addon-width)); } 100% { right: 0; } } .jqx-visibility-hidden { visibility: hidden; } .jqx-hidden { display: none; } /* End of Split Layout */ .jqx-widget .ripple, .jqx-listbox .ripple, .jqx-grid .ripple { position: relative; transform: none !important; overflow: hidden; } .jqx-grid .ripple { position: relative; transform: none !important; overflow: hidden; } .jqx-gantt { overflow: hidden; border-style: solid; border-width: 1px; } .jqx-grid line[highlight] { stroke: #005A9E; } .jqx-grid path[highlight], .jqx-grid rect[highlight] { fill: #005A9E; } @font-face { font-family: jqx-icons; src: local("./font/jqx-icons"), url('jqx-icons.4bd6e09553ec487e.woff2') format("woff2"), url('jqx-icons.e55e061ccee16a86.woff') format("woff"), url('jqx-icons.f32855cd70bd3734.ttf') format("truetype"), url('jqx-icons.9d6c613a839fccf6.eot') format("embedded-opentype"); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: normal; speak: none; } .jqx-timeline.jqx-widget { overflow: hidden; padding: 10px; font-family: var(--jqx-font-family); display: block; } .jqx-timeline .jqx-container { position: relative; overflow: hidden; display: flex; } .jqx-timeline-near-items { padding-right: 20px; position: relative; } .jqx-timeline-far-items { padding-left: 20px; position: relative; } .jqx-timeline[horizontal] .jqx-container { flex-direction: column; } .jqx-timeline[horizontal] .jqx-timeline-near-items { padding-right: 0px; padding-bottom: 20px; display: flex; align-items: flex-end; } .jqx-timeline[horizontal] .jqx-timeline-far-items { padding-left: 0px; padding-top: 20px; display: flex; } .jqx-timeline-item { display: flex; align-items: center; justify-content: flex-end; padding-block: 20px; padding-inline: 0; position: relative; } .jqx-timeline[horizontal] .jqx-timeline-item { display: block; padding-block:0px; } .jqx-timeline-item[collapsible] { cursor: pointer; } .jqx-timeline-item-icon { width: 20px; height: 20px; margin-right: 10px; } .jqx-timeline-item-content { background: var(--jqx-background, #fff); border: 1px solid var(--jqx-border, #E9EAED); padding: 20px; border-radius: var(--jqx-border-radius); position: relative; } .jqx-timeline-item-pointer { top: 50%; right: 0px; content: ''; transform: translate(-50%, -50%) rotate(45deg); width: 16px; height: 16px; background: var(--jqx-background, #fff); border:1px solid var(--jqx-border, #E9EAED); display: block; right: 0px; position: absolute; margin-right: -16px; z-index: 9; } .jqx-timeline-item-pointer::after { width: 16px; content: ''; background: var(--jqx-background, #fff); height: 16px; position: absolute; z-index: 9; right: 14px; } .jqx-timeline-item-pointer::before { content: ''; background: var(--jqx-background, #fff); width: 16px; height: 16px; position: absolute; z-index: 9; top: 14px; right: inherit; } .jqx-timeline-far-items .jqx-timeline-item-pointer { right: inherit; left: 0px; } .jqx-timeline-far-items .jqx-timeline-item-pointer::before { right: unset; left: 14px; top: -2px; } .jqx-timeline-far-items .jqx-timeline-item-pointer::after { top: -16px; right: -2px; } .jqx-timeline[horizontal] .jqx-timeline-item-pointer { left: 50%; top: 0px; } .jqx-timeline[horizontal] .jqx-timeline-near-items .jqx-timeline-item-pointer { left: 50%; bottom: -16px; top: unset; } .jqx-timeline-far-items .jqx-timeline-item { justify-content: flex-start; } .jqx-timeline-far-items .jqx-timeline-item-content { padding-left: 20px; padding-right: 20px; } .jqx-timeline[horizontal] .jqx-timeline-far-items .jqx-timeline-item-pointer::after { top: unset; } .jqx-timeline[horizontal] .jqx-timeline-far-items .jqx-timeline-item-pointer::before { top: 0px; } .jqx-timeline[horizontal] .jqx-timeline-near-items .jqx-timeline-item-pointer::before { top: -16px; } .jqx-timeline[horizontal] .jqx-timeline-near-items .jqx-timeline-item-pointer::after { left: -16px; top: -2px; } .jqx-timeline-item-title { font-size: 16px; font-weight: 400; } .jqx-timeline-item .jqx-timeline-item-description { display: none; margin-top: 20px; } .jqx-timeline-item.expanded .jqx-timeline-item-description { display: block; } .jqx-timeline-item[collapsible].expanded .jqx-timeline-item-title::after { content: var(--jqx-icon-arrow-down); } .jqx-timeline-item[collapsible] .jqx-timeline-item-title::after { content: var(--jqx-icon-arrow-right); display: inline; width: 100%; height: 1px; font-family: var(--jqx-font-family-icon); margin-top: 10px; cursor: pointer; } .jqx-timeline-item-subtitle { font-size: 12px; font-weight: 400; } .jqx-timeline-track { border-width: 1px; border-style: solid; width: 6px; border-radius: 6px; background:var(--jqx-surface, #FAFAFA); border:1px solid var(--jqx-border, #E9EAED); display: flex; align-items: center; flex-direction: column; } .jqx-timeline[horizontal] .jqx-timeline-track { width: 100%; height: 6px; } .jqx-timeline-near-items .jqx-timeline-item-date { right: 20px; } .jqx-timeline-far-items .jqx-timeline-item-date { left: 20px; } .jqx-timeline[horizontal] .jqx-timeline-near-items .jqx-timeline-item-date { right: unset; bottom: 20px; } .jqx-timeline[horizontal] .jqx-timeline-far-items .jqx-timeline-item-date { left: unset; top: 20px; } .jqx-timeline-item-date { position: absolute; margin-top: 3px; } .jqx-timeline-dot { width: 16px; height: 16px; margin-top:4px; border-radius: 50%; position: absolute; z-index: 1; background: var(--jqx-primary, #1274AC); } .jqx-timeline[horizontal] .jqx-timeline-dot { margin-top: -6px; } .jqx-window.jqx-grid-dialog { position: absolute; box-shadow: 0 24px 38px 3px rgba(0, 0, 0, .14), 0 9px 46px 8px rgba(0, 0, 0, .12), 0 11px 15px 0 rgba(0, 0, 0, .2); z-index: 99999; display: block; overflow: hidden; box-sizing: border-box; background: var(--jqx-background); border: 1px solid var(--jqx-border); --jqx-window-header-button-size: 13px; --jqx-window-content-padding: 10px; /* Sets the size of the header buttons */ --jqx-window-header-icon-size: var(--jqx-font-size); } .jqx-window.jqx-grid-dialog > .jqx-container:not(.jqx-window) { width: 100%; height: 100%; } .jqx-window.jqx-grid-dialog .jqx-content-container { display: flex; flex-direction: column; font-family: inherit; font-size: inherit; width: 100%; height: 100%; outline: none; max-height: inherit; } .jqx-window.jqx-grid-dialog .jqx-content-container > .jqx-header-section { display: flex; justify-content: space-between; cursor: move; overflow: hidden; align-items: center; touch-action: none; width: 100%; font-family: inherit; font-size: inherit; user-select: none; -webkit-user-select: none; -ms-user-select: none; -moz-user-select: none; border-color: var(--jqx-border); color: var(--jqx-surface-color); line-height: initial; height: var(--jqx-window-header-height); min-height: var(--jqx-window-header-height); background: var(--jqx-window-header-background); padding: var(--jqx-window-header-padding); box-sizing: border-box; } .jqx-window.jqx-grid-dialog .jqx-content-container > .jqx-header-section .jqx-buttons-container { height: 100%; display: flex; justify-content: center; align-items: center; } .jqx-window.jqx-grid-dialog .jqx-content-container > .jqx-header-section .jqx-buttons-container button { position: relative; margin-left: 1px; margin-right: 1px; cursor: pointer; height: var(--jqx-window-header-button-size); width: var(--jqx-window-header-button-size); padding: 0; min-height: 0; background: transparent; color: inherit; border: none; outline: none; } .jqx-window.jqx-grid-dialog .jqx-content-container > .jqx-header-section .jqx-buttons-container button:active { outline: none; background-color: initial; } .jqx-window.jqx-grid-dialog .jqx-content-container > .jqx-content { width: 100%; height: calc(100% - var(--jqx-window-header-height)); display: flex; align-items: center; overflow-y: auto; padding: var(--jqx-window-content-padding); background: var(--jqx-background); flex-direction: column; /* There's an issue with display:flex/grid and align-items: center */ } .jqx-window.jqx-grid-dialog { transition: opacity 0.2s, transform 0.2s ease-out; transform: scaleX(0); opacity: 0; font-family: var(--jqx-font-family); font-size: var(--jqx-font-size); } @font-face { font-family: jqx-icons; src: local("./font/jqx-icons"), url('jqx-icons.4bd6e09553ec487e.woff2') format("woff2"), url('jqx-icons.e55e061ccee16a86.woff') format("woff"), url('jqx-icons.f32855cd70bd3734.ttf') format("truetype"), url('jqx-icons.9d6c613a839fccf6.eot') format("embedded-opentype"); -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: normal; speak: none; } .jqx-window.jqx-grid-dialog .jqx-header-section .jqx-close-button { font-family: jqx-icons; } .jqx-window.jqx-grid-dialog .jqx-header-section .jqx-close-button:after { content: var(--jqx-icon-close); } .jqx-window.jqx-grid-dialog.open { transform: scaleX(1); opacity: 1; } .jqx-window.jqx-grid-dialog.jqx-grid-dialog.disable-animation { transition: none; } .jqx-window.jqx-grid-dialog.jqx-grid-side-panel { transform-origin: top right !important; transform: scaleX(0) !important; } .jqx-window.jqx-grid-dialog.jqx-grid-side-panel.open { transform: scaleX(1) !important; } .jqx-form-tooltip { background-color: var(--jqx-primary); color: var(--jqx-primary-color); text-align: center; text-decoration: none; font-size: 13px; border-radius: 0px; cursor: pointer; display: flex; opacity: 0.9; align-items: center; position: absolute; padding: 5px; } .jqx-form-spinner { border: 3px solid var(--jqx-primary-color); border-top: 3px solid var(--jqx-primary); border-radius: 50%; width: 16px; height: 16px; animation: spin 0.8s linear infinite; margin-left: 4px; margin-right: 8px; } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } jqx-pager { display: none !important; } /*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\ !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[6].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[6].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[6].rules[1].use[1]!./node_modules/sweetalert2/src/sweetalert2.scss?ngGlobalStyle ***! \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/ .swal2-popup.swal2-toast { box-sizing: border-box; grid-column: 1/4 !important; grid-row: 1/4 !important; grid-template-columns: min-content auto min-content; padding: 1em; overflow-y: hidden; background: #fff; box-shadow: 0 0 1px hsla(0, 0%, 0%, 0.075), 0 1px 2px hsla(0, 0%, 0%, 0.075), 1px 2px 4px hsla(0, 0%, 0%, 0.075), 1px 3px 8px hsla(0, 0%, 0%, 0.075), 2px 4px 16px hsla(0, 0%, 0%, 0.075); pointer-events: all; } .swal2-popup.swal2-toast > * { grid-column: 2; } .swal2-popup.swal2-toast .swal2-title { margin: 0.5em 1em; padding: 0; font-size: 1em; text-align: initial; } .swal2-popup.swal2-toast .swal2-loading { justify-content: center; } .swal2-popup.swal2-toast .swal2-input { height: 2em; margin: 0.5em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-validation-message { font-size: 1em; } .swal2-popup.swal2-toast .swal2-footer { margin: 0.5em 0 0; padding: 0.5em 0 0; font-size: 0.8em; } .swal2-popup.swal2-toast .swal2-close { grid-column: 3/3; grid-row: 1/99; align-self: center; width: 0.8em; height: 0.8em; margin: 0; font-size: 2em; } .swal2-popup.swal2-toast .swal2-html-container { margin: 0.5em 1em; padding: 0; overflow: initial; font-size: 1em; text-align: initial; } .swal2-popup.swal2-toast .swal2-html-container:empty { padding: 0; } .swal2-popup.swal2-toast .swal2-loader { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; height: 2em; margin: 0.25em; } .swal2-popup.swal2-toast .swal2-icon { grid-column: 1; grid-row: 1/99; align-self: center; width: 2em; min-width: 2em; height: 2em; margin: 0 0.5em 0 0; } .swal2-popup.swal2-toast .swal2-icon .swal2-icon-content { display: flex; align-items: center; font-size: 1.8em; font-weight: bold; } .swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] { top: 0.875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] { left: 0.3125em; } .swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] { right: 0.3125em; } .swal2-popup.swal2-toast .swal2-actions { justify-content: flex-start; height: auto; margin: 0; margin-top: 0.5em; padding: 0 0.5em; } .swal2-popup.swal2-toast .swal2-styled { margin: 0.25em 0.5em; padding: 0.4em 0.6em; font-size: 1em; } .swal2-popup.swal2-toast .swal2-success { border-color: #a5dc86; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 1.6em; height: 3em; border-radius: 50%; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.8em; left: -0.5em; transform: rotate(-45deg); transform-origin: 2em 2em; border-radius: 4em 0 0 4em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.25em; left: 0.9375em; transform-origin: 0 1.5em; border-radius: 0 4em 4em 0; } .swal2-popup.swal2-toast .swal2-success .swal2-success-ring { width: 2em; height: 2em; } .swal2-popup.swal2-toast .swal2-success .swal2-success-fix { top: 0; left: 0.4375em; width: 0.4375em; height: 2.6875em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] { height: 0.3125em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] { top: 1.125em; left: 0.1875em; width: 0.75em; } .swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] { top: 0.9375em; right: 0.1875em; width: 1.375em; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-toast-animate-success-line-tip 0.75s; } .swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-toast-animate-success-line-long 0.75s; } .swal2-popup.swal2-toast.swal2-show { animation: swal2-toast-show 0.5s; } .swal2-popup.swal2-toast.swal2-hide { animation: swal2-toast-hide 0.1s forwards; } div:where(.swal2-container) { display: grid; position: fixed; z-index: 1060; inset: 0; box-sizing: border-box; grid-template-areas: "top-start top top-end" "center-start center center-end" "bottom-start bottom-center bottom-end"; grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto); height: 100%; padding: 0.625em; overflow-x: hidden; transition: background-color 0.1s; -webkit-overflow-scrolling: touch; } div:where(.swal2-container).swal2-backdrop-show, div:where(.swal2-container).swal2-noanimation { background: rgba(0, 0, 0, 0.4); } div:where(.swal2-container).swal2-backdrop-hide { background: transparent !important; } div:where(.swal2-container).swal2-top-start, div:where(.swal2-container).swal2-center-start, div:where(.swal2-container).swal2-bottom-start { grid-template-columns: minmax(0, 1fr) auto auto; } div:where(.swal2-container).swal2-top, div:where(.swal2-container).swal2-center, div:where(.swal2-container).swal2-bottom { grid-template-columns: auto minmax(0, 1fr) auto; } div:where(.swal2-container).swal2-top-end, div:where(.swal2-container).swal2-center-end, div:where(.swal2-container).swal2-bottom-end { grid-template-columns: auto auto minmax(0, 1fr); } div:where(.swal2-container).swal2-top-start > .swal2-popup { align-self: start; } div:where(.swal2-container).swal2-top > .swal2-popup { grid-column: 2; place-self: start center; } div:where(.swal2-container).swal2-top-end > .swal2-popup, div:where(.swal2-container).swal2-top-right > .swal2-popup { grid-column: 3; place-self: start end; } div:where(.swal2-container).swal2-center-start > .swal2-popup, div:where(.swal2-container).swal2-center-left > .swal2-popup { grid-row: 2; align-self: center; } div:where(.swal2-container).swal2-center > .swal2-popup { grid-column: 2; grid-row: 2; place-self: center center; } div:where(.swal2-container).swal2-center-end > .swal2-popup, div:where(.swal2-container).swal2-center-right > .swal2-popup { grid-column: 3; grid-row: 2; place-self: center end; } div:where(.swal2-container).swal2-bottom-start > .swal2-popup, div:where(.swal2-container).swal2-bottom-left > .swal2-popup { grid-column: 1; grid-row: 3; align-self: end; } div:where(.swal2-container).swal2-bottom > .swal2-popup { grid-column: 2; grid-row: 3; place-self: end center; } div:where(.swal2-container).swal2-bottom-end > .swal2-popup, div:where(.swal2-container).swal2-bottom-right > .swal2-popup { grid-column: 3; grid-row: 3; place-self: end end; } div:where(.swal2-container).swal2-grow-row > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-column: 1/4; width: 100%; } div:where(.swal2-container).swal2-grow-column > .swal2-popup, div:where(.swal2-container).swal2-grow-fullscreen > .swal2-popup { grid-row: 1/4; align-self: stretch; } div:where(.swal2-container).swal2-no-transition { transition: none !important; } div:where(.swal2-container) div:where(.swal2-popup) { display: none; position: relative; box-sizing: border-box; grid-template-columns: minmax(0, 100%); width: 32em; max-width: 100%; padding: 0 0 1.25em; border: none; border-radius: 5px; background: #fff; color: #545454; font-family: inherit; font-size: 1rem; } div:where(.swal2-container) div:where(.swal2-popup):focus { outline: none; } div:where(.swal2-container) div:where(.swal2-popup).swal2-loading { overflow-y: hidden; } div:where(.swal2-container) h2:where(.swal2-title) { position: relative; max-width: 100%; margin: 0; padding: 0.8em 1em 0; color: inherit; font-size: 1.875em; font-weight: 600; text-align: center; text-transform: none; word-wrap: break-word; } div:where(.swal2-container) div:where(.swal2-actions) { display: flex; z-index: 1; box-sizing: border-box; flex-wrap: wrap; align-items: center; justify-content: center; width: auto; margin: 1.25em auto 0; padding: 0; } div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled[disabled] { opacity: 0.4; } div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:hover { background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)); } div:where(.swal2-container) div:where(.swal2-actions):not(.swal2-loading) .swal2-styled:active { background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)); } div:where(.swal2-container) div:where(.swal2-loader) { display: none; align-items: center; justify-content: center; width: 2.2em; height: 2.2em; margin: 0 1.875em; animation: swal2-rotate-loading 1.5s linear 0s infinite normal; border-width: 0.25em; border-style: solid; border-radius: 100%; border-color: #2778c4 transparent #2778c4 transparent; } div:where(.swal2-container) button:where(.swal2-styled) { margin: 0.3125em; padding: 0.625em 1.1em; transition: box-shadow 0.1s; box-shadow: 0 0 0 3px transparent; font-weight: 500; } div:where(.swal2-container) button:where(.swal2-styled):not([disabled]) { cursor: pointer; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm) { border: 0; border-radius: 0.25em; background: initial; background-color: #7066e0; color: #fff; font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-confirm):focus-visible { box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny) { border: 0; border-radius: 0.25em; background: initial; background-color: #dc3741; color: #fff; font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-deny):focus-visible { box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5); } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel) { border: 0; border-radius: 0.25em; background: initial; background-color: #6e7881; color: #fff; font-size: 1em; } div:where(.swal2-container) button:where(.swal2-styled):where(.swal2-cancel):focus-visible { box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5); } div:where(.swal2-container) button:where(.swal2-styled).swal2-default-outline:focus-visible { box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5); } div:where(.swal2-container) button:where(.swal2-styled):focus-visible { outline: none; } div:where(.swal2-container) button:where(.swal2-styled)::-moz-focus-inner { border: 0; } div:where(.swal2-container) div:where(.swal2-footer) { margin: 1em 0 0; padding: 1em 1em 0; border-top: 1px solid #eee; color: inherit; font-size: 1em; text-align: center; } div:where(.swal2-container) .swal2-timer-progress-bar-container { position: absolute; right: 0; bottom: 0; left: 0; grid-column: auto !important; overflow: hidden; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; } div:where(.swal2-container) div:where(.swal2-timer-progress-bar) { width: 100%; height: 0.25em; background: rgba(0, 0, 0, 0.2); } div:where(.swal2-container) img:where(.swal2-image) { max-width: 100%; margin: 2em auto 1em; } div:where(.swal2-container) button:where(.swal2-close) { z-index: 2; align-items: center; justify-content: center; width: 1.2em; height: 1.2em; margin-top: 0; margin-right: 0; margin-bottom: -1.2em; padding: 0; overflow: hidden; transition: color 0.1s, box-shadow 0.1s; border: none; border-radius: 5px; background: transparent; color: #ccc; font-family: monospace; font-size: 2.5em; cursor: pointer; justify-self: end; } div:where(.swal2-container) button:where(.swal2-close):hover { transform: none; background: transparent; color: #f27474; } div:where(.swal2-container) button:where(.swal2-close):focus-visible { outline: none; box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5); } div:where(.swal2-container) button:where(.swal2-close)::-moz-focus-inner { border: 0; } div:where(.swal2-container) .swal2-html-container { z-index: 1; justify-content: center; margin: 0; padding: 1em 1.6em 0.3em; overflow: auto; color: inherit; font-size: 1.125em; font-weight: normal; line-height: normal; text-align: center; word-wrap: break-word; word-break: break-word; } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea), div:where(.swal2-container) select:where(.swal2-select), div:where(.swal2-container) div:where(.swal2-radio), div:where(.swal2-container) label:where(.swal2-checkbox) { margin: 1em 2em 3px; } div:where(.swal2-container) input:where(.swal2-input), div:where(.swal2-container) input:where(.swal2-file), div:where(.swal2-container) textarea:where(.swal2-textarea) { box-sizing: border-box; width: auto; transition: border-color 0.1s, box-shadow 0.1s; border: 1px solid #d9d9d9; border-radius: 0.1875em; background: transparent; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent; color: inherit; font-size: 1.125em; } div:where(.swal2-container) input:where(.swal2-input).swal2-inputerror, div:where(.swal2-container) input:where(.swal2-file).swal2-inputerror, div:where(.swal2-container) textarea:where(.swal2-textarea).swal2-inputerror { border-color: #f27474 !important; box-shadow: 0 0 2px #f27474 !important; } div:where(.swal2-container) input:where(.swal2-input):focus, div:where(.swal2-container) input:where(.swal2-file):focus, div:where(.swal2-container) textarea:where(.swal2-textarea):focus { border: 1px solid #b4dbed; outline: none; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5); } div:where(.swal2-container) input:where(.swal2-input)::placeholder, div:where(.swal2-container) input:where(.swal2-file)::placeholder, div:where(.swal2-container) textarea:where(.swal2-textarea)::placeholder { color: #ccc; } div:where(.swal2-container) .swal2-range { margin: 1em 2em 3px; background: #fff; } div:where(.swal2-container) .swal2-range input { width: 80%; } div:where(.swal2-container) .swal2-range output { width: 20%; color: inherit; font-weight: 600; text-align: center; } div:where(.swal2-container) .swal2-range input, div:where(.swal2-container) .swal2-range output { height: 2.625em; padding: 0; font-size: 1.125em; line-height: 2.625em; } div:where(.swal2-container) .swal2-input { height: 2.625em; padding: 0 0.75em; } div:where(.swal2-container) .swal2-file { width: 75%; margin-right: auto; margin-left: auto; background: transparent; font-size: 1.125em; } div:where(.swal2-container) .swal2-textarea { height: 6.75em; padding: 0.75em; } div:where(.swal2-container) .swal2-select { min-width: 50%; max-width: 100%; padding: 0.375em 0.625em; background: transparent; color: inherit; font-size: 1.125em; } div:where(.swal2-container) .swal2-radio, div:where(.swal2-container) .swal2-checkbox { align-items: center; justify-content: center; background: #fff; color: inherit; } div:where(.swal2-container) .swal2-radio label, div:where(.swal2-container) .swal2-checkbox label { margin: 0 0.6em; font-size: 1.125em; } div:where(.swal2-container) .swal2-radio input, div:where(.swal2-container) .swal2-checkbox input { flex-shrink: 0; margin: 0 0.4em; } div:where(.swal2-container) label:where(.swal2-input-label) { display: flex; justify-content: center; margin: 1em auto 0; } div:where(.swal2-container) div:where(.swal2-validation-message) { align-items: center; justify-content: center; margin: 1em 0 0; padding: 0.625em; overflow: hidden; background: #f0f0f0; color: #666666; font-size: 1em; font-weight: 300; } div:where(.swal2-container) div:where(.swal2-validation-message)::before { content: "!"; display: inline-block; width: 1.5em; min-width: 1.5em; height: 1.5em; margin: 0 0.625em; border-radius: 50%; background-color: #f27474; color: #fff; font-weight: 600; line-height: 1.5em; text-align: center; } div:where(.swal2-container) .swal2-progress-steps { flex-wrap: wrap; align-items: center; max-width: 100%; margin: 1.25em auto; padding: 0; background: transparent; font-weight: 600; } div:where(.swal2-container) .swal2-progress-steps li { display: inline-block; position: relative; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step { z-index: 20; flex-shrink: 0; width: 2em; height: 2em; border-radius: 2em; background: #2778c4; color: #fff; line-height: 2em; text-align: center; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step { background: #2778c4; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step { background: #add8e6; color: #fff; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line { background: #add8e6; } div:where(.swal2-container) .swal2-progress-steps .swal2-progress-step-line { z-index: 10; flex-shrink: 0; width: 2.5em; height: 0.4em; margin: 0 -1px; background: #2778c4; } div:where(.swal2-icon) { position: relative; box-sizing: content-box; justify-content: center; width: 5em; height: 5em; margin: 2.5em auto 0.6em; border: 0.25em solid transparent; border-radius: 50%; border-color: #000; font-family: inherit; line-height: 5em; cursor: default; -webkit-user-select: none; user-select: none; } div:where(.swal2-icon) .swal2-icon-content { display: flex; align-items: center; font-size: 3.75em; } div:where(.swal2-icon).swal2-error { border-color: #f27474; color: #f27474; } div:where(.swal2-icon).swal2-error .swal2-x-mark { position: relative; flex-grow: 1; } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line] { display: block; position: absolute; top: 2.3125em; width: 2.9375em; height: 0.3125em; border-radius: 0.125em; background-color: #f27474; } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=left] { left: 1.0625em; transform: rotate(45deg); } div:where(.swal2-icon).swal2-error [class^=swal2-x-mark-line][class$=right] { right: 1em; transform: rotate(-45deg); } div:where(.swal2-icon).swal2-error.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-error.swal2-icon-show .swal2-x-mark { animation: swal2-animate-error-x-mark 0.5s; } div:where(.swal2-icon).swal2-warning { border-color: #facea8; color: #f8bb86; } div:where(.swal2-icon).swal2-warning.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-warning.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark 0.5s; } div:where(.swal2-icon).swal2-info { border-color: #9de0f6; color: #3fc3ee; } div:where(.swal2-icon).swal2-info.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-info.swal2-icon-show .swal2-icon-content { animation: swal2-animate-i-mark 0.8s; } div:where(.swal2-icon).swal2-question { border-color: #c9dae1; color: #87adbd; } div:where(.swal2-icon).swal2-question.swal2-icon-show { animation: swal2-animate-error-icon 0.5s; } div:where(.swal2-icon).swal2-question.swal2-icon-show .swal2-icon-content { animation: swal2-animate-question-mark 0.8s; } div:where(.swal2-icon).swal2-success { border-color: #a5dc86; color: #a5dc86; } div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line] { position: absolute; width: 3.75em; height: 7.5em; border-radius: 50%; } div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=left] { top: -0.4375em; left: -2.0635em; transform: rotate(-45deg); transform-origin: 3.75em 3.75em; border-radius: 7.5em 0 0 7.5em; } div:where(.swal2-icon).swal2-success [class^=swal2-success-circular-line][class$=right] { top: -0.6875em; left: 1.875em; transform: rotate(-45deg); transform-origin: 0 3.75em; border-radius: 0 7.5em 7.5em 0; } div:where(.swal2-icon).swal2-success .swal2-success-ring { position: absolute; z-index: 2; top: -0.25em; left: -0.25em; box-sizing: content-box; width: 100%; height: 100%; border: 0.25em solid rgba(165, 220, 134, 0.3); border-radius: 50%; } div:where(.swal2-icon).swal2-success .swal2-success-fix { position: absolute; z-index: 1; top: 0.5em; left: 1.625em; width: 0.4375em; height: 5.625em; transform: rotate(-45deg); } div:where(.swal2-icon).swal2-success [class^=swal2-success-line] { display: block; position: absolute; z-index: 2; height: 0.3125em; border-radius: 0.125em; background-color: #a5dc86; } div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=tip] { top: 2.875em; left: 0.8125em; width: 1.5625em; transform: rotate(45deg); } div:where(.swal2-icon).swal2-success [class^=swal2-success-line][class$=long] { top: 2.375em; right: 0.5em; width: 2.9375em; transform: rotate(-45deg); } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-tip { animation: swal2-animate-success-line-tip 0.75s; } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-line-long { animation: swal2-animate-success-line-long 0.75s; } div:where(.swal2-icon).swal2-success.swal2-icon-show .swal2-success-circular-line-right { animation: swal2-rotate-success-circular-line 4.25s ease-in; } [class^=swal2] { -webkit-tap-highlight-color: transparent; } .swal2-show { animation: swal2-show 0.3s; } .swal2-hide { animation: swal2-hide 0.15s forwards; } .swal2-noanimation { transition: none; } .swal2-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll; } .swal2-rtl .swal2-close { margin-right: initial; margin-left: 0; } .swal2-rtl .swal2-timer-progress-bar { right: 0; left: auto; } @keyframes swal2-toast-show { 0% { transform: translateY(-0.625em) rotateZ(2deg); } 33% { transform: translateY(0) rotateZ(-2deg); } 66% { transform: translateY(0.3125em) rotateZ(2deg); } 100% { transform: translateY(0) rotateZ(0deg); } } @keyframes swal2-toast-hide { 100% { transform: rotateZ(1deg); opacity: 0; } } @keyframes swal2-toast-animate-success-line-tip { 0% { top: 0.5625em; left: 0.0625em; width: 0; } 54% { top: 0.125em; left: 0.125em; width: 0; } 70% { top: 0.625em; left: -0.25em; width: 1.625em; } 84% { top: 1.0625em; left: 0.75em; width: 0.5em; } 100% { top: 1.125em; left: 0.1875em; width: 0.75em; } } @keyframes swal2-toast-animate-success-line-long { 0% { top: 1.625em; right: 1.375em; width: 0; } 65% { top: 1.25em; right: 0.9375em; width: 0; } 84% { top: 0.9375em; right: 0; width: 1.125em; } 100% { top: 0.9375em; right: 0.1875em; width: 1.375em; } } @keyframes swal2-show { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes swal2-hide { 0% { transform: scale(1); opacity: 1; } 100% { transform: scale(0.5); opacity: 0; } } @keyframes swal2-animate-success-line-tip { 0% { top: 1.1875em; left: 0.0625em; width: 0; } 54% { top: 1.0625em; left: 0.125em; width: 0; } 70% { top: 2.1875em; left: -0.375em; width: 3.125em; } 84% { top: 3em; left: 1.3125em; width: 1.0625em; } 100% { top: 2.8125em; left: 0.8125em; width: 1.5625em; } } @keyframes swal2-animate-success-line-long { 0% { top: 3.375em; right: 2.875em; width: 0; } 65% { top: 3.375em; right: 2.875em; width: 0; } 84% { top: 2.1875em; right: 0; width: 3.4375em; } 100% { top: 2.375em; right: 0.5em; width: 2.9375em; } } @keyframes swal2-rotate-success-circular-line { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } @keyframes swal2-animate-error-x-mark { 0% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 50% { margin-top: 1.625em; transform: scale(0.4); opacity: 0; } 80% { margin-top: -0.375em; transform: scale(1.15); } 100% { margin-top: 0; transform: scale(1); opacity: 1; } } @keyframes swal2-animate-error-icon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } @keyframes swal2-rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes swal2-animate-question-mark { 0% { transform: rotateY(-360deg); } 100% { transform: rotateY(0); } } @keyframes swal2-animate-i-mark { 0% { transform: rotateZ(45deg); opacity: 0; } 25% { transform: rotateZ(-25deg); opacity: 0.4; } 50% { transform: rotateZ(15deg); opacity: 0.8; } 75% { transform: rotateZ(-5deg); opacity: 1; } 100% { transform: rotateX(0); opacity: 1; } } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow: hidden; } body.swal2-height-auto { height: auto !important; } body.swal2-no-backdrop .swal2-container { background-color: transparent !important; pointer-events: none; } body.swal2-no-backdrop .swal2-container .swal2-popup { pointer-events: all; } body.swal2-no-backdrop .swal2-container .swal2-modal { box-shadow: 0 0 10px rgba(0, 0, 0, 0.4); } @media print { body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) { overflow-y: scroll !important; } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) > [aria-hidden=true] { display: none; } body.swal2-shown:not(.swal2-no-backdrop, .swal2-toast-shown) .swal2-container { position: static !important; } } body.swal2-toast-shown .swal2-container { box-sizing: border-box; width: 360px; max-width: 100%; background-color: transparent; pointer-events: none; } body.swal2-toast-shown .swal2-container.swal2-top { inset: 0 auto auto 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right { inset: 0 0 auto auto; } body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left { inset: 0 auto auto 0; } body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left { inset: 50% auto auto 0; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-center { inset: 50% auto auto 50%; transform: translate(-50%, -50%); } body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right { inset: 50% 0 auto auto; transform: translateY(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left { inset: auto auto 0 0; } body.swal2-toast-shown .swal2-container.swal2-bottom { inset: auto auto 0 50%; transform: translateX(-50%); } body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right { inset: auto 0 0 auto; } /*!******************************************************************************************************************************************************************************************************************************************************************!*\ !*** 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/jqwidgets-ng/jqwidgets/styles/jqx.classic.css?ngGlobalStyle ***! \******************************************************************************************************************************************************************************************************************************************************************/ .jqx-widget-classic{} .jqx-fill-state-normal-classic, .jqx-widget-header-classic{ border-color: #aaa; background-color:#E8E8E8; background-image:-o-linear-gradient(top,#fafafa,#dadada)} .jqx-fill-state-hover-classic{ border-color:#999; background-color:#E8E8E8; background-image:-o-linear-gradient(top,#fafafa,#dadada)} .jqx-fill-state-pressed-classic{ background-color:#7A7A7A; background-image:-o-linear-gradient(top,#989898,#696969); border-color:#666; color:white; text-shadow:0 1px 0 #333; border-image:initial} .jqx-grid-column-menubutton-classic{ background-color:transparent} .jqx-calendar-row-header-classic, .jqx-calendar-top-left-header-classic{ background-color:#f2f2f2; border:0px solid #f2f2f2} .jqx-calendar-column-header-classic{ background-color:#FFF; border-top:1px solid #FFF; border-bottom:1px solid #e9e9e9} .jqx-scrollbar-state-normal-classic{ background-color:#efefef; border:1px solid #efefef} .jqx-scrollbar-button-state-normal-classic{ border:1px solid #ececed; background-color:#ececed} .jqx-scrollbar-thumb-state-normal-classic{ background-color:#E8E8E8; background-image:-o-linear-gradient(left,#fafafa,#dadada); border:1px solid #bbb} .jqx-scrollbar-thumb-state-hover-classic{ background-color:#e8e8e8; border:1px solid #aaa} .jqx-scrollbar-thumb-state-pressed-classic, .jqx-progressbar-value-vertical-classic{ background-color:#7A7A7A; background-image:-o-linear-gradient(left,#989898,#696969); border:1px solid #666} .jqx-icon-arrow-up-selected-classic{background-image:url('icon-up-white.0415baccd3012888.png'); background-repeat:no-repeat; background-position:center} .jqx-icon-arrow-down-selected-classic{background-image:url('icon-down-white.d43a876bef95f1d5.png'); background-repeat:no-repeat; background-position:center} .jqx-icon-arrow-left-selected-classic{background-image:url('icon-left-white.74abebb87f5751d4.png'); background-repeat:no-repeat; background-position:center} .jqx-icon-arrow-right-selected-classic{background-image:url('icon-right-white.c30fb8cb69a833e9.png');background-repeat:no-repeat; background-position:center} .jqx-scrollbar-classic .jqx-icon-arrow-up-selected-classic{background-image:url('icon-up.46cb0f42f6b99ee9.png'); background-repeat:no-repeat; background-position:center} .jqx-scrollbar-classic .jqx-icon-arrow-down-selected-classic{background-image:url('icon-down.1355e0e3f772c402.png'); background-repeat:no-repeat; background-position:center} .jqx-scrollbar-classic .jqx-icon-arrow-left-selected-classic{background-image:url('icon-left.bfa3ef14185ab528.png'); background-repeat:no-repeat; background-position:center} .jqx-scrollbar-classic .jqx-icon-arrow-right-selected-classic{background-image:url('icon-right.169f61b02f75f770.png');background-repeat:no-repeat; background-position:center} .jqx-slider-track-horizontal-classic, .jqx-slider-track-vertical-classic{border-color: #e8e8e8; background: #e8e8e8;} .jqx-slider-rangebar-classic{background:#7A7A7A;} .jqx-menu-vertical-classic{ background:#E8E8E8; filter: none;} .jqx-menu-item-arrow-right-selected-classic{background-image:url('icon-right-white.c30fb8cb69a833e9.png'); background-position:100% 50%; background-repeat:no-repeat} .jqx-menu-item-arrow-down-selected-classic{background-image:url('icon-down-white.d43a876bef95f1d5.png'); background-position:100% 50%; background-repeat:no-repeat} .jqx-menu-item-arrow-up-selected-classic{background-image:url('icon-up-white.0415baccd3012888.png');background-position:100% 50%; background-repeat:no-repeat} .jqx-menu-item-arrow-left-selected-classic{background-image:url('icon-left-white.74abebb87f5751d4.png'); background-position:0 50%; background-repeat:no-repeat} .jqx-icon-arrow-first-selected-classic { background-image: url('icon-first-white.4857aa34a02847f2.png'); background-repeat: no-repeat; background-position: center; } .jqx-icon-arrow-last-selected-classic { background-image: url('icon-last-white.3c4508a135676ce9.png'); background-repeat: no-repeat; background-position: center; } .jqx-radiobutton-classic{border:none; background: none;} .jqx-radiobutton-default-classic{filter: none; background:transparent url('roundbg_classic_normal.e8c7606657eb0814.png') left center scroll repeat-x; border:0px solid #c9c9c9; border-radius:0px} .jqx-radiobutton-hover-classic{filter: none;border-radius:0px;background:transparent url('roundbg_classic_hover.42c3aa7fded175fc.png') left center scroll repeat-x; border:0px solid #000} .jqx-radiobutton-check-checked-classic{filter: none; margin:0px; width:12px;height:12px;background:transparent url('roundbg_check_black.90ef45e1edbd7625.png') left top no-repeat; border:none} .jqx-radiobutton-check-indeterminate-classic{filter: none; background:transparent url('roundbg_check_indeterminate.53e09d32d42fa4e9.png') left top no-repeat; border:none} .jqx-radiobutton-check-indeterminate-disabled-classic{filter: none; background:transparent url('roundbg_check_disabled.53e09d32d42fa4e9.png') left top no-repeat;border:none} .jqx-fill-state-focus-classic { border-color: #747474;} .jqx-grid-bottomright-classic, .jqx-panel-bottomright-classic, .jqx-listbox-bottomright-classic{background-color: #efefef;} .jqx-tabs-title-selected-top-classic, .jqx-tabs-selection-tracker-top-classic {border-color: #aaa; border-bottom: 1px solid #fff; text-shadow:0 1px 0 #f2f2f2; filter: none; color: #222; background: #fff;} .jqx-tabs-title-selected-bottom-classic, .jqx-tabs-selection-tracker-bottom-classic {border-color: #aaa; border-top: 1px solid #fff; text-shadow:0 1px 0 #f2f2f2; filter: none; color: #222; background: #fff;} .jqx-icon-calendar-pressed-classic { background-image: url('icon-calendar-white.439f857c753bbb0f.png'); } .jqx-icon-time-pressed-classic { background-image: url('icon-time-white.d433ba09764d793a.png'); } .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-expand-classic { background-image: url('icon-down-white.d43a876bef95f1d5.png'); background-repeat: no-repeat; background-position: center; } .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-collapse-classic{ background-image: url('icon-right-white.c30fb8cb69a833e9.png'); background-repeat: no-repeat; background-position: center; } .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-collapse-rtl-classic { background-image: url('icon-left-white.74abebb87f5751d4.png'); background-repeat: no-repeat; background-position: center; } .jqx-grid-cell-classic.jqx-grid-cell-selected-classic>.jqx-grid-group-expand-rtl-classic{ background-image: url('icon-down-white.d43a876bef95f1d5.png'); background-repeat: no-repeat; background-position: center; } .jqx-layout-classic { background-color: #aaa; } /*# sourceMappingURL=styles.01d08d9940ad4f59.css.map*/