/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (1) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (2) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (3) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@import url(https://fonts.googleapis.com/css?family=Roboto:300,400,500);
/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@uppy/core/dist/style.min.css ***!
  \************************************************************************************************************************************************************************************************************************************/
.uppy-Root{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;color:#333;font-family:-apple-system,blinkmacsystemfont,Segoe UI,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;line-height:1;position:relative;text-align:left}.uppy-Root[dir=rtl],[dir=rtl] .uppy-Root{text-align:right}.uppy-Root *,.uppy-Root :after,.uppy-Root :before{box-sizing:inherit}.uppy-Root [hidden]{display:none}.uppy-u-reset{-webkit-appearance:none;backface-visibility:visible;background:none;border:none;border-collapse:initial;border-image:none;border-radius:0;border-spacing:0;box-shadow:none;clear:none;color:inherit;cursor:auto;display:inline;empty-cells:show;float:none;font-family:inherit;font-size:inherit;font-stretch:normal;font-style:normal;font-variant:normal;font-weight:400;hyphens:none;left:auto;letter-spacing:normal;line-height:1;list-style:none;margin:0;max-height:none;max-width:none;min-height:0;min-width:0;opacity:1;outline:medium none invert;overflow:visible;overflow-x:visible;overflow-y:visible;padding:0;text-align:left;text-decoration:none;text-indent:0;text-shadow:none;text-transform:none;top:auto;transform:none;transform-origin:initial;transform-style:flat;transition:none 0s ease 0s;unicode-bidi:normal;vertical-align:initial;visibility:visible;white-space:normal;z-index:auto}[dir=rtl] .uppy-u-reset{text-align:right}.uppy-c-textInput{background-color:#fff;border:1px solid #ddd;border-radius:4px;font-size:14px;line-height:1.5;padding:6px 8px}.uppy-size--md .uppy-c-textInput{padding:8px 10px}.uppy-c-textInput:focus{border-color:#2275d799;box-shadow:0 0 0 3px #2275d726;outline:none}[data-uppy-theme=dark] .uppy-c-textInput{background-color:#333;border-color:#333;color:#eaeaea}[data-uppy-theme=dark] .uppy-c-textInput:focus{border-color:#525252;box-shadow:none}.uppy-c-icon{fill:currentColor;display:inline-block;max-height:100%;max-width:100%;overflow:hidden}.uppy-c-btn{display:inline-block;font-family:inherit;font-size:16px;font-weight:500;line-height:1;transition-duration:.3s;transition-property:background-color,color;-webkit-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.uppy-c-btn,[dir=rtl] .uppy-c-btn{text-align:center}.uppy-c-btn:not(:disabled):not(.disabled){cursor:pointer}.uppy-c-btn::-moz-focus-inner{border:0}.uppy-c-btn-primary{background-color:#2275d7;border-radius:4px;color:#fff;font-size:14px;padding:10px 18px}.uppy-c-btn-primary:hover{background-color:#1b5dab}.uppy-c-btn-primary:focus{box-shadow:0 0 0 3px #2275d766;outline:none}.uppy-size--md .uppy-c-btn-primary{padding:13px 22px}[data-uppy-theme=dark] .uppy-c-btn-primary{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-primary:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-c-btn-link{background-color:initial;border-radius:4px;color:#525252;font-size:14px;line-height:1;padding:10px 15px}.uppy-c-btn-link:hover{color:#333}.uppy-c-btn-link:focus{box-shadow:0 0 0 3px #2275d740;outline:none}.uppy-size--md .uppy-c-btn-link{padding:13px 18px}[data-uppy-theme=dark] .uppy-c-btn-link{color:#eaeaea}[data-uppy-theme=dark] .uppy-c-btn-link:focus{outline:none}[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-c-btn-link:focus{box-shadow:0 0 0 2px #aae1ffd9}[data-uppy-theme=dark] .uppy-c-btn-link:hover{color:#939393}.uppy-c-btn--small{border-radius:2px;font-size:.9em;padding:7px 16px}.uppy-size--md .uppy-c-btn--small{border-radius:2px;padding:8px 10px}
/*!*****************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@uppy/dashboard/dist/style.min.css ***!
  \*****************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";.uppy-Informer{bottom:60px;left:0;position:absolute;right:0;text-align:center;z-index:1005}.uppy-Informer span>div{margin-bottom:6px}.uppy-Informer-animated{opacity:0;transform:translateY(350%);transition:all .3s ease-in;z-index:-1000}.uppy-Informer p{background-color:#757575;border-radius:18px;color:#fff;display:inline-block;font-size:12px;font-weight:400;line-height:1.4;margin:0;max-width:90%;padding:6px 15px}.uppy-size--md .uppy-Informer p{font-size:14px;line-height:1.3;max-width:500px;padding:10px 20px}[data-uppy-theme=dark] .uppy-Informer p{background-color:#333}[dir=ltr] .uppy-Informer p span{left:3px}[dir=rtl] .uppy-Informer p span{right:3px}[dir=ltr] .uppy-Informer p span{margin-left:-1px}[dir=rtl] .uppy-Informer p span{margin-right:-1px}.uppy-Informer p span{background-color:#fff;border-radius:50%;color:#525252;display:inline-block;font-size:10px;height:13px;line-height:12px;position:relative;top:-1px;vertical-align:middle;width:13px}.uppy-Informer p span:hover{cursor:help}.uppy-Informer p span:after{word-wrap:break-word;line-height:1.3}.uppy-Root [aria-label][role~=tooltip]{position:relative}.uppy-Root [aria-label][role~=tooltip]:after,.uppy-Root [aria-label][role~=tooltip]:before{backface-visibility:hidden;box-sizing:border-box;opacity:0;pointer-events:none;position:absolute;transform:translateZ(0);transform-origin:top;transition:all var(--microtip-transition-duration,.18s) var(--microtip-transition-easing,ease-in-out) var(--microtip-transition-delay,0s);will-change:transform;z-index:10}.uppy-Root [aria-label][role~=tooltip]:before{background-size:100% auto!important;content:""}.uppy-Root [aria-label][role~=tooltip]:after{background:#111111e6;border-radius:4px;box-sizing:initial;color:#fff;content:attr(aria-label);font-size:var(--microtip-font-size,13px);font-weight:var(--microtip-font-weight,normal);padding:.5em 1em;text-transform:var(--microtip-text-transform,none);white-space:nowrap}.uppy-Root [aria-label][role~=tooltip]:focus:after,.uppy-Root [aria-label][role~=tooltip]:focus:before,.uppy-Root [aria-label][role~=tooltip]:hover:after,.uppy-Root [aria-label][role~=tooltip]:hover:before{opacity:1;pointer-events:auto}.uppy-Root [role~=tooltip][data-microtip-position|=top]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0Z'/%3E%3C/svg%3E") no-repeat;bottom:100%;height:6px;left:50%;margin-bottom:5px;transform:translate3d(-50%,0,0);width:18px}.uppy-Root [role~=tooltip][data-microtip-position|=top]:after{bottom:100%;left:50%;margin-bottom:11px;transform:translate3d(-50%,0,0)}.uppy-Root [role~=tooltip][data-microtip-position=top]:hover:after,.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover:before{transform:translate3d(-50%,-5px,0)}.uppy-Root [role~=tooltip][data-microtip-position=top-left]:after{bottom:100%;transform:translate3d(calc(-100% + 16px),0,0)}.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover:after{transform:translate3d(calc(-100% + 16px),-5px,0)}.uppy-Root [role~=tooltip][data-microtip-position=top-right]:after{bottom:100%;transform:translate3d(-16px,0,0)}.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover:after{transform:translate3d(-16px,-5px,0)}.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12Z'/%3E%3C/svg%3E") no-repeat;bottom:auto;height:6px;left:50%;margin-bottom:0;margin-top:5px;top:100%;transform:translate3d(-50%,-10px,0);width:18px}.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after{left:50%;margin-top:11px;top:100%;transform:translate3d(-50%,-10px,0)}.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover:after,.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover:before{transform:translate3d(-50%,0,0)}.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:after{top:100%;transform:translate3d(calc(-100% + 16px),-10px,0)}.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover:after{transform:translate3d(calc(-100% + 16px),0,0)}.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:after{top:100%;transform:translate3d(-16px,-10px,0)}.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover:after{transform:translate3d(-16px,0,0)}.uppy-Root [role~=tooltip][data-microtip-position=left]:after,.uppy-Root [role~=tooltip][data-microtip-position=left]:before{bottom:auto;left:auto;right:100%;top:50%;transform:translate3d(10px,-50%,0)}.uppy-Root [role~=tooltip][data-microtip-position=left]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342Z'/%3E%3C/svg%3E") no-repeat;height:18px;margin-bottom:0;margin-right:5px;width:6px}.uppy-Root [role~=tooltip][data-microtip-position=left]:after{margin-right:11px}.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:after,.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:before{transform:translate3d(0,-50%,0)}.uppy-Root [role~=tooltip][data-microtip-position=right]:after,.uppy-Root [role~=tooltip][data-microtip-position=right]:before{bottom:auto;left:100%;top:50%;transform:translate3d(-10px,-50%,0)}.uppy-Root [role~=tooltip][data-microtip-position=right]:before{background:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658Z'/%3E%3C/svg%3E") no-repeat;height:18px;margin-bottom:0;margin-left:5px;width:6px}.uppy-Root [role~=tooltip][data-microtip-position=right]:after{margin-left:11px}.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:after,.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:before{transform:translate3d(0,-50%,0)}.uppy-Root [role~=tooltip][data-microtip-size=small]:after{white-space:normal;width:80px}.uppy-Root [role~=tooltip][data-microtip-size=medium]:after{white-space:normal;width:150px}.uppy-Root [role~=tooltip][data-microtip-size=large]:after{white-space:normal;width:260px}.uppy-StatusBar{background-color:#fff;color:#fff;display:flex;font-size:12px;font-weight:400;height:46px;line-height:40px;position:relative;transition:height .2s;z-index:1001}[data-uppy-theme=dark] .uppy-StatusBar{background-color:#1f1f1f}.uppy-StatusBar:before{background-color:#eaeaea;bottom:0;content:"";height:2px;left:0;position:absolute;right:0;top:0;width:100%}[data-uppy-theme=dark] .uppy-StatusBar:before{background-color:#757575}.uppy-StatusBar[aria-hidden=true]{height:0;overflow-y:hidden}.uppy-StatusBar.is-complete .uppy-StatusBar-progress{background-color:#1bb240}.uppy-StatusBar.is-error .uppy-StatusBar-progress{background-color:#e32437}.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator{color:#1bb240}.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator{color:#e32437}.uppy-StatusBar:not([aria-hidden=true]).is-waiting{background-color:#fff;border-top:1px solid #eaeaea;height:65px}[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting{background-color:#1f1f1f;border-top:1px solid #333}.uppy-StatusBar-progress{background-color:#2275d7;height:2px;position:absolute;transition:background-color,width .3s ease-out;z-index:1001}.uppy-StatusBar-progress.is-indeterminate{animation:uppy-StatusBar-ProgressStripes 1s linear infinite;background-image:linear-gradient(45deg,#0000004d 25%,#0000 0,#0000 50%,#0000004d 0,#0000004d 75%,#0000 0,#0000);background-size:64px 64px}@keyframes uppy-StatusBar-ProgressStripes{0%{background-position:0 0}to{background-position:64px 0}}.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress,.uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress{background-color:#f6a623}.uppy-StatusBar.is-waiting .uppy-StatusBar-progress{display:none}[dir=ltr] .uppy-StatusBar-content{padding-left:10px}[dir=rtl] .uppy-StatusBar-content{padding-right:10px}.uppy-StatusBar-content{align-items:center;color:#333;display:flex;height:100%;position:relative;text-overflow:ellipsis;white-space:nowrap;z-index:1002}[dir=ltr] .uppy-size--md .uppy-StatusBar-content{padding-left:15px}[dir=rtl] .uppy-size--md .uppy-StatusBar-content{padding-right:15px}[data-uppy-theme=dark] .uppy-StatusBar-content{color:#eaeaea}[dir=ltr] .uppy-StatusBar-status{padding-right:.3em}[dir=rtl] .uppy-StatusBar-status{padding-left:.3em}.uppy-StatusBar-status{display:flex;flex-direction:column;font-weight:400;justify-content:center;line-height:1.4}.uppy-StatusBar-statusPrimary{display:flex;font-weight:500;line-height:1}.uppy-StatusBar-statusPrimary button.uppy-StatusBar-details{margin-left:5px}[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary{color:#eaeaea}.uppy-StatusBar-statusSecondary{color:#757575;display:inline-block;font-size:11px;line-height:1.2;margin-top:1px;white-space:nowrap}[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary{color:#bbb}[dir=ltr] .uppy-StatusBar-statusSecondaryHint{margin-right:5px}[dir=rtl] .uppy-StatusBar-statusSecondaryHint{margin-left:5px}.uppy-StatusBar-statusSecondaryHint{display:inline-block;line-height:1;vertical-align:middle}[dir=ltr] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{margin-right:8px}[dir=rtl] .uppy-size--md .uppy-StatusBar-statusSecondaryHint{margin-left:8px}[dir=ltr] .uppy-StatusBar-statusIndicator{margin-right:7px}[dir=rtl] .uppy-StatusBar-statusIndicator{margin-left:7px}.uppy-StatusBar-statusIndicator{color:#525252;position:relative;top:1px}.uppy-StatusBar-statusIndicator svg{vertical-align:text-bottom}[dir=ltr] .uppy-StatusBar-actions{right:10px}[dir=rtl] .uppy-StatusBar-actions{left:10px}.uppy-StatusBar-actions{align-items:center;bottom:0;display:flex;position:absolute;top:0;z-index:1004}.uppy-StatusBar.is-waiting .uppy-StatusBar-actions{background-color:#fafafa;height:100%;padding:0 15px;position:static;width:100%}[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions{background-color:#1f1f1f}.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts{flex-direction:column;height:90px}.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts{flex-direction:row;height:65px}.uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions{flex-direction:column;justify-content:center}.uppy-size--md .uppy-StatusBar:not([aria-hidden=true]).is-waiting.has-ghosts .uppy-StatusBar-actions{flex-direction:row;justify-content:normal}.uppy-StatusBar-actionCircleBtn{cursor:pointer;line-height:1;margin:3px;opacity:.9}.uppy-StatusBar-actionCircleBtn:focus{outline:none}.uppy-StatusBar-actionCircleBtn::-moz-focus-inner{border:0}.uppy-StatusBar-actionCircleBtn:focus{box-shadow:0 0 0 3px #2275d780}[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus{outline:none}[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-StatusBar-actionCircleBtn:hover{opacity:1}.uppy-StatusBar-actionCircleBtn:focus{border-radius:50%}.uppy-StatusBar-actionCircleBtn svg{vertical-align:bottom}.uppy-StatusBar-actionBtn{color:#2275d7;display:inline-block;font-size:10px;line-height:inherit;vertical-align:middle}.uppy-size--md .uppy-StatusBar-actionBtn{font-size:11px}.uppy-StatusBar-actionBtn--disabled{opacity:.4}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--disabled{opacity:.7}[dir=ltr] .uppy-StatusBar-actionBtn--retry{margin-right:6px}[dir=rtl] .uppy-StatusBar-actionBtn--retry{margin-left:6px}.uppy-StatusBar-actionBtn--retry{background-color:#ff4b23;border-radius:8px;color:#fff;height:16px;line-height:1;padding:1px 6px 3px 18px;position:relative}.uppy-StatusBar-actionBtn--retry:focus{outline:none}.uppy-StatusBar-actionBtn--retry::-moz-focus-inner{border:0}.uppy-StatusBar-actionBtn--retry:focus{box-shadow:0 0 0 3px #2275d780}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus{outline:none}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-StatusBar-actionBtn--retry:hover{background-color:#f92d00}[dir=ltr] .uppy-StatusBar-actionBtn--retry svg{left:6px}[dir=rtl] .uppy-StatusBar-actionBtn--retry svg{right:6px}.uppy-StatusBar-actionBtn--retry svg{position:absolute;top:3px}.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload{background-color:#1bb240;color:#fff;font-size:14px;line-height:1;padding:15px 10px;width:100%}.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover{background-color:#189c38}[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload{background-color:#1c8b37}[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover{background-color:#18762f}.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload{padding:13px 22px;width:auto}.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover{background-color:#1bb240;cursor:not-allowed}[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload.uppy-StatusBar-actionBtn--disabled:hover{background-color:#1c8b37}.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload{background-color:initial;color:#2275d7}[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded{padding-right:3px}[dir=ltr] .uppy-StatusBar-actionBtn--uploadNewlyAdded,[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded{padding-left:3px}[dir=rtl] .uppy-StatusBar-actionBtn--uploadNewlyAdded{padding-right:3px}.uppy-StatusBar-actionBtn--uploadNewlyAdded{border-radius:3px;padding-bottom:1px}.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{outline:none}.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner{border:0}.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{box-shadow:0 0 0 3px #2275d780}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{outline:none}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus{box-shadow:0 0 0 2px #aae1ffd9}.uppy-StatusBar-actionBtn--done{border-radius:3px;line-height:1;padding:7px 8px}.uppy-StatusBar-actionBtn--done:focus{outline:none}.uppy-StatusBar-actionBtn--done::-moz-focus-inner{border:0}.uppy-StatusBar-actionBtn--done:hover{color:#1b5dab}.uppy-StatusBar-actionBtn--done:focus{background-color:#eceef2}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done:focus{background-color:#333}[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--done{color:#02baf2}.uppy-size--md .uppy-StatusBar-actionBtn--done{font-size:14px}.uppy-StatusBar-serviceMsg{color:#000;font-size:11px;line-height:1.1;padding-left:10px}.uppy-size--md .uppy-StatusBar-serviceMsg{font-size:14px;padding-left:15px}[data-uppy-theme=dark] .uppy-StatusBar-serviceMsg{color:#eaeaea}.uppy-StatusBar-serviceMsg-ghostsIcon{left:6px;opacity:.5;position:relative;top:2px;vertical-align:text-bottom;width:10px}.uppy-size--md .uppy-StatusBar-serviceMsg-ghostsIcon{left:10px;top:1px;width:15px}[dir=ltr] .uppy-StatusBar-details{left:2px}[dir=rtl] .uppy-StatusBar-details{right:2px}.uppy-StatusBar-details{appearance:none;background-color:#939393;border-radius:50%;color:#fff;cursor:help;display:inline-block;font-size:10px;font-weight:600;height:13px;line-height:12px;position:relative;text-align:center;top:0;vertical-align:middle;width:13px}.uppy-StatusBar-details:after{word-wrap:break-word;line-height:1.3}[dir=ltr] .uppy-StatusBar-spinner{margin-right:10px}[dir=rtl] .uppy-StatusBar-spinner{margin-left:10px}.uppy-StatusBar-spinner{fill:#2275d7;animation-duration:1s;animation-iteration-count:infinite;animation-name:uppy-StatusBar-spinnerAnimation;animation-timing-function:linear}.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner,.uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner{fill:#f6a623}@keyframes uppy-StatusBar-spinnerAnimation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list,.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list{align-items:flex-start;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:6px}.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list:after,.uppy-ProviderBrowser-viewType--unsplash ul.uppy-ProviderBrowser-list:after{content:"";flex:auto}.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem{margin:0;position:relative;width:50%}.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,.uppy-size--md .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem{width:33.3333%}.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem,.uppy-size--lg .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem{width:25%}.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem:before,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem:before{content:"";display:block;padding-top:100%}.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img,.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected img,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--selected svg{opacity:.85}.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--disabled,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--disabled{opacity:.5}.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner{background-color:#93939333}[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner,[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner{background-color:#eaeaea33}.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,.uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg{fill:#000000b3;height:30%;width:30%}[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg,[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash li.uppy-ProviderBrowserItem--noPreview svg{fill:#fffc}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner{border-radius:4px;bottom:7px;height:calc(100% - 14px);left:7px;overflow:hidden;position:absolute;right:7px;text-align:center;top:7px;width:calc(100% - 14px)}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy.uppy-ProviderBrowserItem-inner-relative,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy.uppy-ProviderBrowserItem-inner-relative{position:relative}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author{background:#0000004d;bottom:0;color:#fff;display:none;font-size:12px;font-weight:500;left:0;margin:0;padding:5px;position:absolute;text-decoration:none;width:100%}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author:hover,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author:hover{background:#0006;text-decoration:underline}@media (hover:none){.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner .uppy-ProviderBrowserItem-author{display:block}}[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner,[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner{box-shadow:0 0 0 3px #aae1ffb3}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-inner img,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-inner img{border-radius:4px;height:100%;object-fit:cover;width:100%}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox{background-color:#2275d7;border-radius:50%;height:26px;opacity:0;position:absolute;right:16px;top:16px;width:26px;z-index:1002}[dir=ltr] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after,[dir=ltr] 
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after{left:7px}[dir=rtl] .uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after,[dir=rtl] 
.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after{right:7px}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox:after,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox:after{height:7px;top:8px;width:12px}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--is-checked,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--is-checked{opacity:1}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus+label .uppy-ProviderBrowserItem-author,.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:hover+label .uppy-ProviderBrowserItem-author,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus+label .uppy-ProviderBrowserItem-author,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:hover+label .uppy-ProviderBrowserItem-author{display:block}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus+label,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus+label{box-shadow:0 0 0 3px #2275d780}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus+label:focus,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus+label:focus{outline:none}.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-checkbox--grid:focus+label::-moz-focus-inner,.uppy-ProviderBrowser-viewType--unsplash .uppy-ProviderBrowserItem-checkbox--grid:focus+label::-moz-focus-inner{border:0}.uppy-ProviderBrowser-viewType--list{background-color:#fff}[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list{background-color:#1f1f1f}.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem{align-items:center;display:flex;margin:0;padding:7px 15px}[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem{color:#eaeaea}.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem--disabled{opacity:.6}[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox{margin-right:15px}[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox{margin-left:15px}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox{background-color:#fff;border:1px solid #cfcfcf;border-radius:3px;height:17px;width:17px}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus{border:1px solid #2275d7;box-shadow:0 0 0 3px #2275d740;outline:none}[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after{left:3px}[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after{right:3px}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:after{height:5px;opacity:0;top:4px;width:9px}[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox:focus{border-color:#02baf2b3;box-shadow:0 0 0 3px #02baf233}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked{background-color:#2275d7;border-color:#2275d7}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-checkbox--is-checked:after{opacity:1}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner{align-items:center;display:flex;overflow:hidden;padding:2px;text-overflow:ellipsis;white-space:nowrap}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus{outline:none;text-decoration:underline}[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir=ltr] 
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{margin-right:8px}[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,[dir=rtl] 
.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{margin-left:8px}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img,.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg{max-height:20px;max-width:20px}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span{line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem--disabled .uppy-ProviderBrowserItem-inner{cursor:default}[dir=ltr] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{margin-right:7px}[dir=rtl] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{margin-left:7px}.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-iconWrap{width:20px}.uppy-ProviderBrowserItem-checkbox{cursor:pointer;flex-shrink:0;position:relative}.uppy-ProviderBrowserItem-checkbox:disabled{cursor:default}.uppy-ProviderBrowserItem-checkbox:after{border-bottom:2px solid #eaeaea;border-left:2px solid #eaeaea;content:"";cursor:pointer;position:absolute;transform:rotate(-45deg)}.uppy-ProviderBrowserItem-checkbox:disabled:after{cursor:default}[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox{background-color:#1f1f1f;border-color:#939393}[data-uppy-theme=dark] .uppy-ProviderBrowserItem-checkbox--is-checked{background-color:#333}.uppy-SearchProvider{align-items:center;display:flex;flex:1;flex-direction:column;height:100%;justify-content:center;width:100%}[data-uppy-theme=dark] .uppy-SearchProvider{background-color:#1f1f1f}.uppy-SearchProvider-input{margin-bottom:15px;max-width:650px;width:90%}.uppy-size--md .uppy-SearchProvider-input{margin-bottom:20px}.uppy-SearchProvider-searchButton{padding:13px 25px}.uppy-size--md .uppy-SearchProvider-searchButton{padding:13px 30px}.uppy-DashboardContent-panelBody{align-items:center;display:flex;flex:1;justify-content:center}[data-uppy-theme=dark] .uppy-DashboardContent-panelBody{background-color:#1f1f1f}.uppy-Provider-auth,.uppy-Provider-empty,.uppy-Provider-error,.uppy-Provider-loading{align-items:center;color:#939393;display:flex;flex:1;flex-flow:column wrap;justify-content:center}.uppy-Provider-empty{color:#939393}.uppy-Provider-authIcon svg{height:75px;margin-bottom:15px;width:100px}.uppy-Provider-authTitle{color:#757575;font-size:17px;font-weight:400;line-height:1.4;margin-bottom:30px;max-width:500px;padding:0 15px;text-align:center}.uppy-size--md .uppy-Provider-authTitle{font-size:20px}[data-uppy-theme=dark] .uppy-Provider-authTitle{color:#cfcfcf}.uppy-Provider-btn-google{align-items:center;background:#4285f4;display:flex;padding:8px 12px!important}.uppy-Provider-btn-google:hover{background-color:#1266f1}.uppy-Provider-btn-google:focus{box-shadow:0 0 0 3px #4285f466;outline:none}.uppy-Provider-btn-google svg{margin-right:8px}[dir=ltr] .uppy-Provider-breadcrumbs{text-align:left}[dir=rtl] .uppy-Provider-breadcrumbs{text-align:right}.uppy-Provider-breadcrumbs{color:#525252;flex:1;font-size:12px;margin-bottom:10px}.uppy-size--md .uppy-Provider-breadcrumbs{margin-bottom:0}[data-uppy-theme=dark] .uppy-Provider-breadcrumbs{color:#eaeaea}[dir=ltr] .uppy-Provider-breadcrumbsIcon{margin-right:4px}[dir=rtl] .uppy-Provider-breadcrumbsIcon{margin-left:4px}.uppy-Provider-breadcrumbsIcon{color:#525252;display:inline-block;line-height:1;vertical-align:middle}.uppy-Provider-breadcrumbsIcon svg{fill:#525252;height:13px;width:13px}.uppy-Provider-breadcrumbs button{border-radius:3px;display:inline-block;line-height:inherit;padding:4px}.uppy-Provider-breadcrumbs button:focus{outline:none}.uppy-Provider-breadcrumbs button::-moz-focus-inner{border:0}.uppy-Provider-breadcrumbs button:hover{color:#1b5dab}.uppy-Provider-breadcrumbs button:focus{background-color:#eceef2}[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus{background-color:#333}.uppy-Provider-breadcrumbs button:not(:last-of-type){text-decoration:underline}.uppy-Provider-breadcrumbs button:last-of-type{color:#333;cursor:normal;font-weight:500;pointer-events:none}.uppy-Provider-breadcrumbs button:hover{cursor:pointer}[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button{color:#eaeaea}.uppy-ProviderBrowser{display:flex;flex:1;flex-direction:column;font-size:14px;font-weight:400;height:100%}.uppy-ProviderBrowser-user{color:#333;font-weight:500;margin:0 8px 0 0}[data-uppy-theme=dark] .uppy-ProviderBrowser-user{color:#eaeaea}[dir=ltr] .uppy-ProviderBrowser-user:after{left:4px}[dir=rtl] .uppy-ProviderBrowser-user:after{right:4px}.uppy-ProviderBrowser-user:after{color:#939393;content:"·";font-weight:400;position:relative}.uppy-ProviderBrowser-header{border-bottom:1px solid #eaeaea;position:relative;z-index:1001}[data-uppy-theme=dark] .uppy-ProviderBrowser-header{border-bottom:1px solid #333}.uppy-ProviderBrowser-headerBar{background-color:#fafafa;color:#757575;font-size:12px;line-height:1.4;padding:7px 15px;z-index:1001}.uppy-size--md .uppy-ProviderBrowser-headerBar{align-items:center;display:flex}[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar{background-color:#1f1f1f}.uppy-ProviderBrowser-headerBar--simple{display:block;justify-content:center;text-align:center}.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap{display:inline-block;flex:none;vertical-align:middle}.uppy-ProviderBrowser-filter{align-items:center;background-color:#fff;display:flex;height:30px;margin-bottom:5px;margin-top:10px;position:relative;width:100%}[data-uppy-theme=dark] .uppy-ProviderBrowser-filter{background-color:#1f1f1f}[dir=ltr] .uppy-ProviderBrowser-filterIcon{left:16px}[dir=rtl] .uppy-ProviderBrowser-filterIcon{right:16px}.uppy-ProviderBrowser-filterIcon{color:#bbb;height:12px;position:absolute;width:12px;z-index:1002}[dir=ltr] .uppy-ProviderBrowser-filterInput{padding-left:27px}[dir=rtl] .uppy-ProviderBrowser-filterInput{padding-right:27px}.uppy-ProviderBrowser-filterInput{background-color:initial;border:0;border-radius:4px;font-family:-apple-system,blinkmacsystemfont,Segoe UI,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:12px;height:30px;line-height:1.4;margin:0 8px;outline:0;width:100%;z-index:1001}[data-uppy-theme=dark] .uppy-ProviderBrowser-filterInput{background-color:#1f1f1f;color:#eaeaea}.uppy-ProviderBrowser-filterInput:focus{background-color:#f4f4f4;outline:0}[data-uppy-theme=dark] .uppy-ProviderBrowser-filterInput:focus{background-color:#333}.uppy-ProviderBrowser-filterInput::placeholder{color:#939393;opacity:1}.uppy-ProviderBrowser-search{align-items:center;display:flex;height:30px;margin-bottom:2px;margin-top:2px;position:relative;width:100%}[dir=ltr] .uppy-ProviderBrowser-searchInput{padding-left:30px}[dir=rtl] .uppy-ProviderBrowser-searchInput{padding-right:30px}.uppy-ProviderBrowser-searchInput{background-color:#eaeaea;border:0;border-radius:4px;color:#333;font-family:-apple-system,blinkmacsystemfont,Segoe UI,helvetica,arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:13px;height:30px;line-height:1.4;outline:0;width:100%;z-index:1001}[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput{background-color:#1f1f1f;color:#eaeaea}.uppy-ProviderBrowser-searchInput:focus{background-color:#cfcfcf;outline:0}[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus{background-color:#333}[dir=ltr] .uppy-ProviderBrowser-searchIcon{left:10px}[dir=rtl] .uppy-ProviderBrowser-searchIcon{right:10px}.uppy-ProviderBrowser-searchIcon{color:#757575;height:12px;position:absolute;width:12px;z-index:1002}.uppy-ProviderBrowser-searchInput::placeholder{color:#939393;opacity:1}.uppy-ProviderBrowser-userLogout{border-radius:3px;color:#2275d7;cursor:pointer;line-height:inherit;padding:4px}.uppy-ProviderBrowser-userLogout:focus{outline:none}.uppy-ProviderBrowser-userLogout::-moz-focus-inner{border:0}.uppy-ProviderBrowser-userLogout:hover{color:#1b5dab}.uppy-ProviderBrowser-userLogout:focus{background-color:#eceef2}[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus{background-color:#333}.uppy-ProviderBrowser-userLogout:hover{text-decoration:underline}[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout{color:#eaeaea}.uppy-ProviderBrowser-body{flex:1;position:relative}.uppy-ProviderBrowser-list{-webkit-overflow-scrolling:touch;background-color:#fff;border-spacing:0;bottom:0;display:block;flex:1;height:100%;left:0;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;right:0;top:0;width:100%}[data-uppy-theme=dark] .uppy-ProviderBrowser-list{background-color:#1f1f1f}.uppy-ProviderBrowser-list:focus{outline:none}.uppy-ProviderBrowserItem-inner{cursor:pointer;font-size:13px;font-weight:500}.uppy-ProviderBrowser-footer{align-items:center;background-color:#fff;border-top:1px solid #eaeaea;display:flex;height:65px;padding:0 15px}[dir=ltr] .uppy-ProviderBrowser-footer button{margin-right:8px}[dir=rtl] .uppy-ProviderBrowser-footer button{margin-left:8px}[data-uppy-theme=dark] .uppy-ProviderBrowser-footer{background-color:#1f1f1f;border-top:1px solid #333}.uppy-Dashboard-Item-previewInnerWrap{align-items:center;border-radius:3px;box-shadow:0 0 2px 0 #0006;display:flex;flex-direction:column;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap{box-shadow:0 1px 2px #00000026}.uppy-Dashboard-Item-previewInnerWrap:after{background-color:#000000a6;bottom:0;content:"";display:none;left:0;position:absolute;right:0;top:0;z-index:1001}.uppy-Dashboard-Item-previewLink{bottom:0;left:0;position:absolute;right:0;top:0;z-index:1002}.uppy-Dashboard-Item-previewLink:focus{box-shadow:inset 0 0 0 3px #76abe9}[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus{box-shadow:inset 0 0 0 3px #016c8d}.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg{border-radius:3px;height:100%;object-fit:cover;transform:translateZ(0);width:100%}.uppy-Dashboard-Item-progress{color:#fff;left:50%;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:all .35 ease;width:120px;z-index:1002}.uppy-Dashboard-Item-progressIndicator{display:inline-block;height:38px;opacity:.9;width:38px}.uppy-size--md .uppy-Dashboard-Item-progressIndicator{height:55px;width:55px}button.uppy-Dashboard-Item-progressIndicator{cursor:pointer}button.uppy-Dashboard-Item-progressIndicator:focus{outline:none}button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner{border:0}button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg,button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry{fill:#76abe9}.uppy-Dashboard-Item-progressIcon--circle{height:100%;width:100%}.uppy-Dashboard-Item-progressIcon--bg{stroke:#fff6}.uppy-Dashboard-Item-progressIcon--progress{stroke:#fff;transition:stroke-dashoffset .5s ease-out}.uppy-Dashboard-Item-progressIcon--play{fill:#fff;stroke:#fff;transition:all .2s}.uppy-Dashboard-Item-progressIcon--cancel{fill:#fff;transition:all .2s}.uppy-Dashboard-Item-progressIcon--pause{fill:#fff;stroke:#fff;transition:all .2s}.uppy-Dashboard-Item-progressIcon--check{fill:#fff;transition:all .2s}.uppy-Dashboard-Item-progressIcon--retry{fill:#fff}[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{right:-8px}[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{left:-8px}[dir=ltr] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{left:auto}[dir=rtl] .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{right:auto}.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress{top:-9px;transform:none;width:auto}.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator{height:18px;width:18px}.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator{height:28px;width:28px}.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator{height:18px;opacity:1;width:18px}.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator{height:22px;width:22px}.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress{opacity:0}[dir=ltr] .uppy-Dashboard-Item-fileInfo{padding-right:5px}[dir=rtl] .uppy-Dashboard-Item-fileInfo{padding-left:5px}.uppy-Dashboard-Item-name{word-wrap:anywhere;font-size:12px;font-weight:500;line-height:1.3;margin-bottom:5px;word-break:break-all}[data-uppy-theme=dark] .uppy-Dashboard-Item-name{color:#eaeaea}.uppy-Dashboard-Item-fileName{align-items:baseline;display:flex}.uppy-Dashboard-Item-fileName button{margin-left:5px}.uppy-Dashboard-Item-author{color:#757575;display:inline-block;font-size:11px;font-weight:400;line-height:1;margin-bottom:5px;vertical-align:bottom}.uppy-Dashboard-Item-author a{color:#757575}.uppy-Dashboard-Item-status{color:#757575;font-size:11px;font-weight:400;line-height:1}[data-uppy-theme=dark] .uppy-Dashboard-Item-status{color:#bbb}.uppy-Dashboard-Item-statusSize{display:inline-block;margin-bottom:5px;text-transform:uppercase;vertical-align:bottom}.uppy-Dashboard-Item-reSelect{color:#2275d7;font-family:inherit;font-size:inherit;font-weight:600}.uppy-Dashboard-Item-errorMessage{background-color:#fdeff1;color:#a51523;font-size:11px;font-weight:500;line-height:1.3;padding:5px 6px}.uppy-Dashboard-Item-errorMessageBtn{cursor:pointer;font-weight:500;text-decoration:underline}.uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage{display:none}.uppy-size--md .uppy-Dashboard-Item-preview .uppy-Dashboard-Item-errorMessage{border-bottom-left-radius:3px;border-bottom-right-radius:3px;border-top:1px solid #f7c2c8;bottom:0;display:block;left:0;line-height:1.4;padding:6px 8px;position:absolute;right:0}.uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage{border:1px solid #f7c2c8;border-radius:3px;display:inline-block;position:static}.uppy-size--md .uppy-Dashboard-Item-fileInfo .uppy-Dashboard-Item-errorMessage{display:none}.uppy-Dashboard-Item-action{color:#939393;cursor:pointer}.uppy-Dashboard-Item-action:focus{outline:none}.uppy-Dashboard-Item-action::-moz-focus-inner{border:0}.uppy-Dashboard-Item-action:focus{box-shadow:0 0 0 3px #2275d780}.uppy-Dashboard-Item-action:hover{color:#1f1f1f;opacity:1}[data-uppy-theme=dark] .uppy-Dashboard-Item-action{color:#cfcfcf}[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus{outline:none}[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner{border:0}[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus{box-shadow:0 0 0 2px #aae1ffd9}[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover{color:#eaeaea}.uppy-Dashboard-Item-action--remove{color:#1f1f1f;opacity:.95}.uppy-Dashboard-Item-action--remove:hover{color:#000;opacity:1}[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove{color:#525252}[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover{color:#333}.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper{align-items:center;display:flex}.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action{height:22px;margin-left:3px;padding:3px;width:22px}.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus{border-radius:3px}.uppy-size--md .uppy-Dashboard-Item-action--copyLink,.uppy-size--md .uppy-Dashboard-Item-action--edit{height:16px;padding:0;width:16px}.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus,.uppy-size--md .uppy-Dashboard-Item-action--edit:focus{border-radius:3px}[dir=ltr] .uppy-size--md .uppy-Dashboard-Item-action--remove{right:-8px}[dir=rtl] .uppy-size--md .uppy-Dashboard-Item-action--remove{left:-8px}.uppy-size--md .uppy-Dashboard-Item-action--remove{height:18px;padding:0;position:absolute;top:-8px;width:18px;z-index:1002}.uppy-size--md .uppy-Dashboard-Item-action--remove:focus{border-radius:50%}[dir=ltr] .uppy-Dashboard-Item{padding-right:0}[dir=rtl] .uppy-Dashboard-Item{padding-left:0}.uppy-Dashboard-Item{align-items:center;border-bottom:1px solid #eaeaea;display:flex;padding:10px}[data-uppy-theme=dark] .uppy-Dashboard-Item{border-bottom:1px solid #333}[dir=ltr] .uppy-size--md .uppy-Dashboard-Item{float:left}[dir=rtl] .uppy-size--md .uppy-Dashboard-Item{float:right}.uppy-size--md .uppy-Dashboard-Item{border-bottom:0;display:block;height:215px;margin:5px 15px;padding:0;position:relative;width:calc(33.333% - 30px)}.uppy-size--lg .uppy-Dashboard-Item{height:190px;margin:5px 15px;width:calc(25% - 30px)}.uppy-size--xl .uppy-Dashboard-Item{height:210px;width:calc(20% - 30px)}.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-previewInnerWrap{opacity:.2}.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-name{opacity:.7}.uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='39'%3E%3Cpath d='M1.708 38.66c1.709 0 3.417-3.417 6.834-3.417 3.416 0 5.125 3.417 8.61 3.417 3.348 0 5.056-3.417 8.473-3.417 4.305 0 5.125 3.417 6.833 3.417.889 0 1.709-.889 1.709-1.709v-19.68C34.167-5.757 0-5.757 0 17.271v19.68c0 .82.888 1.709 1.708 1.709zm8.542-17.084a3.383 3.383 0 0 1-3.417-3.416 3.383 3.383 0 0 1 3.417-3.417 3.383 3.383 0 0 1 3.417 3.417 3.383 3.383 0 0 1-3.417 3.416zm13.667 0A3.383 3.383 0 0 1 20.5 18.16a3.383 3.383 0 0 1 3.417-3.417 3.383 3.383 0 0 1 3.416 3.417 3.383 3.383 0 0 1-3.416 3.416z' fill='%2523000'/%3E%3C/svg%3E");background-position:50% 10px;background-repeat:no-repeat;background-size:25px;bottom:0;content:"";left:0;opacity:.5;position:absolute;right:0;top:0;z-index:1005}.uppy-size--md .uppy-Dashboard-Item.is-ghost .uppy-Dashboard-Item-preview:before{background-position:50% 50%;background-size:40px}.uppy-Dashboard-Item-preview{position:relative}.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview{flex-grow:0;flex-shrink:0;height:50px;width:50px}.uppy-size--md .uppy-Dashboard-Item-preview{height:140px;width:100%}.uppy-size--lg .uppy-Dashboard-Item-preview{height:120px}.uppy-size--xl .uppy-Dashboard-Item-preview{height:140px}[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons{padding-right:8px}[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons{padding-left:8px}[dir=ltr] .uppy-Dashboard-Item-fileInfoAndButtons{padding-left:12px}[dir=rtl] .uppy-Dashboard-Item-fileInfoAndButtons{padding-right:12px}.uppy-Dashboard-Item-fileInfoAndButtons{align-items:center;display:flex;flex-grow:1;justify-content:space-between}.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons{align-items:flex-start;padding:9px 0 0;width:100%}.uppy-Dashboard-Item-fileInfo{flex-grow:1;flex-shrink:1}.uppy-Dashboard-Item-actionWrapper{flex-grow:0;flex-shrink:0}.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after,.uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after{display:block}.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove{display:none}[dir=ltr] .uppy-Dashboard-Item-errorDetails{left:2px}[dir=rtl] .uppy-Dashboard-Item-errorDetails{right:2px}.uppy-Dashboard-Item-errorDetails{appearance:none;background-color:#939393;border:none;border-radius:50%;color:#fff;cursor:help;display:inline-block;font-size:10px;font-weight:600;height:13px;line-height:12px;position:relative;text-align:center;top:0;vertical-align:middle;width:13px}.uppy-Dashboard-Item-errorDetails:after{word-wrap:break-word;line-height:1.3}.uppy-Dashboard-FileCard{background-color:#fff;border-radius:5px;bottom:0;box-shadow:0 0 10px 4px #0000001a;display:flex;flex-direction:column;height:100%;left:0;position:absolute;right:0;top:0;width:100%;z-index:1005}.uppy-Dashboard-FileCard .uppy-DashboardContent-bar{border-top-left-radius:5px;border-top-right-radius:5px}.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.uppy-Dashboard-FileCard-inner{display:flex;flex-direction:column;flex-grow:1;flex-shrink:1;height:100%;min-height:0}.uppy-Dashboard-FileCard-preview{align-items:center;border-bottom:1px solid #eaeaea;display:flex;flex-grow:0;flex-shrink:1;height:60%;justify-content:center;min-height:0;position:relative}[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview{background-color:#333;border-bottom:0}.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg{border-radius:3px;box-shadow:0 3px 20px #00000026;flex:0 0 auto;max-height:90%;max-width:90%;object-fit:cover}[dir=ltr] .uppy-Dashboard-FileCard-edit{right:10px}[dir=rtl] .uppy-Dashboard-FileCard-edit{left:10px}.uppy-Dashboard-FileCard-edit{background-color:#00000080;border-radius:50px;color:#fff;font-size:13px;padding:7px 15px;position:absolute;top:10px}.uppy-Dashboard-FileCard-edit:focus{outline:none}.uppy-Dashboard-FileCard-edit::-moz-focus-inner{border:0}.uppy-Dashboard-FileCard-edit:focus{box-shadow:0 0 0 3px #2275d780}.uppy-Dashboard-FileCard-edit:hover{background-color:#000c}.uppy-Dashboard-FileCard-info{-webkit-overflow-scrolling:touch;flex-grow:0;flex-shrink:0;height:40%;overflow-y:auto;padding:30px 20px 20px}[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info{background-color:#1f1f1f}.uppy-Dashboard-FileCard-fieldset{border:0;font-size:0;margin:auto auto 12px;max-width:640px;padding:0}.uppy-Dashboard-FileCard-label{color:#525252;display:inline-block;font-size:12px;vertical-align:middle;width:22%}.uppy-size--md .uppy-Dashboard-FileCard-label{font-size:14px}[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label{color:#eaeaea}.uppy-Dashboard-FileCard-input{display:inline-block;vertical-align:middle;width:78%}.uppy-Dashboard-FileCard-actions{align-items:center;background-color:#fafafa;border-top:1px solid #eaeaea;display:flex;flex-grow:0;flex-shrink:0;height:55px;padding:0 15px}.uppy-size--md .uppy-Dashboard-FileCard-actions{height:65px}[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions{background-color:#1f1f1f;border-top:1px solid #333}[dir=ltr] .uppy-Dashboard-FileCard-actionsBtn{margin-right:10px}[dir=rtl] .uppy-Dashboard-FileCard-actionsBtn{margin-left:10px}.uppy-transition-slideDownUp-enter{opacity:.01;transform:translate3d(0,-105%,0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active{opacity:1;transform:translateZ(0)}.uppy-transition-slideDownUp-leave{opacity:1;transform:translateZ(0);transition:transform .25s ease-in-out,opacity .25s ease-in-out}.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active{opacity:.01;transform:translate3d(0,-105%,0)}@keyframes uppy-Dashboard-fadeIn{0%{opacity:0}to{opacity:1}}@keyframes uppy-Dashboard-fadeOut{0%{opacity:1}to{opacity:0}}@keyframes uppy-Dashboard-slideDownAndFadeIn{0%{opacity:0;transform:translate3d(-50%,-70%,0)}to{opacity:1;transform:translate3d(-50%,-50%,0)}}@keyframes uppy-Dashboard-slideDownAndFadeIn--small{0%{opacity:0;transform:translate3d(0,-20%,0)}to{opacity:1;transform:translateZ(0)}}@keyframes uppy-Dashboard-slideUpFadeOut{0%{opacity:1;transform:translate3d(-50%,-50%,0)}to{opacity:0;transform:translate3d(-50%,-70%,0)}}@keyframes uppy-Dashboard-slideUpFadeOut--small{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-20%,0)}}.uppy-Dashboard--modal{z-index:1001}.uppy-Dashboard--modal[aria-hidden=true]{display:none}.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideDownAndFadeIn--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideDownAndFadeIn .3s cubic-bezier(0,0,.2,1)}}.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose>.uppy-Dashboard-overlay{animation:uppy-Dashboard-fadeIn .3s cubic-bezier(0,0,.2,1)}.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideUpFadeOut--small .3s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:820px){.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing>.uppy-Dashboard-inner{animation:uppy-Dashboard-slideUpFadeOut .3s cubic-bezier(0,0,.2,1)}}.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing>.uppy-Dashboard-overlay{animation:uppy-Dashboard-fadeOut .3s cubic-bezier(0,0,.2,1)}.uppy-Dashboard-isFixed{height:100vh;overflow:hidden}.uppy-Dashboard--modal .uppy-Dashboard-overlay{background-color:#00000080;bottom:0;left:0;position:fixed;right:0;top:0;z-index:1001}.uppy-Dashboard-inner{background-color:#fafafa;border:1px solid #eaeaea;border-radius:5px;max-height:100%;max-width:100%;outline:none;position:relative}.uppy-size--md .uppy-Dashboard-inner{min-height:auto}@media only screen and (min-width:820px){.uppy-Dashboard-inner{height:550px;width:750px}}.uppy-Dashboard--modal .uppy-Dashboard-inner{z-index:1002}[data-uppy-theme=dark] .uppy-Dashboard-inner{background-color:#1f1f1f}.uppy-Dashboard--isDisabled .uppy-Dashboard-inner{cursor:not-allowed}.uppy-Dashboard-innerWrap{border-radius:5px;display:flex;flex-direction:column;height:100%;opacity:0;overflow:hidden;position:relative}.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap{opacity:1}.uppy-Dashboard--isDisabled .uppy-Dashboard-innerWrap{filter:grayscale(100%);opacity:.6;pointer-events:none;-webkit-user-select:none;user-select:none}.uppy-Dashboard--isDisabled .uppy-ProviderIconBg{fill:#9f9f9f}.uppy-Dashboard--modal .uppy-Dashboard-inner{border:none;bottom:15px;left:15px;position:fixed;right:15px;top:35px}@media only screen and (min-width:820px){.uppy-Dashboard--modal .uppy-Dashboard-inner{box-shadow:0 5px 15px 4px #00000026;left:50%;right:auto;top:50%;transform:translate(-50%,-50%)}}[dir=ltr] .uppy-Dashboard-close{right:-2px}[dir=rtl] .uppy-Dashboard-close{left:-2px}.uppy-Dashboard-close{color:#ffffffe6;cursor:pointer;display:block;font-size:27px;position:absolute;top:-33px;z-index:1005}.uppy-Dashboard-close:focus{outline:none}.uppy-Dashboard-close::-moz-focus-inner{border:0}.uppy-Dashboard-close:focus{color:#8cb8ed}@media only screen and (min-width:820px){[dir=ltr] .uppy-Dashboard-close{right:-35px}[dir=rtl] .uppy-Dashboard-close{left:-35px}.uppy-Dashboard-close{font-size:35px;top:-10px}}.uppy-Dashboard-serviceMsg{background-color:#fffbf7;border-bottom:1px solid #edd4b9;border-top:1px solid #edd4b9;font-size:12px;font-weight:500;line-height:1.3;padding:12px 0;position:relative;top:-1px;z-index:1004}.uppy-size--md .uppy-Dashboard-serviceMsg{font-size:14px;line-height:1.4}[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg{background-color:#1f1f1f;border-bottom:1px solid #333;border-top:1px solid #333;color:#eaeaea}.uppy-Dashboard-serviceMsg-title{display:block;line-height:1;margin-bottom:4px;padding-left:42px}.uppy-Dashboard-serviceMsg-text{padding:0 15px}.uppy-Dashboard-serviceMsg-actionBtn{color:#2275d7;font-size:inherit;font-weight:inherit;vertical-align:initial}[data-uppy-theme=dark] .uppy-Dashboard-serviceMsg-actionBtn{color:#02baf2e6}.uppy-Dashboard-serviceMsg-icon{left:15px;position:absolute;top:10px}.uppy-Dashboard-AddFiles{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;position:relative;text-align:center}[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles{border:1px dashed #dfdfdf;border-radius:3px;height:calc(100% - 14px);margin:7px}.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles{border:none;height:calc(100% - 54px)}.uppy-Dashboard--modal .uppy-Dashboard-AddFiles{border-color:#cfcfcf}[data-uppy-theme=dark] .uppy-Dashboard-AddFiles{border-color:#757575}.uppy-Dashboard-AddFiles-info{display:none;margin-top:auto;padding-bottom:15px;padding-top:15px}.uppy-size--height-md .uppy-Dashboard-AddFiles-info{display:block}.uppy-size--md .uppy-Dashboard-AddFiles-info{bottom:25px;left:0;padding-bottom:0;padding-top:30px;position:absolute;right:0}[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info{margin-top:0}.uppy-Dashboard-browse{color:#2275d7e6;cursor:pointer}.uppy-Dashboard-browse:focus{outline:none}.uppy-Dashboard-browse::-moz-focus-inner{border:0}.uppy-Dashboard-browse:focus,.uppy-Dashboard-browse:hover{border-bottom:1px solid #2275d7}[data-uppy-theme=dark] .uppy-Dashboard-browse{color:#02baf2e6}[data-uppy-theme=dark] .uppy-Dashboard-browse:focus,[data-uppy-theme=dark] .uppy-Dashboard-browse:hover{border-bottom:1px solid #02baf2}.uppy-Dashboard-browseBtn{display:block;font-size:14px;font-weight:500;margin-bottom:5px;margin-top:8px;width:100%}.uppy-size--md .uppy-Dashboard-browseBtn{font-size:15px;margin:15px auto;padding:13px 44px;width:auto}.uppy-Dashboard-AddFiles-list{-webkit-overflow-scrolling:touch;display:flex;flex:1;flex-direction:column;margin-top:2px;overflow-y:auto;padding:2px 0;width:100%}.uppy-size--md .uppy-Dashboard-AddFiles-list{flex:none;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:15px;max-width:600px;overflow-y:visible;padding-top:0}.uppy-DashboardTab{border-bottom:1px solid #eaeaea;text-align:center;width:100%}[data-uppy-theme=dark] .uppy-DashboardTab{border-bottom:1px solid #333}.uppy-size--md .uppy-DashboardTab{border-bottom:none;display:inline-block;margin-bottom:10px;width:auto}.uppy-DashboardTab-btn{align-items:center;appearance:none;background-color:initial;color:#525252;cursor:pointer;display:flex;flex-direction:row;height:100%;padding:12px 15px;width:100%}.uppy-DashboardTab-btn:focus{outline:none}[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn{margin-right:1px}[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn{margin-left:1px}.uppy-size--md .uppy-DashboardTab-btn{border-radius:5px;flex-direction:column;padding:10px 3px;width:86px}[data-uppy-theme=dark] .uppy-DashboardTab-btn{color:#eaeaea}.uppy-DashboardTab-btn::-moz-focus-inner{border:0}.uppy-DashboardTab-btn:hover{background-color:#f1f3f6}[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover{background-color:#333}.uppy-DashboardTab-btn:active,.uppy-DashboardTab-btn:focus{background-color:#eceef2}[data-uppy-theme=dark] .uppy-DashboardTab-btn:active,[data-uppy-theme=dark] .uppy-DashboardTab-btn:focus{background-color:#525252}[dir=ltr] .uppy-DashboardTab-btn svg{margin-right:10px}[dir=rtl] .uppy-DashboardTab-btn svg{margin-left:10px}.uppy-DashboardTab-btn svg{display:inline-block;max-height:100%;max-width:100%;overflow:hidden;transition:transform .15s ease-in-out;vertical-align:text-top}[dir=ltr] .uppy-size--md .uppy-DashboardTab-btn svg{margin-right:0}[dir=rtl] .uppy-size--md .uppy-DashboardTab-btn svg{margin-left:0}.uppy-DashboardTab-name{font-size:14px;font-weight:500}.uppy-size--md .uppy-DashboardTab-name{font-size:11px;line-height:15px;margin-bottom:0;margin-top:8px}.uppy-DashboardTab svg{height:23px;vertical-align:middle;width:23px}.uppy-size--md .uppy-DashboardTab svg{height:30px;width:30px}.uppy-Dashboard-input{height:.1px;opacity:0;overflow:hidden;position:absolute;width:.1px;z-index:-1}.uppy-DashboardContent-bar{align-items:center;background-color:#fafafa;border-bottom:1px solid #eaeaea;display:flex;flex-shrink:0;height:40px;justify-content:space-between;padding:0 10px;position:relative;width:100%;z-index:1004}.uppy-size--md .uppy-DashboardContent-bar{height:50px;padding:0 15px}[data-uppy-theme=dark] .uppy-DashboardContent-bar{background-color:#1f1f1f;border-bottom:1px solid #333}.uppy-DashboardContent-title{font-size:12px;font-weight:500;left:0;line-height:40px;margin:auto;max-width:170px;overflow-x:hidden;position:absolute;right:0;text-align:center;text-overflow:ellipsis;top:0;white-space:nowrap;width:100%}.uppy-size--md .uppy-DashboardContent-title{font-size:14px;line-height:50px;max-width:300px}[data-uppy-theme=dark] .uppy-DashboardContent-title{color:#eaeaea}[dir=ltr] .uppy-DashboardContent-back,[dir=ltr] 
.uppy-DashboardContent-save{margin-left:-6px}[dir=rtl] .uppy-DashboardContent-back,[dir=rtl] 
.uppy-DashboardContent-save{margin-right:-6px}.uppy-DashboardContent-back,.uppy-DashboardContent-save{-webkit-appearance:none;background:none;border:0;border-radius:3px;color:inherit;color:#2275d7;cursor:pointer;font-family:inherit;font-size:inherit;font-size:12px;font-weight:400;line-height:1;margin:0;padding:7px 6px}.uppy-DashboardContent-back:focus,.uppy-DashboardContent-save:focus{outline:none}.uppy-DashboardContent-back::-moz-focus-inner,.uppy-DashboardContent-save::-moz-focus-inner{border:0}.uppy-DashboardContent-back:hover,.uppy-DashboardContent-save:hover{color:#1b5dab}.uppy-DashboardContent-back:focus,.uppy-DashboardContent-save:focus{background-color:#eceef2}[data-uppy-theme=dark] .uppy-DashboardContent-back:focus,[data-uppy-theme=dark] .uppy-DashboardContent-save:focus{background-color:#333}.uppy-size--md .uppy-DashboardContent-back,.uppy-size--md .uppy-DashboardContent-save{font-size:14px}[data-uppy-theme=dark] .uppy-DashboardContent-back,[data-uppy-theme=dark] .uppy-DashboardContent-save{color:#02baf2}[dir=ltr] .uppy-DashboardContent-addMore{margin-right:-5px}[dir=rtl] .uppy-DashboardContent-addMore{margin-left:-5px}.uppy-DashboardContent-addMore{-webkit-appearance:none;background:none;border:0;border-radius:3px;color:inherit;color:#2275d7;cursor:pointer;font-family:inherit;font-size:inherit;font-weight:500;height:29px;line-height:1;margin:0;padding:7px 8px;width:29px}.uppy-DashboardContent-addMore:focus{outline:none}.uppy-DashboardContent-addMore::-moz-focus-inner{border:0}.uppy-DashboardContent-addMore:hover{color:#1b5dab}.uppy-DashboardContent-addMore:focus{background-color:#eceef2}[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus{background-color:#333}[dir=ltr] .uppy-size--md .uppy-DashboardContent-addMore{margin-right:-8px}[dir=rtl] .uppy-size--md .uppy-DashboardContent-addMore{margin-left:-8px}.uppy-size--md .uppy-DashboardContent-addMore{font-size:14px;height:auto;width:auto}[data-uppy-theme=dark] .uppy-DashboardContent-addMore{color:#02baf2}[dir=ltr] .uppy-DashboardContent-addMore svg{margin-right:4px}[dir=rtl] .uppy-DashboardContent-addMore svg{margin-left:4px}.uppy-DashboardContent-addMore svg{vertical-align:initial}.uppy-size--md .uppy-DashboardContent-addMore svg{height:11px;width:11px}.uppy-DashboardContent-addMoreCaption{display:none}.uppy-size--md .uppy-DashboardContent-addMoreCaption{display:inline}.uppy-DashboardContent-panel{background-color:#f5f5f5;flex:1}.uppy-Dashboard-AddFilesPanel,.uppy-DashboardContent-panel{border-radius:5px;bottom:0;display:flex;flex-direction:column;left:0;overflow:hidden;position:absolute;right:0;top:0;z-index:1005}.uppy-Dashboard-AddFilesPanel{background:#fafafa;background:linear-gradient(0deg,#fafafa 35%,#fafafad9);box-shadow:0 0 10px 5px #00000026}[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel{background-color:#333;background-image:linear-gradient(0deg,#1f1f1f 35%,#1f1f1fd9)}.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files{filter:blur(2px)}.uppy-Dashboard-progress{bottom:0;height:12%;left:0;position:absolute;width:100%}.uppy-Dashboard-progressBarContainer.is-active{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1004}.uppy-Dashboard-filesContainer{flex:1;margin:0;overflow-y:hidden;position:relative}.uppy-Dashboard-filesContainer:after{clear:both;content:"";display:table}.uppy-Dashboard-files{-webkit-overflow-scrolling:touch;flex:1;margin:0;overflow-y:auto;padding:0 0 10px}.uppy-size--md .uppy-Dashboard-files{padding-top:10px}.uppy-Dashboard-dropFilesHereHint{align-items:center;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%232275D7'/%3E%3C/svg%3E");background-position:50% 50%;background-repeat:no-repeat;border:1px dashed #2275d7;border-radius:3px;bottom:7px;color:#757575;display:flex;font-size:16px;justify-content:center;left:7px;padding-top:90px;position:absolute;right:7px;text-align:center;top:7px;visibility:hidden;z-index:2000}[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 1 1-1.414 1.414L25 16.414V34a1 1 0 1 1-2 0V16.414l-5.293 5.293a.999.999 0 1 1-1.414-1.414l7-7a.999.999 0 0 1 1.414 0l7 7z' fill='%2302BAF2'/%3E%3C/svg%3E");border-color:#02baf2;color:#bbb}.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint{visibility:visible}.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files,.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators,.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-serviceMsg,.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar{opacity:.15}.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles{opacity:.03}.uppy-Dashboard-AddFiles-title{color:#000;font-size:17px;font-weight:500;line-height:1.35;margin-bottom:5px;margin-top:15px;padding:0 15px;text-align:inline-start;width:100%}.uppy-size--md .uppy-Dashboard-AddFiles-title{font-size:25px;font-weight:400;margin-top:5px;max-width:480px;text-align:center}[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title{text-align:center}[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title{color:#eaeaea}.uppy-Dashboard-AddFiles-title button{font-weight:500}.uppy-size--md .uppy-Dashboard-AddFiles-title button{font-weight:400}.uppy-Dashboard-note{color:#757575;font-size:14px;line-height:1.25;margin:auto;max-width:350px;padding:0 15px;text-align:center}.uppy-size--md .uppy-Dashboard-note{font-size:15px;line-height:1.35;max-width:600px}[data-uppy-theme=dark] .uppy-Dashboard-note{color:#cfcfcf}a.uppy-Dashboard-poweredBy{color:#939393;display:inline-block;font-size:11px;margin-top:8px;text-align:center;text-decoration:none}.uppy-Dashboard-poweredByIcon{fill:none;stroke:#939393;margin-left:1px;margin-right:1px;opacity:.9;position:relative;top:1px;vertical-align:text-top}.uppy-Dashboard-Item-previewIcon{height:25px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:25px;z-index:100}.uppy-size--md .uppy-Dashboard-Item-previewIcon{height:38px;width:38px}.uppy-Dashboard-Item-previewIcon svg{height:100%;width:100%}.uppy-Dashboard-Item-previewIconWrap{height:76px;max-height:75%;position:relative}.uppy-Dashboard-Item-previewIconBg{filter:drop-shadow(rgba(0,0,0,.1) 0 1px 1px);height:100%;width:100%}.uppy-Dashboard-upload{height:50px;position:relative;width:50px}.uppy-size--md .uppy-Dashboard-upload{height:60px;width:60px}.uppy-Dashboard-upload .uppy-c-icon{position:relative;top:1px;width:50%}[dir=ltr] .uppy-Dashboard-uploadCount{right:-12px}[dir=rtl] .uppy-Dashboard-uploadCount{left:-12px}.uppy-Dashboard-uploadCount{background-color:#1bb240;border-radius:50%;color:#fff;font-size:8px;height:16px;line-height:16px;position:absolute;top:-12px;width:16px}.uppy-size--md .uppy-Dashboard-uploadCount{font-size:9px;height:18px;line-height:18px;width:18px}
/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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 (4) ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: "timeline";
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7");
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7#iefix") format("embedded-opentype"), url("/assets/fonts/timeline/timeline.ttf?2dh5l7") format("truetype"), url("/assets/fonts/timeline/timeline.woff?2dh5l7") format("woff"), url("/assets/fonts/timeline/timeline.svg?2dh5l7#timeline") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=tl-icon-], [class*=" tl-icon-"],
.timeline-icons {
  font-family: "timeline";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tl-icon-break:before {
  content: "\e900";
}

.tl-icon-content:before {
  content: "\e901";
}

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

.tl-icon-questionnaire:before {
  content: "\e903";
}

.tl-icon-summarise:before {
  content: "\e904";
}

.tl-icon-task:before {
  content: "\e905";
}

@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Light.ttf?") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Medium.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Medium.ttf?") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Bold.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Bold.ttf?") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Light.ttf?") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
.cdk-global-scrollblock {
  overflow-y: auto;
  top: 0 !important;
}

.form-full-width {
  width: 100%;
}

.form-half-width {
  width: 50%;
}

.one-columns-container {
  display: flex;
  flex-direction: column;
}
.one-columns-container .column {
  width: 100%;
}

.container-2-columns {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.container-2-columns .column {
  width: calc(50% - 7px);
}
.container-2-columns .column-space {
  margin-right: 15px;
}

.container-3-columns {
  flex-direction: row;
  display: flex;
  align-items: center;
}
.container-3-columns .column {
  width: 33%;
}
.container-3-columns .column-space {
  margin-right: 15px;
}

.container-1-columns {
  display: flex;
  flex-direction: column;
}
.container-1-columns .column {
  width: 100%;
}

html, body {
  height: 100%;
  width: 100%;
  margin: 0;
  font-family: roche-sans, Roboto, Arial, sans-serif;
  color: #000000;
  box-sizing: border-box;
  overflow: hidden;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: cover !important;
}

b {
  font-weight: bold;
}

@media print {
  body {
    height: unset;
  }
}
/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
#app-nav-user-photo-btn > .mat-button-wrapper {
  padding: 0;
}

.roche-color {
  color: #3c78d8;
}

.roche-bg-color {
  background-color: #3c78d8;
  color: white;
}

.roche-bg-color-white {
  background-color: white;
  color: #3c78d8;
}

.roche-bg-color-red {
  background-color: #d9534f;
  color: white;
}

.rouche-bg-color-orange {
  background-color: #FC7723;
  color: white;
}

/*
TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.
*/
.mat-card-header-text {
  width: 100%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of input that may no longer apply for the MDC version.
*/
.one-row-form-field .mat-input-wrapper {
  margin-right: 10px;
}

.create-event-dialog-big {
  display: flex;
  justify-content: center;
}

.create-event-dialog-big-event {
  display: flex;
  justify-content: center;
  position: relative !important;
  left: calc(50% - 45vw) !important;
}

.create-event-dialog-big .mat-mdc-dialog-container {
  max-width: 1000px;
}

.create-welcome-screen-dialog-big {
  display: flex;
  justify-content: center;
  max-width: none !important;
  height: 85vh;
}

/*
.create-welcome-screen-dialog-big .mat-dialog-container {
  max-width: none;
}
*/
.create-event-dialog .mat-mdc-dialog-container {
  max-width: 100%;
}

.module-selector-container .mat-mdc-dialog-container {
  border-radius: 20px;
  padding: 24px;
}

.br-20 .mat-mdc-dialog-container .mdc-dialog__surface {
  border-radius: 20px;
}

.mat-mdc-dialog-content {
  overflow-x: hidden !important;
}

.cursor-pointer {
  cursor: pointer;
}

.cursor-default {
  cursor: default;
}

.vertical-center {
  display: flex;
  align-items: center;
}

[hidden] {
  display: none !important;
}

/*
TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.
*/
.mat-checkbox-ripple {
  height: 0 !important;
  width: 0 !important;
}

.font-comments {
  font-style: italic;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-variant-east-asian: normal;
  font-weight: 100;
  font-stretch: normal;
  font-size: 12px;
  line-height: 20px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.menu-height-220 {
  max-height: 220px;
}

/*
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline-section-menu {
  max-width: 315px;
  &.one-item {
    min-height: 45px;
  }
}
*/
.mat-mdc-menu-panel.mat-mdc-menu-panel.chat-menu {
  max-width: 315px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.pin-edit-menu {
  min-height: 45px;
  max-width: 350px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.line-path-edit-menu {
  min-height: 45px;
  max-width: 350px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.follow-me-settings-menu {
  max-width: fit-content;
  padding: 8px 40px 8px 1em;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.follow-me-settings-menu .mat-mdc-menu-content {
  display: flex;
  flex-direction: column;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.paginator-main-actions {
  background: linear-gradient(165deg, rgb(31, 31, 31) 35%, rgba(107, 107, 107, 0.93) 63%, rgba(0, 0, 0, 0.95) 88%);
  border-radius: 0;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu {
  max-width: 200px;
  overflow: hidden;
  width: 200px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu.date-mode {
  max-width: 400px;
  width: 260px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu.time-mode {
  max-width: 200px;
  min-height: 62px;
  width: 200px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu.round-param-mode {
  min-height: 44px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu.management-note-mode {
  max-width: 260px;
  width: 255px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.manage-time-date-editor-menu.day-break-mode {
  max-width: 205px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.long-menu-panel {
  max-width: 315px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.instant-group-menu-panel {
  max-width: 400px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.send-content-message {
  max-width: 320px;
  border-radius: 5px;
  min-height: auto;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.send-content-message .mat-mdc-menu-content {
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 7px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.send-content-message.personal-note {
  border-radius: 10px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.send-content-message.personal-note .mat-mdc-menu-content {
  padding-left: 15px;
  margin-right: 5px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.convert-content-menu .mat-mdc-menu-content {
  padding-top: 5px;
  padding-bottom: 5px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.no-top-bottom-padding .mat-mdc-menu-content {
  padding-top: 2px;
  padding-bottom: 2px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-icons {
  border-radius: 16px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-icons .mat-mdc-menu-content {
  padding-top: 4px;
  padding-bottom: 4px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-color {
  border-radius: 16px;
  background-color: #F1F3F5;
  box-shadow: unset;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-color .mat-mdc-menu-content {
  padding: 8px 4px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align {
  border-radius: 16px;
  background-color: #F1F3F5;
  box-shadow: unset;
  min-width: auto;
  min-height: auto !important;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list {
  display: flex;
  border-radius: 1em;
  background-color: #F1F3F5;
  align-items: center;
  padding: 4px 6px;
  gap: 2px;
  font-size: 0.9em;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button {
  background-color: transparent;
  padding: 0.5em;
  border: 0 solid #ddd;
  border-radius: 0.9em;
  font-size: 0.82em;
  display: flex;
  align-items: center;
  justify-content: center;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button .button-icon {
  font-size: 1.8em;
  color: #000000;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button:hover {
  cursor: pointer;
  background-color: #E3E3E3;
  transition: 0.2s ease;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button.active {
  background: #DBDBDB;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button.active:hover {
  background-color: #ADB5BD;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button.translate .mat-icon {
  width: 1.8em;
  height: 1.8em;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button.button-double-icon .mat-icon {
  opacity: 0.2;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-align .mat-mdc-menu-content .text-align-list .text-align-button.button-double-icon .material-icons-outlined {
  position: absolute;
  font-size: 1.8em;
}

/*
TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version.
*/
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark {
  border-radius: 16px;
  background-color: #F1F3F5;
  box-shadow: unset;
  min-height: 32px !important;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list {
  display: flex;
  flex-direction: column;
  border-radius: 16px;
  background-color: #F1F3F5;
  align-items: center;
  padding: 2px 2px;
  gap: 2px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .font-size-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .font-size-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .font-size-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .font-size-button {
  background-color: transparent;
  padding: 0.4rem;
  min-width: 1.5rem;
  border: 0 solid #ddd;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .font-size-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .font-size-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .font-size-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .font-size-button:hover {
  cursor: pointer;
  background-color: #E3E3E3;
  transition: 0.2s ease;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .font-size-button.active,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .font-size-button.active,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .font-size-button.active,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .font-size-button.active {
  background: #DBDBDB;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .font-size-button.active:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .font-size-button.active:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .font-size-button.active:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .font-size-button.active:hover {
  background-color: #ADB5BD;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button {
  background-color: transparent;
  padding: 0.4rem 0.6rem;
  min-width: 1.5rem;
  border: 0 solid #ddd;
  border-radius: 12px;
  display: flex;
  align-items: center;
  width: 100%;
  text-align: left;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button:hover {
  cursor: pointer;
  background-color: #E3E3E3;
  transition: 0.2s ease;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button.active,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button.active,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button.active,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button.active {
  background: #DBDBDB;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button.active:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button.active:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button.active:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button.active:hover {
  background-color: #ADB5BD;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button.sub-menu-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button.sub-menu-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button.sub-menu-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button.sub-menu-button {
  position: relative;
  padding-right: 25px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button.sub-menu-button:after,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button.sub-menu-button:after,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button.sub-menu-button:after,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button.sub-menu-button:after {
  content: "🞂";
  color: #000000;
  font-size: 12px;
  position: absolute;
  right: 8px;
  top: 5px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button .mark-button-caption,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button .mark-button-caption,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button .mark-button-caption,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button .mark-button-caption {
  display: flex;
  align-items: center;
  gap: 5px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .mark-button .mark-button-caption mat-icon,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .mark-button .mark-button-caption mat-icon,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .mark-button .mark-button-caption mat-icon,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .mark-button .mark-button-caption mat-icon {
  color: rgba(0, 0, 0, 0.56);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .ai-text-operation-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .ai-text-operation-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .ai-text-operation-button,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .ai-text-operation-button {
  background-color: transparent;
  padding: 0.6rem;
  min-width: 1.5rem;
  border: 0 solid #ddd;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: left;
  width: 100%;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .font-size-list .ai-text-operation-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-text-font-size .mat-mdc-menu-content .mark-list .ai-text-operation-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .font-size-list .ai-text-operation-button:hover,
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-mark .mat-mdc-menu-content .mark-list .ai-text-operation-button:hover {
  cursor: pointer;
  background-color: #E3E3E3;
  transition: 0.2s ease;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-background-color {
  border-radius: 16px;
  background-color: #F1F3F5;
  min-width: 50px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-select-number {
  border-radius: 16px;
  background-color: #F1F3F5;
  min-width: 50px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.content-container-toolbar-menu {
  border-radius: 10px;
  --mat-mdc-menu__panel-max-width: 330px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.content-container-toolbar-menu .mat-mdc-menu-content {
  background-color: #F1F3F5;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.content-container-toolbar-menu.no-shadow {
  box-shadow: none;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.content-container-toolbar-menu.border-radius-20 {
  border-radius: 20px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.desktop-create-event-wizard {
  display: none;
  pointer-events: none;
}

.mat-elevation-z4.select-color {
  border: 1px solid rgba(211, 211, 211, 0.6705882353);
  box-shadow: none;
  border-radius: 0 !important;
  max-width: 155px;
}

.mat-elevation-z4.select-color {
  max-width: 275px;
}

.mat-elevation-z2.send-content-message {
  box-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), 2px -2px 1px -2px rgba(0, 0, 0, 0.2), -2px -2px 1px -2px rgba(0, 0, 0, 0.2);
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.menu-sort-and-filter {
  max-width: 500px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.dashboard-menu-filter {
  max-width: 300px;
}

.mat-elevation-z2.menu-sort-and-filter {
  box-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), 2px -2px 1px -2px rgba(0, 0, 0, 0.2), -2px -2px 1px -2px rgba(0, 0, 0, 0.2);
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.default-wrap-up-delta {
  max-width: 315px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.toolbar-social-panel {
  max-width: max-content;
}

/*
TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.
*/
.hour.value-null .mat-select-value .mat-select-value-text {
  float: right;
}

/*
TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.
*/
.minute.value-null .mat-select-value .mat-select-value-text {
  float: left;
}

.select-user-filter {
  overflow-y: hidden !important;
}

.mat-mdc-table-row-first-last-of-type .mat-mdc-cell:first-of-type {
  padding-left: 0;
}
.mat-mdc-table-row-first-last-of-type mat-cell:last-of-type {
  padding-right: 0;
}
.mat-mdc-table-row-first-last-of-type mat-header-cell:first-of-type {
  padding-left: 0;
}
.mat-mdc-table-row-first-last-of-type mat-header-cell:last-of-type {
  padding-right: 0;
}

.uppy-Dashboard--modal {
  z-index: 1000000000 !important;
  position: fixed;
}

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 20000 !important;
}

.cdk-overlay-container {
  z-index: 1000000000;
}

.scroll-icon-full-screen {
  color: #3c78d8;
  top: 1px;
  position: absolute;
  left: 1px;
  width: 43px;
  height: 43px;
  line-height: 43px;
  text-align: center;
  font-size: 35px;
}
.scroll-icon-full-screen.prev {
  transform: rotate(180deg);
  left: 0;
}

.html-text-editor-textarea b {
  font-weight: bold;
}
.html-text-editor-textarea ul {
  list-style: none;
  padding-left: 22px;
}
.html-text-editor-textarea ul li {
  list-style: none;
  position: relative;
}
.html-text-editor-textarea ul li:before {
  content: ".";
  width: 7px;
  height: 7px;
  background: #3c78d8;
  color: transparent;
  position: absolute;
  top: 5px;
  left: -21px;
}
.html-text-editor-textarea ul ul li:before {
  background: #000000;
  width: 9px;
  height: 1px;
  top: 8px;
}
.html-text-editor-textarea ul ul ul {
  padding-left: 16px;
}
.html-text-editor-textarea ul ul ul li:before {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  top: 5px;
  left: -16px;
}
.html-text-editor-textarea ol {
  list-style: none;
  padding-left: 0;
  counter-reset: list1;
}
.html-text-editor-textarea ol li {
  position: relative;
  padding-left: 21px;
}
.html-text-editor-textarea ol li:before {
  position: absolute;
  counter-increment: list1;
  content: counter(list1) " ";
  left: 0;
}
.html-text-editor-textarea ol ol {
  counter-reset: list2;
}
.html-text-editor-textarea ol ol li {
  position: relative;
  padding-left: 50px;
}
.html-text-editor-textarea ol ol li:before {
  position: absolute;
  counter-increment: list2;
  content: counter(list1) "." counter(list2);
  left: 21px;
}
.html-text-editor-textarea ol ol ol {
  padding-left: 66px;
  counter-reset: list2;
}
.html-text-editor-textarea ol ol ol li {
  position: relative;
  padding-left: 0;
}
.html-text-editor-textarea ol ol ol li:before {
  position: absolute;
  content: ".";
  border-radius: 50%;
  background: #000000;
  min-width: 7px;
  height: 7px;
  top: 5px;
  left: -16px;
  color: transparent;
}
.html-text-editor-textarea ol ol ol ol {
  padding-left: 0;
  counter-reset: list3;
}
.html-text-editor-textarea ol ol ol ol li {
  position: relative;
  padding-left: 20px;
}
.html-text-editor-textarea ol ol ol ol li:before {
  all: initial;
  position: absolute;
  counter-increment: list3;
  content: counter(list3);
  font: inherit;
  left: 0;
}
.html-text-editor-textarea ol ol ol ol ol {
  counter-reset: list3;
  padding-left: 20px;
}
.html-text-editor-textarea ol ol ol ol ol li:before {
  counter-increment: list3;
  content: counter(list3);
}

.editor.detail-mode .html-text-editor-textarea b {
  font-weight: bold;
}
.editor.detail-mode .html-text-editor-textarea.read-only ul {
  list-style: none;
  padding-left: 37px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ul li {
  list-style: none;
  position: relative;
}
.editor.detail-mode .html-text-editor-textarea.read-only ul li:before {
  content: ".";
  width: 12px;
  height: 12px;
  background: #3c78d8;
  color: transparent;
  position: absolute;
  top: calc(1.9vmin - 6px);
  left: -36px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ul ul li:before {
  background: #000000;
  width: 21px;
  height: 1px;
  top: calc(1.9vmin - 1px);
}
.editor.detail-mode .html-text-editor-textarea.read-only ul ul ul {
  padding-left: 29px;
  font-size: 2.4vmin;
}
.editor.detail-mode .html-text-editor-textarea.read-only ul ul ul li:before {
  border-radius: 50%;
  width: 7px;
  height: 7px;
  line-height: 7px;
  top: calc(1.9vmin - 3.5px);
  left: -28px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol {
  list-style: none;
  padding-left: 0;
  counter-reset: list1;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol li {
  position: relative;
  padding-left: 35px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol li:before {
  position: absolute;
  counter-increment: list1;
  content: counter(list1) " ";
  left: 0;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol {
  counter-reset: list2;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol li {
  position: relative;
  padding-left: 89px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol li:before {
  position: absolute;
  counter-increment: list2;
  content: counter(list1) "." counter(list2);
  left: 35px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol {
  padding-left: 93px;
  counter-reset: list2;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol li {
  position: relative;
  padding-left: 25px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol li:before {
  position: absolute;
  content: ".";
  border-radius: 50%;
  background: #000000;
  min-width: 7px;
  height: 7px;
  top: calc(1.9vmin - 3.5px);
  left: -4px;
  color: transparent;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol {
  padding-left: 0;
  counter-reset: list3;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol li {
  padding-left: 60px;
  position: relative;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol li:before {
  all: initial;
  position: absolute;
  counter-increment: list3;
  content: counter(list3);
  font: inherit;
  left: 24px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol ol {
  counter-reset: list3;
  padding-left: 36px;
}
.editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol ol li:before {
  counter-increment: list3;
  content: counter(list3);
}

.gallery-action-icon {
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  background-position: center;
  background-size: 100%;
  background-repeat: no-repeat;
}
.gallery-action-icon.preview-icon {
  width: 25px;
  height: 25px;
  background-size: 85%;
  background-color: rgba(255, 255, 255, 0.7);
  position: relative;
}
.select-filter-type-panel {
  max-height: 75% !important;
}

.select-filter-status-panel {
  max-width: 330px !important;
}

/*
TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.
*/
.mat-select-support {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

svg.draw-svg-container path.draggable:hover {
  stroke: #868080 !important;
  stroke-opacity: 1 !important;
}

.social-tooltip-panel {
  position: relative;
  overflow: visible !important;
  font-size: 12px;
  max-width: 120px !important;
}

@media (max-width: 767px) {
  .mat-mdc-menu-panel.mat-mdc-menu-panel.menu-sort-and-filter {
    max-width: 369px;
  }
  .mat-mdc-menu-panel.mat-mdc-menu-panel.desktop-create-event-wizard {
    display: block;
    pointer-events: all;
  }
  .select-filter-type-panel {
    max-height: 256px !important;
  }
  .editor.detail-mode .html-text-editor-textarea b {
    font-weight: bold;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ul {
    list-style: none;
    padding-left: 37px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ul li {
    list-style: none;
    position: relative;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ul li:before {
    content: ".";
    width: 12px;
    height: 12px;
    background: #3c78d8;
    color: transparent;
    position: absolute;
    top: calc(2.9vmin - 6px);
    left: -36px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ul ul li:before {
    background: #000000;
    width: 21px;
    height: 1px;
    top: calc(2.9vmin - 1px);
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ul ul ul {
    padding-left: 29px;
    font-size: 3.4vmin;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ul ul ul li:before {
    border-radius: 50%;
    width: 7px;
    height: 7px;
    line-height: 7px;
    top: calc(2.2vmin - 3.5px);
    left: -28px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol {
    list-style: none;
    padding-left: 0;
    counter-reset: list1;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol li {
    list-style: none;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol li:before {
    position: relative;
    counter-increment: list1;
    content: counter(list1) " ";
    top: 0;
    left: 0;
    margin-right: 10px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol {
    counter-reset: list2;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol li {
    padding-left: 57px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol li:before {
    counter-increment: list2;
    content: counter(list1) "." counter(list2);
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol {
    padding-left: 93px;
    counter-reset: list2;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol li {
    position: relative;
    padding-left: 10px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol li:before {
    position: absolute;
    content: ".";
    border-radius: 50%;
    background: #000000;
    min-width: 7px;
    height: 7px;
    top: calc(2.9vmin - 3.5px);
    left: -17px;
    color: transparent;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol {
    padding-left: 0;
    counter-reset: list3;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol li {
    position: relative;
    padding-left: 28px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol li:before {
    all: initial;
    position: absolute;
    counter-increment: list3;
    content: counter(list3);
    font: inherit;
    left: 9px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol ol {
    counter-reset: list4;
    padding-left: 20px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol ol li {
    padding-left: 33px;
  }
  .editor.detail-mode .html-text-editor-textarea.read-only ol ol ol ol ol li:before {
    counter-increment: list4;
    content: counter(list3) "." counter(list4);
  }
}
/* IE12+ styles */
@supports (-ms-ime-align: auto) {
  .mat-mdc-menu-panel.mat-mdc-menu-panel.ie-moods-menu-panel {
    overflow: hidden;
  }
  .mat-mdc-menu-panel.mat-mdc-menu-panel.send-content-message {
    overflow: hidden;
  }
}
.conference-settings-dialog .mat-mdc-dialog-container {
  border-radius: 20px;
}

.timeline-dialog-radius .mat-mdc-dialog-container {
  border-radius: 20px;
}

.timeline-dialog-padding .mdc-dialog__surface {
  box-sizing: border-box;
  padding: 24px;
}

mat-spinner[customSpinner] svg circle {
  stroke: white;
}

mat-spinner[tlSpinner] svg circle {
  stroke: #FC7723;
}

mat-spinner[tlAISpinner] svg circle {
  stroke: #CE44FF;
}

mat-spinner[tlGreySpinner] svg circle {
  stroke: #ADB5BD;
}

#textEditor hotspot,
.text-note-content hotspot {
  background-color: rgba(255, 165, 0, 0.2);
  cursor: pointer;
  position: relative;
  border-radius: 16px;
}
#textEditor hotspot:hover,
.text-note-content hotspot:hover {
  background-color: rgba(255, 186, 143, 0.937254902);
}
#textEditor hotspot[data-incorrect],
.text-note-content hotspot[data-incorrect] {
  -webkit-text-decoration: #F64040 wavy underline;
          text-decoration: #F64040 wavy underline;
  -webkit-text-decoration-skip-ink: none;
          text-decoration-skip-ink: none;
}
#textEditor hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id]),
.text-note-content hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id]) {
  padding: 0 0 0 10px;
}
#textEditor hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id]):before,
.text-note-content hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id]):before {
  content: attr(data-order_number);
  color: #FC7723;
  font-size: inherit;
  padding-right: 5px;
  font-weight: bold;
}
#textEditor hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id]):after,
.text-note-content hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id]):after {
  content: "▲";
  color: #FC7723;
  padding: 0 2px;
  transform: rotate(90deg);
  display: inline-block;
}
#textEditor hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id])[audio_is_playing=true]:after, #textEditor hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id])[video_is_playing=true]:after,
.text-note-content hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id])[audio_is_playing=true]:after,
.text-note-content hotspot[data-audio_id]:not([data-text_annotation_id]):not([data-video_annotation_id])[video_is_playing=true]:after {
  content: "═";
  padding: 0;
  margin: 0 4px 0 6px;
  transform: rotate(-90deg);
}
#textEditor hotspot[data-text_annotation_id], #textEditor hotspot[data-video_annotation_id],
.text-note-content hotspot[data-text_annotation_id],
.text-note-content hotspot[data-video_annotation_id] {
  padding: 0 4px;
}
#textEditor hotspot[data-text_annotation_id]:not([data-audio_id]), #textEditor hotspot[data-video_annotation_id]:not([data-audio_id]),
.text-note-content hotspot[data-text_annotation_id]:not([data-audio_id]),
.text-note-content hotspot[data-video_annotation_id]:not([data-audio_id]) {
  padding-right: 10px;
}
#textEditor hotspot[data-text_annotation_id]:before, #textEditor hotspot[data-video_annotation_id]:before,
.text-note-content hotspot[data-text_annotation_id]:before,
.text-note-content hotspot[data-video_annotation_id]:before {
  content: attr(data-order_number);
  color: #FC7723;
  font-size: inherit;
  padding: 0 5px;
  font-weight: bold;
}
#textEditor hotspot[data-text_annotation_id][data-audio_id]:after, #textEditor hotspot[data-text_annotation_id][data-video_annotation_id]:after, #textEditor hotspot[data-video_annotation_id][data-audio_id]:after, #textEditor hotspot[data-video_annotation_id][data-video_annotation_id]:after,
.text-note-content hotspot[data-text_annotation_id][data-audio_id]:after,
.text-note-content hotspot[data-text_annotation_id][data-video_annotation_id]:after,
.text-note-content hotspot[data-video_annotation_id][data-audio_id]:after,
.text-note-content hotspot[data-video_annotation_id][data-video_annotation_id]:after {
  content: "▲";
  color: #FC7723;
  padding: 0 2px;
  transform: rotate(90deg);
  display: inline-block;
}
#textEditor hotspot[data-text_annotation_id][data-audio_id][audio_is_playing=true]:after, #textEditor hotspot[data-text_annotation_id][data-audio_id][video_is_playing=true]:after, #textEditor hotspot[data-text_annotation_id][data-video_annotation_id][audio_is_playing=true]:after, #textEditor hotspot[data-text_annotation_id][data-video_annotation_id][video_is_playing=true]:after, #textEditor hotspot[data-video_annotation_id][data-audio_id][audio_is_playing=true]:after, #textEditor hotspot[data-video_annotation_id][data-audio_id][video_is_playing=true]:after, #textEditor hotspot[data-video_annotation_id][data-video_annotation_id][audio_is_playing=true]:after, #textEditor hotspot[data-video_annotation_id][data-video_annotation_id][video_is_playing=true]:after,
.text-note-content hotspot[data-text_annotation_id][data-audio_id][audio_is_playing=true]:after,
.text-note-content hotspot[data-text_annotation_id][data-audio_id][video_is_playing=true]:after,
.text-note-content hotspot[data-text_annotation_id][data-video_annotation_id][audio_is_playing=true]:after,
.text-note-content hotspot[data-text_annotation_id][data-video_annotation_id][video_is_playing=true]:after,
.text-note-content hotspot[data-video_annotation_id][data-audio_id][audio_is_playing=true]:after,
.text-note-content hotspot[data-video_annotation_id][data-audio_id][video_is_playing=true]:after,
.text-note-content hotspot[data-video_annotation_id][data-video_annotation_id][audio_is_playing=true]:after,
.text-note-content hotspot[data-video_annotation_id][data-video_annotation_id][video_is_playing=true]:after {
  content: "═";
  padding: 0;
  margin: 0 4px 0 6px;
  transform: rotate(-90deg);
}
#textEditor hotspot[data-audio_id][data-text_annotation_id], #textEditor hotspot[data-audio_id][data-vieo_annotation_id],
.text-note-content hotspot[data-audio_id][data-text_annotation_id],
.text-note-content hotspot[data-audio_id][data-vieo_annotation_id] {
  padding: 0 2px 0 4px;
}
#textEditor hotspot[data-audio_id][data-text_annotation_id]:before, #textEditor hotspot[data-audio_id][data-vieo_annotation_id]:before,
.text-note-content hotspot[data-audio_id][data-text_annotation_id]:before,
.text-note-content hotspot[data-audio_id][data-vieo_annotation_id]:before {
  content: attr(data-order_number);
  color: #FC7723;
  font-size: inherit;
  padding: 0 5px;
  font-weight: bold;
}
#textEditor hotspot[data-audio_id][data-text_annotation_id]:after, #textEditor hotspot[data-audio_id][data-vieo_annotation_id]:after,
.text-note-content hotspot[data-audio_id][data-text_annotation_id]:after,
.text-note-content hotspot[data-audio_id][data-vieo_annotation_id]:after {
  content: "▲";
  color: #FC7723;
  padding: 0 2px;
  transform: rotate(90deg);
  display: inline-block;
}
#textEditor hotspot[data-audio_id][data-text_annotation_id][audio_is_playing=true]:after, #textEditor hotspot[data-audio_id][data-text_annotation_id][video_is_playing=true]:after, #textEditor hotspot[data-audio_id][data-vieo_annotation_id][audio_is_playing=true]:after, #textEditor hotspot[data-audio_id][data-vieo_annotation_id][video_is_playing=true]:after,
.text-note-content hotspot[data-audio_id][data-text_annotation_id][audio_is_playing=true]:after,
.text-note-content hotspot[data-audio_id][data-text_annotation_id][video_is_playing=true]:after,
.text-note-content hotspot[data-audio_id][data-vieo_annotation_id][audio_is_playing=true]:after,
.text-note-content hotspot[data-audio_id][data-vieo_annotation_id][video_is_playing=true]:after {
  content: "═";
  padding: 0;
  margin: 0 4px 0 6px;
  transform: rotate(-90deg);
}
#textEditor hotspot[data-loading]:before,
.text-note-content hotspot[data-loading]:before {
  content: "◐";
  animation: load 2s linear infinite;
}
@keyframes load {
  33% {
    content: "◓";
  }
  66% {
    content: "◑";
  }
  100% {
    content: "◒";
  }
}

.column-range-line {
  position: relative;
}
.column-range-line::after {
  content: "";
  background-image: linear-gradient(to bottom, #FC7723 0%, #FC7723 33%, transparent 0%);
  background-size: 100% 4px;
  background-repeat: repeat-y;
  background-position: 0;
  height: 100%;
  width: 1px;
  position: absolute;
  right: -1px;
  z-index: 100;
}
.column-range-line.warning::after {
  background-image: linear-gradient(to bottom, #EF4444 0%, #EF4444 33%, transparent 0%);
  width: 2px;
  z-index: 100000;
  right: -2px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-resume {
  border-radius: 16px;
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1019607843);
  overflow-x: hidden;
  padding: 4px 8px 4px 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-resume .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-resume .mat-mdc-menu-content .item-button {
  padding: 0 12px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-resume .mat-mdc-menu-content .mat-mdc-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  white-space: nowrap;
  font-weight: 500;
  color: #343A40;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-resume .mat-mdc-menu-content .divider {
  margin: 0 12px;
}

.p-0 {
  padding: 0px !important;
}

.p-1 {
  padding: 1px !important;
}

.p-2 {
  padding: 2px !important;
}

.p-3 {
  padding: 3px !important;
}

.p-4 {
  padding: 4px !important;
}

.p-5 {
  padding: 5px !important;
}

.p-6 {
  padding: 6px !important;
}

.p-7 {
  padding: 7px !important;
}

.p-8 {
  padding: 8px !important;
}

.p-9 {
  padding: 9px !important;
}

.p-10 {
  padding: 10px !important;
}

.p-12 {
  padding: 12px !important;
}

.p-14 {
  padding: 14px !important;
}

.p-15 {
  padding: 15px !important;
}

.p-16 {
  padding: 16px !important;
}

.p-18 {
  padding: 18px !important;
}

.p-20 {
  padding: 20px !important;
}

.p-25 {
  padding: 25px !important;
}

.p-30 {
  padding: 30px !important;
}

.p-35 {
  padding: 35px !important;
}

.p-40 {
  padding: 40px !important;
}

.p-45 {
  padding: 45px !important;
}

.p-50 {
  padding: 50px !important;
}

.p-0em {
  padding: 0em;
}

.p-1em {
  padding: 1em;
}

.p-2em {
  padding: 2em;
}

.p-3em {
  padding: 3em;
}

.p-4em {
  padding: 4em;
}

.p-5em {
  padding: 5em;
}

.p-6em {
  padding: 6em;
}

.p-7em {
  padding: 7em;
}

.p-8em {
  padding: 8em;
}

.p-9em {
  padding: 9em;
}

.p-10em {
  padding: 10em;
}

.p-15em {
  padding: 15em;
}

.p-20em {
  padding: 20em;
}

.p-25em {
  padding: 25em;
}

.p-30em {
  padding: 30em;
}

.p-35em {
  padding: 35em;
}

.p-40em {
  padding: 40em;
}

.p-45em {
  padding: 45em;
}

.p-50em {
  padding: 50em;
}

.p-0rem {
  padding: 0rem;
}

.p-1rem {
  padding: 1rem;
}

.p-2rem {
  padding: 2rem;
}

.p-3rem {
  padding: 3rem;
}

.p-4rem {
  padding: 4rem;
}

.p-5rem {
  padding: 5rem;
}

.p-6rem {
  padding: 6rem;
}

.p-7rem {
  padding: 7rem;
}

.p-8rem {
  padding: 8rem;
}

.p-9rem {
  padding: 9rem;
}

.p-10rem {
  padding: 10rem;
}

.p-15rem {
  padding: 15rem;
}

.p-20rem {
  padding: 20rem;
}

.p-25rem {
  padding: 25rem;
}

.p-30rem {
  padding: 30rem;
}

.p-35rem {
  padding: 35rem;
}

.p-40rem {
  padding: 40rem;
}

.p-45rem {
  padding: 45rem;
}

.p-50rem {
  padding: 50rem;
}

.pt-0 {
  padding-top: 0px !important;
}

.pt-1 {
  padding-top: 1px !important;
}

.pt-2 {
  padding-top: 2px !important;
}

.pt-3 {
  padding-top: 3px !important;
}

.pt-4 {
  padding-top: 4px !important;
}

.pt-5 {
  padding-top: 5px !important;
}

.pt-6 {
  padding-top: 6px !important;
}

.pt-7 {
  padding-top: 7px !important;
}

.pt-8 {
  padding-top: 8px !important;
}

.pt-9 {
  padding-top: 9px !important;
}

.pt-10 {
  padding-top: 10px !important;
}

.pt-12 {
  padding-top: 12px !important;
}

.pt-14 {
  padding-top: 14px !important;
}

.pt-15 {
  padding-top: 15px !important;
}

.pt-16 {
  padding-top: 16px !important;
}

.pt-18 {
  padding-top: 18px !important;
}

.pt-20 {
  padding-top: 20px !important;
}

.pt-25 {
  padding-top: 25px !important;
}

.pt-30 {
  padding-top: 30px !important;
}

.pt-35 {
  padding-top: 35px !important;
}

.pt-40 {
  padding-top: 40px !important;
}

.pt-45 {
  padding-top: 45px !important;
}

.pt-50 {
  padding-top: 50px !important;
}

.pt-0em {
  padding-top: 0em;
}

.pt-1em {
  padding-top: 1em;
}

.pt-2em {
  padding-top: 2em;
}

.pt-3em {
  padding-top: 3em;
}

.pt-4em {
  padding-top: 4em;
}

.pt-5em {
  padding-top: 5em;
}

.pt-6em {
  padding-top: 6em;
}

.pt-7em {
  padding-top: 7em;
}

.pt-8em {
  padding-top: 8em;
}

.pt-9em {
  padding-top: 9em;
}

.pt-10em {
  padding-top: 10em;
}

.pt-15em {
  padding-top: 15em;
}

.pt-20em {
  padding-top: 20em;
}

.pt-25em {
  padding-top: 25em;
}

.pt-30em {
  padding-top: 30em;
}

.pt-35em {
  padding-top: 35em;
}

.pt-40em {
  padding-top: 40em;
}

.pt-45em {
  padding-top: 45em;
}

.pt-50em {
  padding-top: 50em;
}

.pt-0rem {
  padding-top: 0rem;
}

.pt-1rem {
  padding-top: 1rem;
}

.pt-2rem {
  padding-top: 2rem;
}

.pt-3rem {
  padding-top: 3rem;
}

.pt-4rem {
  padding-top: 4rem;
}

.pt-5rem {
  padding-top: 5rem;
}

.pt-6rem {
  padding-top: 6rem;
}

.pt-7rem {
  padding-top: 7rem;
}

.pt-8rem {
  padding-top: 8rem;
}

.pt-9rem {
  padding-top: 9rem;
}

.pt-10rem {
  padding-top: 10rem;
}

.pt-15rem {
  padding-top: 15rem;
}

.pt-20rem {
  padding-top: 20rem;
}

.pt-25rem {
  padding-top: 25rem;
}

.pt-30rem {
  padding-top: 30rem;
}

.pt-35rem {
  padding-top: 35rem;
}

.pt-40rem {
  padding-top: 40rem;
}

.pt-45rem {
  padding-top: 45rem;
}

.pt-50rem {
  padding-top: 50rem;
}

.pr-0 {
  padding-right: 0px !important;
}

.pr-1 {
  padding-right: 1px !important;
}

.pr-2 {
  padding-right: 2px !important;
}

.pr-3 {
  padding-right: 3px !important;
}

.pr-4 {
  padding-right: 4px !important;
}

.pr-5 {
  padding-right: 5px !important;
}

.pr-6 {
  padding-right: 6px !important;
}

.pr-7 {
  padding-right: 7px !important;
}

.pr-8 {
  padding-right: 8px !important;
}

.pr-9 {
  padding-right: 9px !important;
}

.pr-10 {
  padding-right: 10px !important;
}

.pr-12 {
  padding-right: 12px !important;
}

.pr-14 {
  padding-right: 14px !important;
}

.pr-15 {
  padding-right: 15px !important;
}

.pr-16 {
  padding-right: 16px !important;
}

.pr-18 {
  padding-right: 18px !important;
}

.pr-20 {
  padding-right: 20px !important;
}

.pr-25 {
  padding-right: 25px !important;
}

.pr-30 {
  padding-right: 30px !important;
}

.pr-35 {
  padding-right: 35px !important;
}

.pr-40 {
  padding-right: 40px !important;
}

.pr-45 {
  padding-right: 45px !important;
}

.pr-50 {
  padding-right: 50px !important;
}

.pr-0em {
  padding-right: 0em;
}

.pr-1em {
  padding-right: 1em;
}

.pr-2em {
  padding-right: 2em;
}

.pr-3em {
  padding-right: 3em;
}

.pr-4em {
  padding-right: 4em;
}

.pr-5em {
  padding-right: 5em;
}

.pr-6em {
  padding-right: 6em;
}

.pr-7em {
  padding-right: 7em;
}

.pr-8em {
  padding-right: 8em;
}

.pr-9em {
  padding-right: 9em;
}

.pr-10em {
  padding-right: 10em;
}

.pr-15em {
  padding-right: 15em;
}

.pr-20em {
  padding-right: 20em;
}

.pr-25em {
  padding-right: 25em;
}

.pr-30em {
  padding-right: 30em;
}

.pr-35em {
  padding-right: 35em;
}

.pr-40em {
  padding-right: 40em;
}

.pr-45em {
  padding-right: 45em;
}

.pr-50em {
  padding-right: 50em;
}

.pr-0rem {
  padding-right: 0rem;
}

.pr-1rem {
  padding-right: 1rem;
}

.pr-2rem {
  padding-right: 2rem;
}

.pr-3rem {
  padding-right: 3rem;
}

.pr-4rem {
  padding-right: 4rem;
}

.pr-5rem {
  padding-right: 5rem;
}

.pr-6rem {
  padding-right: 6rem;
}

.pr-7rem {
  padding-right: 7rem;
}

.pr-8rem {
  padding-right: 8rem;
}

.pr-9rem {
  padding-right: 9rem;
}

.pr-10rem {
  padding-right: 10rem;
}

.pr-15rem {
  padding-right: 15rem;
}

.pr-20rem {
  padding-right: 20rem;
}

.pr-25rem {
  padding-right: 25rem;
}

.pr-30rem {
  padding-right: 30rem;
}

.pr-35rem {
  padding-right: 35rem;
}

.pr-40rem {
  padding-right: 40rem;
}

.pr-45rem {
  padding-right: 45rem;
}

.pr-50rem {
  padding-right: 50rem;
}

.pb-0 {
  padding-bottom: 0px !important;
}

.pb-1 {
  padding-bottom: 1px !important;
}

.pb-2 {
  padding-bottom: 2px !important;
}

.pb-3 {
  padding-bottom: 3px !important;
}

.pb-4 {
  padding-bottom: 4px !important;
}

.pb-5 {
  padding-bottom: 5px !important;
}

.pb-6 {
  padding-bottom: 6px !important;
}

.pb-7 {
  padding-bottom: 7px !important;
}

.pb-8 {
  padding-bottom: 8px !important;
}

.pb-9 {
  padding-bottom: 9px !important;
}

.pb-10 {
  padding-bottom: 10px !important;
}

.pb-12 {
  padding-bottom: 12px !important;
}

.pb-14 {
  padding-bottom: 14px !important;
}

.pb-15 {
  padding-bottom: 15px !important;
}

.pb-16 {
  padding-bottom: 16px !important;
}

.pb-18 {
  padding-bottom: 18px !important;
}

.pb-20 {
  padding-bottom: 20px !important;
}

.pb-25 {
  padding-bottom: 25px !important;
}

.pb-30 {
  padding-bottom: 30px !important;
}

.pb-35 {
  padding-bottom: 35px !important;
}

.pb-40 {
  padding-bottom: 40px !important;
}

.pb-45 {
  padding-bottom: 45px !important;
}

.pb-50 {
  padding-bottom: 50px !important;
}

.pb-0em {
  padding-bottom: 0em;
}

.pb-1em {
  padding-bottom: 1em;
}

.pb-2em {
  padding-bottom: 2em;
}

.pb-3em {
  padding-bottom: 3em;
}

.pb-4em {
  padding-bottom: 4em;
}

.pb-5em {
  padding-bottom: 5em;
}

.pb-6em {
  padding-bottom: 6em;
}

.pb-7em {
  padding-bottom: 7em;
}

.pb-8em {
  padding-bottom: 8em;
}

.pb-9em {
  padding-bottom: 9em;
}

.pb-10em {
  padding-bottom: 10em;
}

.pb-15em {
  padding-bottom: 15em;
}

.pb-20em {
  padding-bottom: 20em;
}

.pb-25em {
  padding-bottom: 25em;
}

.pb-30em {
  padding-bottom: 30em;
}

.pb-35em {
  padding-bottom: 35em;
}

.pb-40em {
  padding-bottom: 40em;
}

.pb-45em {
  padding-bottom: 45em;
}

.pb-50em {
  padding-bottom: 50em;
}

.pb-0rem {
  padding-bottom: 0rem;
}

.pb-1rem {
  padding-bottom: 1rem;
}

.pb-2rem {
  padding-bottom: 2rem;
}

.pb-3rem {
  padding-bottom: 3rem;
}

.pb-4rem {
  padding-bottom: 4rem;
}

.pb-5rem {
  padding-bottom: 5rem;
}

.pb-6rem {
  padding-bottom: 6rem;
}

.pb-7rem {
  padding-bottom: 7rem;
}

.pb-8rem {
  padding-bottom: 8rem;
}

.pb-9rem {
  padding-bottom: 9rem;
}

.pb-10rem {
  padding-bottom: 10rem;
}

.pb-15rem {
  padding-bottom: 15rem;
}

.pb-20rem {
  padding-bottom: 20rem;
}

.pb-25rem {
  padding-bottom: 25rem;
}

.pb-30rem {
  padding-bottom: 30rem;
}

.pb-35rem {
  padding-bottom: 35rem;
}

.pb-40rem {
  padding-bottom: 40rem;
}

.pb-45rem {
  padding-bottom: 45rem;
}

.pb-50rem {
  padding-bottom: 50rem;
}

.pl-0 {
  padding-left: 0px !important;
}

.pl-1 {
  padding-left: 1px !important;
}

.pl-2 {
  padding-left: 2px !important;
}

.pl-3 {
  padding-left: 3px !important;
}

.pl-4 {
  padding-left: 4px !important;
}

.pl-5 {
  padding-left: 5px !important;
}

.pl-6 {
  padding-left: 6px !important;
}

.pl-7 {
  padding-left: 7px !important;
}

.pl-8 {
  padding-left: 8px !important;
}

.pl-9 {
  padding-left: 9px !important;
}

.pl-10 {
  padding-left: 10px !important;
}

.pl-12 {
  padding-left: 12px !important;
}

.pl-14 {
  padding-left: 14px !important;
}

.pl-15 {
  padding-left: 15px !important;
}

.pl-16 {
  padding-left: 16px !important;
}

.pl-18 {
  padding-left: 18px !important;
}

.pl-20 {
  padding-left: 20px !important;
}

.pl-25 {
  padding-left: 25px !important;
}

.pl-30 {
  padding-left: 30px !important;
}

.pl-35 {
  padding-left: 35px !important;
}

.pl-40 {
  padding-left: 40px !important;
}

.pl-45 {
  padding-left: 45px !important;
}

.pl-50 {
  padding-left: 50px !important;
}

.pl-0em {
  padding-left: 0em;
}

.pl-1em {
  padding-left: 1em;
}

.pl-2em {
  padding-left: 2em;
}

.pl-3em {
  padding-left: 3em;
}

.pl-4em {
  padding-left: 4em;
}

.pl-5em {
  padding-left: 5em;
}

.pl-6em {
  padding-left: 6em;
}

.pl-7em {
  padding-left: 7em;
}

.pl-8em {
  padding-left: 8em;
}

.pl-9em {
  padding-left: 9em;
}

.pl-10em {
  padding-left: 10em;
}

.pl-15em {
  padding-left: 15em;
}

.pl-20em {
  padding-left: 20em;
}

.pl-25em {
  padding-left: 25em;
}

.pl-30em {
  padding-left: 30em;
}

.pl-35em {
  padding-left: 35em;
}

.pl-40em {
  padding-left: 40em;
}

.pl-45em {
  padding-left: 45em;
}

.pl-50em {
  padding-left: 50em;
}

.pl-0rem {
  padding-left: 0rem;
}

.pl-1rem {
  padding-left: 1rem;
}

.pl-2rem {
  padding-left: 2rem;
}

.pl-3rem {
  padding-left: 3rem;
}

.pl-4rem {
  padding-left: 4rem;
}

.pl-5rem {
  padding-left: 5rem;
}

.pl-6rem {
  padding-left: 6rem;
}

.pl-7rem {
  padding-left: 7rem;
}

.pl-8rem {
  padding-left: 8rem;
}

.pl-9rem {
  padding-left: 9rem;
}

.pl-10rem {
  padding-left: 10rem;
}

.pl-15rem {
  padding-left: 15rem;
}

.pl-20rem {
  padding-left: 20rem;
}

.pl-25rem {
  padding-left: 25rem;
}

.pl-30rem {
  padding-left: 30rem;
}

.pl-35rem {
  padding-left: 35rem;
}

.pl-40rem {
  padding-left: 40rem;
}

.pl-45rem {
  padding-left: 45rem;
}

.pl-50rem {
  padding-left: 50rem;
}

.m-0 {
  margin: 0px !important;
}

.m-1 {
  margin: 1px !important;
}

.m-2 {
  margin: 2px !important;
}

.m-3 {
  margin: 3px !important;
}

.m-4 {
  margin: 4px !important;
}

.m-5 {
  margin: 5px !important;
}

.m-6 {
  margin: 6px !important;
}

.m-7 {
  margin: 7px !important;
}

.m-8 {
  margin: 8px !important;
}

.m-9 {
  margin: 9px !important;
}

.m-10 {
  margin: 10px !important;
}

.m-12 {
  margin: 12px !important;
}

.m-14 {
  margin: 14px !important;
}

.m-15 {
  margin: 15px !important;
}

.m-16 {
  margin: 16px !important;
}

.m-18 {
  margin: 18px !important;
}

.m-20 {
  margin: 20px !important;
}

.m-25 {
  margin: 25px !important;
}

.m-30 {
  margin: 30px !important;
}

.m-35 {
  margin: 35px !important;
}

.m-40 {
  margin: 40px !important;
}

.m-45 {
  margin: 45px !important;
}

.m-50 {
  margin: 50px !important;
}

.m-0em {
  margin: 0em;
}

.m-1em {
  margin: 1em;
}

.m-2em {
  margin: 2em;
}

.m-3em {
  margin: 3em;
}

.m-4em {
  margin: 4em;
}

.m-5em {
  margin: 5em;
}

.m-6em {
  margin: 6em;
}

.m-7em {
  margin: 7em;
}

.m-8em {
  margin: 8em;
}

.m-9em {
  margin: 9em;
}

.m-10em {
  margin: 10em;
}

.m-15em {
  margin: 15em;
}

.m-20em {
  margin: 20em;
}

.m-25em {
  margin: 25em;
}

.m-30em {
  margin: 30em;
}

.m-35em {
  margin: 35em;
}

.m-40em {
  margin: 40em;
}

.m-45em {
  margin: 45em;
}

.m-50em {
  margin: 50em;
}

.m-0rem {
  margin: 0rem;
}

.m-1rem {
  margin: 1rem;
}

.m-2rem {
  margin: 2rem;
}

.m-3rem {
  margin: 3rem;
}

.m-4rem {
  margin: 4rem;
}

.m-5rem {
  margin: 5rem;
}

.m-6rem {
  margin: 6rem;
}

.m-7rem {
  margin: 7rem;
}

.m-8rem {
  margin: 8rem;
}

.m-9rem {
  margin: 9rem;
}

.m-10rem {
  margin: 10rem;
}

.m-15rem {
  margin: 15rem;
}

.m-20rem {
  margin: 20rem;
}

.m-25rem {
  margin: 25rem;
}

.m-30rem {
  margin: 30rem;
}

.m-35rem {
  margin: 35rem;
}

.m-40rem {
  margin: 40rem;
}

.m-45rem {
  margin: 45rem;
}

.m-50rem {
  margin: 50rem;
}

.mt-0 {
  margin-top: 0px !important;
}

.mt-1 {
  margin-top: 1px !important;
}

.mt-2 {
  margin-top: 2px !important;
}

.mt-3 {
  margin-top: 3px !important;
}

.mt-4 {
  margin-top: 4px !important;
}

.mt-5 {
  margin-top: 5px !important;
}

.mt-6 {
  margin-top: 6px !important;
}

.mt-7 {
  margin-top: 7px !important;
}

.mt-8 {
  margin-top: 8px !important;
}

.mt-9 {
  margin-top: 9px !important;
}

.mt-10 {
  margin-top: 10px !important;
}

.mt-12 {
  margin-top: 12px !important;
}

.mt-14 {
  margin-top: 14px !important;
}

.mt-15 {
  margin-top: 15px !important;
}

.mt-16 {
  margin-top: 16px !important;
}

.mt-18 {
  margin-top: 18px !important;
}

.mt-20 {
  margin-top: 20px !important;
}

.mt-25 {
  margin-top: 25px !important;
}

.mt-30 {
  margin-top: 30px !important;
}

.mt-35 {
  margin-top: 35px !important;
}

.mt-40 {
  margin-top: 40px !important;
}

.mt-45 {
  margin-top: 45px !important;
}

.mt-50 {
  margin-top: 50px !important;
}

.mt-0em {
  margin-top: 0em;
}

.mt-1em {
  margin-top: 1em;
}

.mt-2em {
  margin-top: 2em;
}

.mt-3em {
  margin-top: 3em;
}

.mt-4em {
  margin-top: 4em;
}

.mt-5em {
  margin-top: 5em;
}

.mt-6em {
  margin-top: 6em;
}

.mt-7em {
  margin-top: 7em;
}

.mt-8em {
  margin-top: 8em;
}

.mt-9em {
  margin-top: 9em;
}

.mt-10em {
  margin-top: 10em;
}

.mt-15em {
  margin-top: 15em;
}

.mt-20em {
  margin-top: 20em;
}

.mt-25em {
  margin-top: 25em;
}

.mt-30em {
  margin-top: 30em;
}

.mt-35em {
  margin-top: 35em;
}

.mt-40em {
  margin-top: 40em;
}

.mt-45em {
  margin-top: 45em;
}

.mt-50em {
  margin-top: 50em;
}

.mt-0rem {
  margin-top: 0rem;
}

.mt-1rem {
  margin-top: 1rem;
}

.mt-2rem {
  margin-top: 2rem;
}

.mt-3rem {
  margin-top: 3rem;
}

.mt-4rem {
  margin-top: 4rem;
}

.mt-5rem {
  margin-top: 5rem;
}

.mt-6rem {
  margin-top: 6rem;
}

.mt-7rem {
  margin-top: 7rem;
}

.mt-8rem {
  margin-top: 8rem;
}

.mt-9rem {
  margin-top: 9rem;
}

.mt-10rem {
  margin-top: 10rem;
}

.mt-15rem {
  margin-top: 15rem;
}

.mt-20rem {
  margin-top: 20rem;
}

.mt-25rem {
  margin-top: 25rem;
}

.mt-30rem {
  margin-top: 30rem;
}

.mt-35rem {
  margin-top: 35rem;
}

.mt-40rem {
  margin-top: 40rem;
}

.mt-45rem {
  margin-top: 45rem;
}

.mt-50rem {
  margin-top: 50rem;
}

.mr-0 {
  margin-right: 0px !important;
}

.mr-1 {
  margin-right: 1px !important;
}

.mr-2 {
  margin-right: 2px !important;
}

.mr-3 {
  margin-right: 3px !important;
}

.mr-4 {
  margin-right: 4px !important;
}

.mr-5 {
  margin-right: 5px !important;
}

.mr-6 {
  margin-right: 6px !important;
}

.mr-7 {
  margin-right: 7px !important;
}

.mr-8 {
  margin-right: 8px !important;
}

.mr-9 {
  margin-right: 9px !important;
}

.mr-10 {
  margin-right: 10px !important;
}

.mr-12 {
  margin-right: 12px !important;
}

.mr-14 {
  margin-right: 14px !important;
}

.mr-15 {
  margin-right: 15px !important;
}

.mr-16 {
  margin-right: 16px !important;
}

.mr-18 {
  margin-right: 18px !important;
}

.mr-20 {
  margin-right: 20px !important;
}

.mr-25 {
  margin-right: 25px !important;
}

.mr-30 {
  margin-right: 30px !important;
}

.mr-35 {
  margin-right: 35px !important;
}

.mr-40 {
  margin-right: 40px !important;
}

.mr-45 {
  margin-right: 45px !important;
}

.mr-50 {
  margin-right: 50px !important;
}

.mr-0em {
  margin-right: 0em;
}

.mr-1em {
  margin-right: 1em;
}

.mr-2em {
  margin-right: 2em;
}

.mr-3em {
  margin-right: 3em;
}

.mr-4em {
  margin-right: 4em;
}

.mr-5em {
  margin-right: 5em;
}

.mr-6em {
  margin-right: 6em;
}

.mr-7em {
  margin-right: 7em;
}

.mr-8em {
  margin-right: 8em;
}

.mr-9em {
  margin-right: 9em;
}

.mr-10em {
  margin-right: 10em;
}

.mr-15em {
  margin-right: 15em;
}

.mr-20em {
  margin-right: 20em;
}

.mr-25em {
  margin-right: 25em;
}

.mr-30em {
  margin-right: 30em;
}

.mr-35em {
  margin-right: 35em;
}

.mr-40em {
  margin-right: 40em;
}

.mr-45em {
  margin-right: 45em;
}

.mr-50em {
  margin-right: 50em;
}

.mr-0rem {
  margin-right: 0rem;
}

.mr-1rem {
  margin-right: 1rem;
}

.mr-2rem {
  margin-right: 2rem;
}

.mr-3rem {
  margin-right: 3rem;
}

.mr-4rem {
  margin-right: 4rem;
}

.mr-5rem {
  margin-right: 5rem;
}

.mr-6rem {
  margin-right: 6rem;
}

.mr-7rem {
  margin-right: 7rem;
}

.mr-8rem {
  margin-right: 8rem;
}

.mr-9rem {
  margin-right: 9rem;
}

.mr-10rem {
  margin-right: 10rem;
}

.mr-15rem {
  margin-right: 15rem;
}

.mr-20rem {
  margin-right: 20rem;
}

.mr-25rem {
  margin-right: 25rem;
}

.mr-30rem {
  margin-right: 30rem;
}

.mr-35rem {
  margin-right: 35rem;
}

.mr-40rem {
  margin-right: 40rem;
}

.mr-45rem {
  margin-right: 45rem;
}

.mr-50rem {
  margin-right: 50rem;
}

.mb-0 {
  margin-bottom: 0px !important;
}

.mb-1 {
  margin-bottom: 1px !important;
}

.mb-2 {
  margin-bottom: 2px !important;
}

.mb-3 {
  margin-bottom: 3px !important;
}

.mb-4 {
  margin-bottom: 4px !important;
}

.mb-5 {
  margin-bottom: 5px !important;
}

.mb-6 {
  margin-bottom: 6px !important;
}

.mb-7 {
  margin-bottom: 7px !important;
}

.mb-8 {
  margin-bottom: 8px !important;
}

.mb-9 {
  margin-bottom: 9px !important;
}

.mb-10 {
  margin-bottom: 10px !important;
}

.mb-12 {
  margin-bottom: 12px !important;
}

.mb-14 {
  margin-bottom: 14px !important;
}

.mb-15 {
  margin-bottom: 15px !important;
}

.mb-16 {
  margin-bottom: 16px !important;
}

.mb-18 {
  margin-bottom: 18px !important;
}

.mb-20 {
  margin-bottom: 20px !important;
}

.mb-25 {
  margin-bottom: 25px !important;
}

.mb-30 {
  margin-bottom: 30px !important;
}

.mb-35 {
  margin-bottom: 35px !important;
}

.mb-40 {
  margin-bottom: 40px !important;
}

.mb-45 {
  margin-bottom: 45px !important;
}

.mb-50 {
  margin-bottom: 50px !important;
}

.mb-0em {
  margin-bottom: 0em;
}

.mb-1em {
  margin-bottom: 1em;
}

.mb-2em {
  margin-bottom: 2em;
}

.mb-3em {
  margin-bottom: 3em;
}

.mb-4em {
  margin-bottom: 4em;
}

.mb-5em {
  margin-bottom: 5em;
}

.mb-6em {
  margin-bottom: 6em;
}

.mb-7em {
  margin-bottom: 7em;
}

.mb-8em {
  margin-bottom: 8em;
}

.mb-9em {
  margin-bottom: 9em;
}

.mb-10em {
  margin-bottom: 10em;
}

.mb-15em {
  margin-bottom: 15em;
}

.mb-20em {
  margin-bottom: 20em;
}

.mb-25em {
  margin-bottom: 25em;
}

.mb-30em {
  margin-bottom: 30em;
}

.mb-35em {
  margin-bottom: 35em;
}

.mb-40em {
  margin-bottom: 40em;
}

.mb-45em {
  margin-bottom: 45em;
}

.mb-50em {
  margin-bottom: 50em;
}

.mb-0rem {
  margin-bottom: 0rem;
}

.mb-1rem {
  margin-bottom: 1rem;
}

.mb-2rem {
  margin-bottom: 2rem;
}

.mb-3rem {
  margin-bottom: 3rem;
}

.mb-4rem {
  margin-bottom: 4rem;
}

.mb-5rem {
  margin-bottom: 5rem;
}

.mb-6rem {
  margin-bottom: 6rem;
}

.mb-7rem {
  margin-bottom: 7rem;
}

.mb-8rem {
  margin-bottom: 8rem;
}

.mb-9rem {
  margin-bottom: 9rem;
}

.mb-10rem {
  margin-bottom: 10rem;
}

.mb-15rem {
  margin-bottom: 15rem;
}

.mb-20rem {
  margin-bottom: 20rem;
}

.mb-25rem {
  margin-bottom: 25rem;
}

.mb-30rem {
  margin-bottom: 30rem;
}

.mb-35rem {
  margin-bottom: 35rem;
}

.mb-40rem {
  margin-bottom: 40rem;
}

.mb-45rem {
  margin-bottom: 45rem;
}

.mb-50rem {
  margin-bottom: 50rem;
}

.ml-0 {
  margin-left: 0px !important;
}

.ml-1 {
  margin-left: 1px !important;
}

.ml-2 {
  margin-left: 2px !important;
}

.ml-3 {
  margin-left: 3px !important;
}

.ml-4 {
  margin-left: 4px !important;
}

.ml-5 {
  margin-left: 5px !important;
}

.ml-6 {
  margin-left: 6px !important;
}

.ml-7 {
  margin-left: 7px !important;
}

.ml-8 {
  margin-left: 8px !important;
}

.ml-9 {
  margin-left: 9px !important;
}

.ml-10 {
  margin-left: 10px !important;
}

.ml-12 {
  margin-left: 12px !important;
}

.ml-14 {
  margin-left: 14px !important;
}

.ml-15 {
  margin-left: 15px !important;
}

.ml-16 {
  margin-left: 16px !important;
}

.ml-18 {
  margin-left: 18px !important;
}

.ml-20 {
  margin-left: 20px !important;
}

.ml-25 {
  margin-left: 25px !important;
}

.ml-30 {
  margin-left: 30px !important;
}

.ml-35 {
  margin-left: 35px !important;
}

.ml-40 {
  margin-left: 40px !important;
}

.ml-45 {
  margin-left: 45px !important;
}

.ml-50 {
  margin-left: 50px !important;
}

.ml-0em {
  margin-left: 0em;
}

.ml-1em {
  margin-left: 1em;
}

.ml-2em {
  margin-left: 2em;
}

.ml-3em {
  margin-left: 3em;
}

.ml-4em {
  margin-left: 4em;
}

.ml-5em {
  margin-left: 5em;
}

.ml-6em {
  margin-left: 6em;
}

.ml-7em {
  margin-left: 7em;
}

.ml-8em {
  margin-left: 8em;
}

.ml-9em {
  margin-left: 9em;
}

.ml-10em {
  margin-left: 10em;
}

.ml-15em {
  margin-left: 15em;
}

.ml-20em {
  margin-left: 20em;
}

.ml-25em {
  margin-left: 25em;
}

.ml-30em {
  margin-left: 30em;
}

.ml-35em {
  margin-left: 35em;
}

.ml-40em {
  margin-left: 40em;
}

.ml-45em {
  margin-left: 45em;
}

.ml-50em {
  margin-left: 50em;
}

.ml-0rem {
  margin-left: 0rem;
}

.ml-1rem {
  margin-left: 1rem;
}

.ml-2rem {
  margin-left: 2rem;
}

.ml-3rem {
  margin-left: 3rem;
}

.ml-4rem {
  margin-left: 4rem;
}

.ml-5rem {
  margin-left: 5rem;
}

.ml-6rem {
  margin-left: 6rem;
}

.ml-7rem {
  margin-left: 7rem;
}

.ml-8rem {
  margin-left: 8rem;
}

.ml-9rem {
  margin-left: 9rem;
}

.ml-10rem {
  margin-left: 10rem;
}

.ml-15rem {
  margin-left: 15rem;
}

.ml-20rem {
  margin-left: 20rem;
}

.ml-25rem {
  margin-left: 25rem;
}

.ml-30rem {
  margin-left: 30rem;
}

.ml-35rem {
  margin-left: 35rem;
}

.ml-40rem {
  margin-left: 40rem;
}

.ml-45rem {
  margin-left: 45rem;
}

.ml-50rem {
  margin-left: 50rem;
}

.mr-auto {
  margin-right: auto;
}

.ml-auto {
  margin-left: auto;
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.display-flex {
  display: flex;
}

.flex-1 {
  flex: 1;
}

.c-pointer {
  cursor: pointer !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.d-none {
  display: none !important;
}

.d-inline {
  display: inline !important;
}

.d-inline-block {
  display: inline-block !important;
}

.d-block {
  display: block !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;
}

.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-wrap {
  flex-wrap: wrap !important;
}

.flex-nowrap {
  flex-wrap: nowrap !important;
}

.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}

.flex-fill {
  flex: 1 1 auto !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;
}

.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;
}

.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;
}

.camera-image-mirrored {
  transform: scaleX(-1);
}

.fs-1 {
  font-size: 1px !important;
}

.fs-2 {
  font-size: 2px !important;
}

.fs-3 {
  font-size: 3px !important;
}

.fs-4 {
  font-size: 4px !important;
}

.fs-5 {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.br-1 {
  border-radius: 1px !important;
}

.br-2 {
  border-radius: 2px !important;
}

.br-3 {
  border-radius: 3px !important;
}

.br-4 {
  border-radius: 4px !important;
}

.br-5 {
  border-radius: 5px !important;
}

.br-6 {
  border-radius: 6px !important;
}

.br-7 {
  border-radius: 7px !important;
}

.br-8 {
  border-radius: 8px !important;
}

.br-9 {
  border-radius: 9px !important;
}

.br-10 {
  border-radius: 10px !important;
}

.br-11 {
  border-radius: 11px !important;
}

.br-12 {
  border-radius: 12px !important;
}

.br-13 {
  border-radius: 13px !important;
}

.br-14 {
  border-radius: 14px !important;
}

.br-15 {
  border-radius: 15px !important;
}

.br-16 {
  border-radius: 16px !important;
}

.br-17 {
  border-radius: 17px !important;
}

.br-18 {
  border-radius: 18px !important;
}

.br-19 {
  border-radius: 19px !important;
}

.br-20 {
  border-radius: 20px !important;
}

.br-21 {
  border-radius: 21px !important;
}

.br-22 {
  border-radius: 22px !important;
}

.br-23 {
  border-radius: 23px !important;
}

.br-24 {
  border-radius: 24px !important;
}

.br-25 {
  border-radius: 25px !important;
}

.br-26 {
  border-radius: 26px !important;
}

.br-27 {
  border-radius: 27px !important;
}

.br-28 {
  border-radius: 28px !important;
}

.br-29 {
  border-radius: 29px !important;
}

.br-30 {
  border-radius: 30px !important;
}

.br-31 {
  border-radius: 31px !important;
}

.br-32 {
  border-radius: 32px !important;
}

.br-33 {
  border-radius: 33px !important;
}

.br-34 {
  border-radius: 34px !important;
}

.br-35 {
  border-radius: 35px !important;
}

.br-36 {
  border-radius: 36px !important;
}

.br-37 {
  border-radius: 37px !important;
}

.br-38 {
  border-radius: 38px !important;
}

.br-39 {
  border-radius: 39px !important;
}

.br-40 {
  border-radius: 40px !important;
}

.br-41 {
  border-radius: 41px !important;
}

.br-42 {
  border-radius: 42px !important;
}

.br-43 {
  border-radius: 43px !important;
}

.br-44 {
  border-radius: 44px !important;
}

.br-45 {
  border-radius: 45px !important;
}

.br-46 {
  border-radius: 46px !important;
}

.br-47 {
  border-radius: 47px !important;
}

.br-48 {
  border-radius: 48px !important;
}

.br-49 {
  border-radius: 49px !important;
}

.br-50 {
  border-radius: 50px !important;
}

.fs-1 {
  font-size: 1px !important;
}

.fs-2 {
  font-size: 2px !important;
}

.fs-3 {
  font-size: 3px !important;
}

.fs-4 {
  font-size: 4px !important;
}

.fs-5 {
  font-size: 5px !important;
}

.fs-6 {
  font-size: 6px !important;
}

.fs-7 {
  font-size: 7px !important;
}

.fs-8 {
  font-size: 8px !important;
}

.fs-9 {
  font-size: 9px !important;
}

.fs-10 {
  font-size: 10px !important;
}

.fs-11 {
  font-size: 11px !important;
}

.fs-12 {
  font-size: 12px !important;
}

.fs-13 {
  font-size: 13px !important;
}

.fs-14 {
  font-size: 14px !important;
}

.fs-15 {
  font-size: 15px !important;
}

.fs-16 {
  font-size: 16px !important;
}

.fs-17 {
  font-size: 17px !important;
}

.fs-18 {
  font-size: 18px !important;
}

.fs-19 {
  font-size: 19px !important;
}

.fs-20 {
  font-size: 20px !important;
}

.fs-21 {
  font-size: 21px !important;
}

.fs-22 {
  font-size: 22px !important;
}

.fs-23 {
  font-size: 23px !important;
}

.fs-24 {
  font-size: 24px !important;
}

.fs-25 {
  font-size: 25px !important;
}

.fs-26 {
  font-size: 26px !important;
}

.fs-27 {
  font-size: 27px !important;
}

.fs-28 {
  font-size: 28px !important;
}

.fs-29 {
  font-size: 29px !important;
}

.fs-30 {
  font-size: 30px !important;
}

.fs-31 {
  font-size: 31px !important;
}

.fs-32 {
  font-size: 32px !important;
}

.fs-33 {
  font-size: 33px !important;
}

.fs-34 {
  font-size: 34px !important;
}

.fs-35 {
  font-size: 35px !important;
}

.fs-36 {
  font-size: 36px !important;
}

.fs-37 {
  font-size: 37px !important;
}

.fs-38 {
  font-size: 38px !important;
}

.fs-39 {
  font-size: 39px !important;
}

.fs-40 {
  font-size: 40px !important;
}

.fs-41 {
  font-size: 41px !important;
}

.fs-42 {
  font-size: 42px !important;
}

.fs-43 {
  font-size: 43px !important;
}

.fs-44 {
  font-size: 44px !important;
}

.fs-45 {
  font-size: 45px !important;
}

.fs-46 {
  font-size: 46px !important;
}

.fs-47 {
  font-size: 47px !important;
}

.fs-48 {
  font-size: 48px !important;
}

.fs-49 {
  font-size: 49px !important;
}

.fs-50 {
  font-size: 50px !important;
}

.fw-100 {
  font-weight: 100 !important;
}

.fw-200 {
  font-weight: 200 !important;
}

.fw-300 {
  font-weight: 300 !important;
}

.fw-400 {
  font-weight: 400 !important;
}

.fw-500 {
  font-weight: 500 !important;
}

.fw-600 {
  font-weight: 600 !important;
}

.fw-700 {
  font-weight: 700 !important;
}

.fw-800 {
  font-weight: 800 !important;
}

.fw-900 {
  font-weight: 900 !important;
}

.gap-0 {
  gap: 0px !important;
}

.gap-1 {
  gap: 1px !important;
}

.gap-2 {
  gap: 2px !important;
}

.gap-3 {
  gap: 3px !important;
}

.gap-4 {
  gap: 4px !important;
}

.gap-5 {
  gap: 5px !important;
}

.gap-6 {
  gap: 6px !important;
}

.gap-7 {
  gap: 7px !important;
}

.gap-8 {
  gap: 8px !important;
}

.gap-9 {
  gap: 9px !important;
}

.gap-10 {
  gap: 10px !important;
}

.gap-11 {
  gap: 11px !important;
}

.gap-12 {
  gap: 12px !important;
}

.gap-13 {
  gap: 13px !important;
}

.gap-14 {
  gap: 14px !important;
}

.gap-15 {
  gap: 15px !important;
}

.gap-16 {
  gap: 16px !important;
}

.gap-17 {
  gap: 17px !important;
}

.gap-18 {
  gap: 18px !important;
}

.gap-19 {
  gap: 19px !important;
}

.gap-20 {
  gap: 20px !important;
}

.gap-21 {
  gap: 21px !important;
}

.gap-22 {
  gap: 22px !important;
}

.gap-23 {
  gap: 23px !important;
}

.gap-24 {
  gap: 24px !important;
}

.gap-25 {
  gap: 25px !important;
}

.gap-26 {
  gap: 26px !important;
}

.gap-27 {
  gap: 27px !important;
}

.gap-28 {
  gap: 28px !important;
}

.gap-29 {
  gap: 29px !important;
}

.gap-30 {
  gap: 30px !important;
}

.gap-31 {
  gap: 31px !important;
}

.gap-32 {
  gap: 32px !important;
}

@font-face {
  font-family: "timeline";
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7");
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7#iefix") format("embedded-opentype"), url("/assets/fonts/timeline/timeline.ttf?2dh5l7") format("truetype"), url("/assets/fonts/timeline/timeline.woff?2dh5l7") format("woff"), url("/assets/fonts/timeline/timeline.svg?2dh5l7#timeline") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=tl-icon-], [class*=" tl-icon-"],
.timeline-icons {
  font-family: "timeline";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tl-icon-break:before {
  content: "\e900";
}

.tl-icon-content:before {
  content: "\e901";
}

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

.tl-icon-questionnaire:before {
  content: "\e903";
}

.tl-icon-summarise:before {
  content: "\e904";
}

.tl-icon-task:before {
  content: "\e905";
}

@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Light.ttf?") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Medium.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Medium.ttf?") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Bold.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Bold.ttf?") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Light.ttf?") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
[class^=icon-][color=primary], [class*=" icon-"][color=primary],
.timeline-icons[color=primary] {
  color: #3c78d8;
}

[class^=icon-][color=gray], [class*=" icon-"][color=gray],
.timeline-icons[color=gray] {
  color: gray;
}

.timeline-color {
  color: #3c78d8;
}

.warning-color {
  color: rgb(204, 0, 0);
}

.font-size-08 {
  font-size: 0.8em;
}

.text-bold {
  font-weight: bold;
}

.menu-blur {
  filter: blur(25px);
}

[frame-line] {
  border: 2px solid transparent;
  margin: -2px;
}

[frame-line].cast {
  border: 2px solid orange;
}

[timeline-card] {
  display: flex;
  background-color: white;
  transform: translate(0px, 0px);
  padding-left: 10px;
  padding-right: 5px;
  border-radius: 4px;
}

[timeline-card].anchor {
  background-color: #fffaf1;
}

[timeline-card].noclick {
  cursor: default;
}

/*
[timeline-card]:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.175);
}
*/
[timeline-card-body] {
  align-self: center;
  padding: 20px 15px 20px 0;
  width: calc(100% - 50px);
  font-size: 14px;
}

[timeline-card-body].header-info {
  padding-top: 30px;
}

[timeline-card-body].draft {
  opacity: 0.5;
}

[timeline-content-body] {
  min-height: 55px;
}

[timeline-content-body].note-visible {
  min-height: 120px;
}

[timeline-content-body].text-content {
  display: flex;
}

[timeline-content-body].justify-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

[timeline-content-body].align-center {
  display: flex;
  align-items: center;
}

[timeline-card-side-menu] {
  cursor: default;
  margin-top: 15px;
}

[timeline-card-side-menu].break-timeline-card {
  margin-top: 0;
}

.border-cut {
  outline: 1px dashed gray;
}

.border-cut-last {
  border-bottom: 1px dashed gray;
}

.border-first {
  border-top: 1px solid transparent;
}

.border-cut-first {
  border-top: 1px dashed gray;
}

[side-menu-more-list] {
  height: 1px;
  position: relative;
  top: 0;
  left: 0;
}

[side-menu-more-list-note-active] {
  position: absolute;
  right: -55px;
  top: -9px;
}

[mat-button][side-menu-more-button] {
  display: flex;
  justify-content: center;
  height: 35px;
  width: 35px;
  min-width: 35px;
  margin-left: auto;
  background-color: transparent;
  color: black;
  cursor: pointer;
}

[side-menu-more-button][disabled] {
  opacity: 0.5;
}

[side-menu-more-button].message-count {
  color: gray;
}

[side-menu-more-button].moods {
  color: gray;
}

[side-menu-more-button].note {
  color: gray;
}

[side-menu-more-button].note.active {
  color: #3c78d8;
  position: absolute;
  right: -50px;
  top: -9px;
}

[side-menu-more-button].note.hidden {
  color: #3c78d8;
}

[side-menu-more-button].send-message {
  color: #3c78d8;
}

[side-menu-more-button].sort-filter-button {
  cursor: pointer;
  color: gray;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button]::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].send-message::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].action-menu-button::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].action-user-menu-button::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

[side-menu-more-button-icon] {
  top: 1px;
  position: absolute;
  left: 1px;
  font-size: 23px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}

[side-menu-more-button-icon].message-count {
  font-size: 31px;
}

[side-menu-more-button-icon].moods {
  font-size: 25px;
}

[side-menu-more-button-icon].note {
  font-size: 31px;
}

[side-menu-more-button-icon].more-icon {
  font-size: 25px;
}

[side-left-panel] {
  display: flex;
  position: absolute;
}

[side-left-panel].bottom {
  bottom: 0;
  left: 0;
  z-index: 999999;
}

[mat-button][side-left-button] {
  display: flex;
  justify-content: center;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin-left: 0;
  background-color: transparent;
  color: black;
  cursor: pointer;
  color: gray;
  padding: 11px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button]::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button]::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

[side-left-button-icon] {
  top: 1px;
  position: absolute;
  left: 1px;
  font-size: 17px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

[side-left-button-icon]:before {
  position: relative;
  left: 0;
  top: 1px;
}

[side-left-button-icon].cast {
  color: orange;
  top: 2px;
  left: 8px;
  cursor: default;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button].draft::ng-deep .mat-button-ripple {
  display: none;
}

[side-left-button-icon].draft {
  top: 3px;
  left: 0;
}

[side-left-button-icon].private {
  top: 3px;
  left: 7px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button-icon].private::ng-deep .mat-button-ripple {
  display: none;
}

[side-left-button].user-logo {
  position: relative;
  width: 25px;
  height: 25px;
  min-width: 25px;
  left: 0;
  top: 2px;
  cursor: default;
}

[side-left-button-icon].user-logo {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  left: 0;
  top: 0;
}

[side-left-button].back-to-sections {
  width: 25px;
  height: 25px;
  min-width: 25px;
  color: white;
  margin-left: 15px;
  margin-right: 5px;
}

[side-left-button-icon].back-to-sections {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  top: 0;
  left: 0;
  font-size: 25px;
}

[side-left-button].break-logo {
  width: 44px;
  height: 44px;
  min-width: 44px;
  cursor: default;
  background-color: #dde7f8;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 10px;
}

[side-left-button].break-logo.cover-down {
  background-color: #cee7c8;
}

[side-left-button-icon].break-logo {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 26px;
  top: 9px;
  left: 9px;
}

[side-left-button].mood-item {
  width: 35px;
  height: 35px;
  min-width: 36px;
  min-height: 36px;
  border: 2px solid white;
  box-sizing: border-box;
  cursor: pointer;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button]::ng-deep .mat-button-ripple {
  border-radius: 0;
}

[side-left-button].mood-item:hover {
  border: 2px solid gray;
}

[side-left-button].mood-item.select {
  border: 2px solid gray;
}

[side-left-button].mood-item.presenter {
  margin-bottom: 8px;
  cursor: default;
}

[side-left-button].mood-item.presenter:hover {
  border: 2px solid white;
}

[side-left-button-icon].mood-item {
  width: 30px;
  height: 30px;
  line-height: 35px;
}

[side-left-button].action-option {
  width: 52px;
  height: 32px;
  min-width: 52px;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  border-radius: 15px;
  border: 2px solid transparent;
}

[side-left-button].action-option.select {
  border: 2px solid white;
  background-color: white;
}

[side-left-button].action-option:hover {
  transform: scale(1.15);
}

[side-left-button].action-option.select:hover {
  transform: scale(1);
}

[side-left-button][disabled].action-option:hover {
  transform: scale(1);
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button].action-option::ng-deep .mat-button-ripple {
  border-radius: 15px;
}

[side-left-button-icon].action-option {
  width: 25px;
  height: 25px;
  line-height: 27px;
  top: 1px;
  left: 11px;
  font-size: 25px;
}

[side-left-button-icon].action-option-img {
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 2px;
  left: 11px;
  font-size: 25px;
}

[side-left-button-icon].action-option.active {
  border: 2px solid orange;
}

[side-left-button].change-time {
  width: 80px;
  min-width: 80px;
  cursor: default;
}

[side-left-button-icon].change-time {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  color: #9a9a9a;
  font-size: 12px;
  width: 80px;
  min-width: 80px;
  text-align: left;
  margin-left: 8px;
  top: 5px;
}

[side-left-button-icon].change-time.cast {
  margin-left: 2px;
}

[moods-list] {
  display: flex;
  max-width: 144px;
  flex-wrap: wrap;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
}

[moods-list=column-4] {
  max-width: 186px;
}

[relevancy] {
  background-color: #e6e6e6;
  display: flex;
  position: absolute;
  z-index: 100;
  width: 3px;
  height: 70px;
  right: 0;
  top: 10px;
  transform: rotate(180deg);
}

[relevancy] .process {
  background-color: limegreen;
  max-height: 100%;
  width: 3px;
}

[message-counter] {
  position: relative;
  top: -3px;
  font-size: 12px;
}

[mood-count] {
  font-size: 12px;
  color: black;
  line-height: 12px;
  position: relative;
  top: 20px;
  z-index: 100;
}

[timeline-text-field] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

[timeline-text-field].row-7 {
  -webkit-line-clamp: 7;
}

[timeline-text-field].row-7-align-center {
  -webkit-line-clamp: 7;
  align-self: center;
}

[timeline-text-field=row-2],
[timeline-text-field].row-2 {
  -webkit-line-clamp: 2;
}

[timeline-text-field=row-3],
[timeline-text-field].row-3 {
  -webkit-line-clamp: 3;
}

.text-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-line-clamp.row-2 {
  -webkit-line-clamp: 2;
}
.text-line-clamp.row-7 {
  -webkit-line-clamp: 7;
}

[send-message-panel] {
  display: flex;
  flex-direction: column;
}

[last-2-messages] {
  margin-top: 5px;
  max-width: 290px;
}

[presentation-mode-messages] {
  margin-top: 5px;
  max-width: 290px;
  max-height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
}

[input-message-panel] {
  display: flex;
  align-items: center;
}

[thumbnail-presenter] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #3c78d8;
  border-radius: 50%;
  align-self: flex-start;
}

[thumbnail-user] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  align-self: flex-start;
}

[chat-message] {
  display: flex;
  align-items: center;
  margin-top: 2px;
}

[user-message] {
  margin-left: 5px;
  font-size: 12px;
  color: gray;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

[full-user-message] {
  margin-left: 5px;
  font-size: 12px;
  color: gray;
  display: block;
}

[input-message-text] {
  outline-color: rgba(60, 120, 216, 0.5);
  width: 260px;
}

[personal-note-mat-form-field] {
  width: 100%;
}

[personal-note-mat-form-field]::ng-deep .mat-mdc-form-field-infix {
  padding: 0 !important;
  padding-top: 0.84375em !important;
  border-top: 0 !important;
}

[personal-note-mat-form-field].qa-mode::ng-deep .mat-mdc-form-field-infix {
  padding-bottom: 6px !important;
}

[personal-note-mat-form-field]::ng-deep .mat-input-underline {
  display: none;
}

[personal-note-mat-form-field]::ng-deep .mat-mdc-form-field-wrapper {
  padding-bottom: 0.84375em;
}

[personal-note-mat-form-field].extended-comment::ng-deep .mat-mdc-form-field-label {
  top: 1.7em;
  color: rgba(0, 0, 0, 0.25) !important;
}

[personal-note-text] {
  overflow: hidden;
}

[personal-note-toolbar] {
  align-self: baseline;
  padding-top: 3px;
}

[extended-comment-toolbar] {
  align-self: baseline;
  padding-top: 3px;
  padding-right: 2px;
  margin-top: 32px;
  position: relative;
  left: 7px;
}

[switcher-down] {
  position: absolute;
  right: 6px;
  top: 7px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.
*/
[switcher-down]::ng-deep .mat-slide-toggle-ripple {
  display: none;
}

[input-message-text].multirow {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  resize: none;
  max-height: 90px;
  height: 90px;
  min-height: 90px;
  color: black;
}

[personal-note-panel] {
  background-color: #e3f1fc;
  color: #3c78d8;
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  align-items: center;
  margin-top: 10px;
  transform: translate(0px, 0px);
  cursor: text;
  border-radius: 10px;
}

[personal-note-panel].edit-mode {
  align-items: flex-start;
  min-height: 80px;
}

[personal-note-panel].extended-comment {
  width: calc(100% + 28px);
  border-radius: 15px;
  margin-bottom: 5px;
}

[personal-note-panel].extended-comment.simple-user-mode {
  width: calc(100% + 20px);
}

[personal-note-panel].extended-comment.paginator-mode {
  width: calc(100% - 44px);
  border-radius: 15px;
  margin-bottom: 20px;
  margin-left: 10px;
  flex: none;
}

/*
TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.
*/
[personal-note-panel].extended-comment::ng-deep .mat-form-field-infix {
  overflow-x: hidden;
  overflow-y: hidden;
}

[personal-note-field] {
  display: block;
}

[progress-bar] {
  width: 100px;
  height: 5px;
}

[anchor] {
  display: none;
  width: 100%;
  height: 0;
}

::ng-deep mat-form-field.mat-focused.no-underline .mat-mdc-form-field-underline .mat-form-field-ripple,
::ng-deep mat-form-field.no-underline .mat-form-field-underline {
  background-color: transparent;
  opacity: 0;
}

::ng-deep mat-form-field.mat-focused.qa-edit-underline .mat-mdc-form-field-underline .mat-form-field-ripple {
  bottom: 20px;
  width: 100%;
}

::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-underline {
  bottom: 20px;
  width: calc(100% - 28px);
}

::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-label-wrapper {
  padding-top: 0;
  /*
  TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.
  */
}
::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-label-wrapper .mat-form-field-label {
  top: 14px !important;
}

::ng-deep mat-form-field.mat-focused.black-underline .mat-mdc-form-field-underline .mat-form-field-ripple,
::ng-deep mat-form-field.black-underline .mat-form-field-underline {
  background-color: white;
}

::ng-deep mat-form-field.mat-focused.black-underline .mat-mdc-form-field-label {
  color: white;
}

.panel-separator {
  width: 100%;
  height: 7px;
}

.registration-new {
  color: lightgray;
}

.not-attending,
.not-registered {
  color: gray;
}

.waiting-for-approval,
.waiting-for-event-approval {
  color: orange;
}

.on-waiting-list {
  color: darkgoldenrod;
}

.registration-confirmed {
  color: green;
}

.special-registration,
.registration-completed {
  color: #3c78d8;
}

.register-continue-incomplete {
  color: #610000;
}

.add-group-dialog {
  width: 640px;
}

.mat-mdc-menu-panel.user-menu-style {
  max-height: 450px;
}

.mat-mdc-menu-panel.manage-time-wizards {
  max-width: 450px;
}

.mat-mdc-menu-panel {
  min-height: 46px !important;
}

.page-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  height: 100%;
}

.page-layout .top-toolbar {
  background-color: gray !important;
  color: white;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
}

.page-layout .page-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  padding: 0 24px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.page-layout .header-container {
  background-color: gray !important;
  color: white;
  height: 134px;
  min-height: 134px;
  max-height: 134px;
  z-index: 2;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center space-between;
  align-items: center;
}

.page-layout .content-container {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.page-layout .content-container .mat-mdc-table {
  background-color: white;
  position: relative;
  overflow: auto;
  flex: 1 1 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}
.page-layout .content-container .mat-mdc-table.user-table {
  margin: 0;
}

.page-layout .mat-mdc-table .mat-mdc-header-row {
  min-height: 64px;
  width: 100%;
}

.page-layout .mat-mdc-table .mat-mdc-row {
  position: relative;
  height: 64px;
  cursor: pointer;
  width: 100%;
}

.page-layout .mat-mdc-table .mat-mdc-row:hover {
  background-color: #f5f5f5;
}

.page-layout .main-container {
  height: 100%;
  display: grid;
  grid-template-rows: 138px 64px minmax(200px, 1fr);
}

.page-layout .user-table {
  overflow: auto;
  margin: 2px;
  height: calc(100% - 64px);
}

.page-layout .header {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
  box-sizing: border-box;
}

.page-layout .header .div {
  box-sizing: border-box;
}

.page-layout .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}

.page-layout .column-id {
  flex: 0 1 256px;
}

.page-layout .column-actions {
  flex: 0 1 128px;
}

.page-layout .column-logo,
.page-layout .column-checkbox {
  flex: 0 1 64px;
}

.page-layout .column-default {
  flex: 1 0 100px;
}

.uppy-hidden-trigger {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0;
}

.extended-comment-text {
  width: calc(100% - 28px);
}

.state-icon {
  width: 18px;
  height: 22px;
  min-width: 18px;
  min-height: 22px;
  line-height: 22px;
  background-position: center;
  position: relative;
  opacity: 0.6;
}
.state-icon.draft {
  top: 1px;
}
.state-icon.public {
  top: 2px;
}
.state-icon.public-by-link {
  top: -1px;
}
.state-icon.private {
  top: 1px;
}

.toolbar-right-button {
  width: 3em;
  min-height: 3em;
  margin-top: 0.6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  color: #343A40;
  background: white;
  box-sizing: border-box;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.toolbar-right-button span {
  position: absolute;
}
.toolbar-right-button span.more-100 {
  font-size: 0.7em;
}
.toolbar-right-button span.more-1000 {
  font-size: 0.5em;
}
.toolbar-right-button mat-icon {
  color: #868E96;
}
.toolbar-right-button mat-icon .personal-pin-decor {
  background-color: #868E96;
}
.toolbar-right-button .material-icons {
  color: #868E96;
}
.toolbar-right-button.not-interactive {
  cursor: unset;
}
.toolbar-right-button.disabled {
  pointer-events: none;
}
.toolbar-right-button.orange {
  background-color: orange;
}
.toolbar-right-button:not(.not-interactive):hover {
  transform: scale(1.1);
}
.toolbar-right-button .mat-mdc-button-persistent-ripple {
  border-radius: 40% !important;
}

@media (max-width: 767px) {
  .toolbar-right-button {
    margin-top: 0;
    margin-left: 5px;
  }
}
.cell-1-1 {
  grid-row: 1;
  grid-column: 1;
}

.cell-1-2 {
  grid-row: 1;
  grid-column: 2;
}

.cell-1-3 {
  grid-row: 1;
  grid-column: 3;
}

.cell-2-1 {
  grid-row: 2;
  grid-column: 1;
}

.cell-2-2 {
  grid-row: 2;
  grid-column: 2;
}

.cell-2-3 {
  grid-row: 2;
  grid-column: 3;
}

.cell-3-1 {
  grid-row: 3;
  grid-column: 1;
}

.cell-3-2 {
  grid-row: 3;
  grid-column: 2;
}

.cell-3-3 {
  grid-row: 3;
  grid-column: 3;
}

.cell-4-1 {
  grid-row: 4;
  grid-column: 1;
}

.cell-4-2 {
  grid-row: 4;
  grid-column: 2;
}

.cell-4-3 {
  grid-row: 4;
  grid-column: 3;
}

.cell-5-1 {
  grid-row: 5;
  grid-column: 1;
}

.cell-5-2 {
  grid-row: 5;
  grid-column: 2;
}

.cell-5-3 {
  grid-row: 5;
  grid-column: 3;
}

.cell-6-1 {
  grid-row: 6;
  grid-column: 1;
}

.cell-6-2 {
  grid-row: 6;
  grid-column: 2;
}

.cell-6-3 {
  grid-row: 6;
  grid-column: 3;
}

.cell-7-1 {
  grid-row: 7;
  grid-column: 1;
}

.cell-7-2 {
  grid-row: 7;
  grid-column: 2;
}

.cell-7-3 {
  grid-row: 7;
  grid-column: 3;
}

.cell-8-1 {
  grid-row: 8;
  grid-column: 1;
}

.cell-8-2 {
  grid-row: 8;
  grid-column: 2;
}

.cell-8-3 {
  grid-row: 8;
  grid-column: 3;
}

.cell-9-1 {
  grid-row: 9;
  grid-column: 1;
}

.cell-9-2 {
  grid-row: 9;
  grid-column: 2;
}

.cell-9-3 {
  grid-row: 9;
  grid-column: 3;
}

.cell-10-1 {
  grid-row: 10;
  grid-column: 1;
}

.cell-10-2 {
  grid-row: 10;
  grid-column: 2;
}

.cell-10-3 {
  grid-row: 10;
  grid-column: 3;
}

.cell-11-1 {
  grid-row: 11;
  grid-column: 1;
}

.cell-11-2 {
  grid-row: 11;
  grid-column: 2;
}

.cell-11-3 {
  grid-row: 11;
  grid-column: 3;
}

.cell-12-1 {
  grid-row: 12;
  grid-column: 1;
}

.cell-12-2 {
  grid-row: 12;
  grid-column: 2;
}

.cell-12-3 {
  grid-row: 12;
  grid-column: 3;
}

.cell-13-1 {
  grid-row: 13;
  grid-column: 1;
}

.cell-13-2 {
  grid-row: 13;
  grid-column: 2;
}

.cell-13-3 {
  grid-row: 13;
  grid-column: 3;
}

.cell-14-1 {
  grid-row: 14;
  grid-column: 1;
}

.cell-14-2 {
  grid-row: 14;
  grid-column: 2;
}

.cell-14-3 {
  grid-row: 14;
  grid-column: 3;
}

.cell-15-1 {
  grid-row: 15;
  grid-column: 1;
}

.cell-15-2 {
  grid-row: 15;
  grid-column: 2;
}

.cell-15-3 {
  grid-row: 15;
  grid-column: 3;
}

.cell-16-1 {
  grid-row: 16;
  grid-column: 1;
}

.cell-16-2 {
  grid-row: 16;
  grid-column: 2;
}

.cell-16-3 {
  grid-row: 16;
  grid-column: 3;
}

.cell-17-1 {
  grid-row: 17;
  grid-column: 1;
}

.cell-17-2 {
  grid-row: 17;
  grid-column: 2;
}

.cell-17-3 {
  grid-row: 17;
  grid-column: 3;
}

.cell-18-1 {
  grid-row: 18;
  grid-column: 1;
}

.cell-18-2 {
  grid-row: 18;
  grid-column: 2;
}

.cell-18-3 {
  grid-row: 18;
  grid-column: 3;
}

.cell-19-1 {
  grid-row: 19;
  grid-column: 1;
}

.cell-19-2 {
  grid-row: 19;
  grid-column: 2;
}

.cell-19-3 {
  grid-row: 19;
  grid-column: 3;
}

.cell-20-1 {
  grid-row: 20;
  grid-column: 1;
}

.cell-20-2 {
  grid-row: 20;
  grid-column: 2;
}

.cell-20-3 {
  grid-row: 20;
  grid-column: 3;
}

.cell-21-1 {
  grid-row: 21;
  grid-column: 1;
}

.cell-21-2 {
  grid-row: 21;
  grid-column: 2;
}

.cell-21-3 {
  grid-row: 21;
  grid-column: 3;
}

.cell-22-1 {
  grid-row: 22;
  grid-column: 1;
}

.cell-22-2 {
  grid-row: 22;
  grid-column: 2;
}

.cell-22-3 {
  grid-row: 22;
  grid-column: 3;
}

.cell-23-1 {
  grid-row: 23;
  grid-column: 1;
}

.cell-23-2 {
  grid-row: 23;
  grid-column: 2;
}

.cell-23-3 {
  grid-row: 23;
  grid-column: 3;
}

.cell-24-1 {
  grid-row: 24;
  grid-column: 1;
}

.cell-24-2 {
  grid-row: 24;
  grid-column: 2;
}

.cell-24-3 {
  grid-row: 24;
  grid-column: 3;
}

.cell-25-1 {
  grid-row: 25;
  grid-column: 1;
}

.cell-25-2 {
  grid-row: 25;
  grid-column: 2;
}

.cell-25-3 {
  grid-row: 25;
  grid-column: 3;
}

.cell-26-1 {
  grid-row: 26;
  grid-column: 1;
}

.cell-26-2 {
  grid-row: 26;
  grid-column: 2;
}

.cell-26-3 {
  grid-row: 26;
  grid-column: 3;
}

.cell-27-1 {
  grid-row: 27;
  grid-column: 1;
}

.cell-27-2 {
  grid-row: 27;
  grid-column: 2;
}

.cell-27-3 {
  grid-row: 27;
  grid-column: 3;
}

.cell-28-1 {
  grid-row: 28;
  grid-column: 1;
}

.cell-28-2 {
  grid-row: 28;
  grid-column: 2;
}

.cell-28-3 {
  grid-row: 28;
  grid-column: 3;
}

.cell-29-1 {
  grid-row: 29;
  grid-column: 1;
}

.cell-29-2 {
  grid-row: 29;
  grid-column: 2;
}

.cell-29-3 {
  grid-row: 29;
  grid-column: 3;
}

.cell-30-1 {
  grid-row: 30;
  grid-column: 1;
}

.cell-30-2 {
  grid-row: 30;
  grid-column: 2;
}

.cell-30-3 {
  grid-row: 30;
  grid-column: 3;
}

.snack-bar-warning {
  background-color: orange;
}
.snack-bar-warning .mat-mdc-simple-snack-bar span {
  color: white;
}
.snack-bar-warning .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-action button {
  background-color: darkgray;
  color: white;
}

mat-snack-bar-container.snack-bar-error {
  transform: translateY(100%);
  box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2) !important;
}

.snack-bar-error {
  --mdc-snackbar-container-color: #EF4444;
  transform: translateY(100%) !important;
}
.snack-bar-error .mat-mdc-simple-snack-bar span {
  color: white;
}
.snack-bar-error .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-action button {
  background-color: darkgray;
  color: white;
}

.pdf-fit-to-screen ::ng-deep .pdf-viewer-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.toolbar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: black;
  background-color: white;
  border-radius: 20px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  height: 100%;
}
.toolbar-container .tc-logo-color {
  width: 100px;
  height: 100%;
  border-radius: 18px;
}
.toolbar-container .tc-logo-image {
  width: 100px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
}
.toolbar-container .tc-name {
  text-align: start;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
app-user-avatar.follow-me-manager-icon ngx-avatar .avatar-container {
  border: 1px solid #f59759;
  border-radius: 50%;
}

button[focus-overlay-off].mat-mdc-icon-button {
  /*
  TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
  */
}
button[focus-overlay-off].mat-mdc-icon-button .mat-button-focus-overlay {
  opacity: 0 !important;
}

.gap-select {
  font-size: 1em;
  color: #000000;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  background-color: #DEE2E6;
  outline: unset;
  caret-color: #000000;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  appearance: none;
  padding-left: 5px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24' fill='orangered'><path d='M0 0h24v24H0z' fill='none'/><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>");
}
.gap-select .gap-option {
  background-color: white;
}
.gap-select.readonly {
  background-image: none;
  opacity: 1;
}
.gap-select.correct {
  background-image: none;
  background-color: rgba(0, 128, 0, 0.5607843137);
  color: white;
  opacity: 1;
  cursor: default;
}
.gap-select.incorrect {
  background-image: none;
  background-color: rgb(221, 130, 133);
  color: white;
  opacity: 1;
}
.gap-select[disabled=true] {
  cursor: default;
}

.correct-answers-tooltip {
  background-color: white;
  padding: 8px 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: max-content;
  box-shadow: 0 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);
  z-index: -1;
  position: fixed;
  visibility: hidden;
}
.correct-answers-tooltip.visible {
  z-index: 99999991;
  visibility: visible;
}
.correct-answers-tooltip .title {
  font-size: 14px;
  font-weight: 600;
  color: #868e96;
  margin-bottom: 4px;
}
.correct-answers-tooltip .answers {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.correct-answers-tooltip .divider {
  width: 100%;
  height: 2px;
  background-color: #DEE2E6;
  margin: 8px 0 4px 0;
}
.correct-answers-tooltip .tooltip-correct-answer-item,
.correct-answers-tooltip .tooltip-answer-item {
  padding: 4px 8px;
  background-color: rgba(0, 128, 0, 0.5607843137);
  font-size: 14px;
  color: white;
  width: fit-content;
  border-radius: 6px;
  max-width: 250px;
}
.correct-answers-tooltip .tooltip-answer-item {
  background-color: rgba(227, 227, 227, 0.3019607843);
  color: #343A40;
}

.result-badge {
  pointer-events: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  color: #FFF;
  font-size: 11px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.result-badge.correct {
  background-color: rgb(22, 163, 74);
  top: -3px;
  left: -8px;
}
.result-badge.error {
  background-color: rgb(239, 68, 68);
  bottom: calc(var(--answer-caption__font-size) - 21px);
  left: calc(100% - 11px);
}
.result-badge .list-wrapper {
  position: fixed;
  display: none;
}
.result-badge:hover .list-wrapper {
  z-index: 123456;
  display: block;
}
.result-badge:hover .list-wrapper .list {
  position: absolute;
  width: max-content;
  max-width: 250px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-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);
}
.result-badge:hover .list-wrapper .list.open-left {
  transform: translateX(-100%);
}
.result-badge:hover .list-wrapper .list .list-title {
  color: rgb(52, 58, 64);
  font-size: 12px;
  font-weight: 600;
}
.result-badge:hover .list-wrapper .list .list-title .answers-counter {
  font-weight: 700;
}
.result-badge:hover .list-wrapper .list .list-item {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 14px;
  border-radius: 6px;
  word-break: break-word;
  width: fit-content;
}
.result-badge:hover .list-wrapper .list .list-item.correct-answer {
  background-color: rgb(22, 163, 74);
}
.result-badge:hover .list-wrapper .list .list-item.error-answer {
  background-color: rgb(239, 68, 68);
}

.gap-filling-result {
  width: 60px;
  height: 0.5em;
  display: inline-block;
  background-color: rgb(239, 239, 239);
  overflow: hidden;
  border-radius: 3px;
}
.gap-filling-result .correct-result {
  height: 50%;
  background-color: green;
}
.gap-filling-result .error-result {
  height: 50%;
  background-color: rgb(204, 0, 0);
}

.gap-text-select {
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24' fill='orangered'><path d='M0 0h24v24H0z' fill='none'/><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>");
}

.timeline-checkbox-gap-editor {
  font-size: 0.9em;
  position: relative;
  top: 0.11em;
  height: auto;
  width: 0.8em;
}
.timeline-checkbox-gap-editor[type=checkbox]:after {
  content: attr(value);
  margin: -4px 0;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  border: 1px solid #D9D9D9;
  position: relative;
  left: -5px;
  padding: 1px 4px 1px 20px;
  line-height: 1.2;
  border-radius: 8px;
}

.timeline-checkbox-gap-label {
  border-radius: 8px;
  padding: 0 4px 0 1px;
  border: 1px solid #D9D9D9;
}
.timeline-checkbox-gap-label.correct {
  background-color: rgba(0, 128, 0, 0.5607843137);
  color: white;
}

.timeline-checkbox-gap {
  font-size: 0.9em;
  position: relative;
  top: 0.11em;
  height: 1em;
  width: 0.8em;
}

.checkbox-gap-filling-result {
  font-size: 0.8em;
  height: 1em;
  width: 1em;
  padding: 0 0.3em;
  margin: 0 0.11em;
  background-color: #fb7822;
  color: white;
  border-radius: 8px;
  text-align: center;
  position: relative;
  top: -0.1em;
}

.multilingual-element.overflow {
  overflow-y: auto;
  height: 100% !important;
}
.multilingual-element.overflow::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 5px;
  height: 5px;
}
.multilingual-element.overflow::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.multilingual-element.overflow::-webkit-scrollbar-track-piece {
  background-color: rgb(204, 0, 0);
}
.multilingual-element.overflow::-webkit-scrollbar-thumb {
  background-color: red;
}
@supports not selector(::-webkit-scrollbar) {
  .multilingual-element.overflow {
    scrollbar-width: thin;
  }
}

mat-header-cell[timeline-sort-header].mat-sort-header .mat-sort-header-container .mat-sort-header-arrow {
  position: absolute;
  right: 0;
}

mat-header-cell[timeline-sort-header][sort-arrow-right15].mat-sort-header .mat-sort-header-container .mat-sort-header-arrow {
  position: absolute;
  right: -15px;
}

[timeline-v-scrollbar]::-webkit-scrollbar {
  background-color: white;
  width: 5px;
}

[timeline-h-scrollbar]::-webkit-scrollbar {
  background-color: white;
  height: 5px;
}

[timeline-v-scrollbar]::-webkit-scrollbar-track,
[timeline-h-scrollbar]::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 10px;
}
[timeline-v-scrollbar]::-webkit-scrollbar-track-piece,
[timeline-h-scrollbar]::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
[timeline-v-scrollbar]::-webkit-scrollbar-thumb,
[timeline-h-scrollbar]::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 10px;
}
@supports not selector(::-webkit-scrollbar) {
  [timeline-v-scrollbar],
  [timeline-h-scrollbar] {
    scrollbar-width: thin;
  }
}

[timeline-v-scrollbar=white]::-webkit-scrollbar-track-piece {
  background-color: white;
}

[timeline-v-scrollbar=width-2px]::-webkit-scrollbar {
  width: 2px;
}

.timeline-tooltip {
  white-space: pre-line;
  cursor: default;
}

.timeline-tooltip-align-left {
  white-space: pre-line;
  cursor: default;
}
.timeline-tooltip-align-left div {
  text-align: left;
}

[text-truncate-by-ellipsis] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.timeline-chart-tooltip {
  position: absolute;
  padding: 8px;
  gap: 16px;
  border-radius: 12px 12px 12px 4px;
  background: #FFFFFF;
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
.timeline-chart-tooltip .content {
  padding: 6px;
  gap: 10px;
  border-radius: 4px;
  background: #FFF7ED;
  border: 1px solid #FFB772;
  color: #FC7723;
}

.color-orange {
  color: #FC7723 !important;
}

/* styles for mobile device */
@media (max-width: 767px) {
  .page-layout .mat-mdc-table .mat-mdc-header-row,
  .page-layout .mat-table .mat-mdc-row {
    width: unset;
  }
  [personal-note-panel].extended-comment.paginator-mode {
    width: calc(100% - 90px);
    right: 59px;
  }
  .extended-comment-text {
    width: calc(100% - 28px);
  }
}
/* FireFox and other styles */
@supports not (-webkit-line-clamp: 1) {
  [timeline-text-field] {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
/* IE11 styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [message-counter] {
    top: -3px;
    left: -9px;
    padding-left: 4px;
  }
}
/* IE12+ styles */
/* Edge styles */
/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    [input-message-text] {
      font-size: 16px;
    }
    [input-message-text].multirow {
      font-size: 16px;
    }
  }
}
i[rotate90] {
  transform: rotate(90deg);
}

.ai-gradient {
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-gradient.weight-700 {
  font-weight: 700;
}

[assessment-status].no-assessed,
.assessment-status.no-assessed {
  color: #9D9D9D !important;
}
[assessment-status].autoAssessed,
.assessment-status.autoAssessed {
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[assessment-status].autoAssessed.weight-700,
.assessment-status.autoAssessed.weight-700 {
  font-weight: 700;
}
[assessment-status].assessed,
.assessment-status.assessed {
  color: #FD8E3A !important;
}
[assessment-status].reviewed,
.assessment-status.reviewed {
  color: #49BEFF !important;
}
[assessment-status].approved,
.assessment-status.approved {
  color: #16A34A !important;
}

.table-td-hover:hover {
  background-color: #DBDBDB;
  border-radius: 4px;
}

input[hide-arrow] {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
input[hide-arrow][type=number]::-webkit-outer-spin-button, input[hide-arrow][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[hide-arrow][type=number] {
  -moz-appearance: textfield;
}

.formula-field {
  display: inline-block;
  color: #45484D;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

gap {
  display: inline-block;
}
gap:has(.empty-text) {
  vertical-align: bottom;
}

drop-down-list {
  width: fit-content;
  min-width: 5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  border: 1px solid #DEE2E6;
  border-radius: 12px;
  padding: 4px;
  background-color: white;
  z-index: 99999991;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
}
drop-down-list .item {
  caret-color: transparent;
  padding: 6px 8px;
  border-radius: 8px;
}
drop-down-list .item:not(.summary):hover {
  background-color: #F1F1F1;
}
drop-down-list .item mat-checkbox {
  display: flex;
}
drop-down-list .item.disabled {
  cursor: default;
}
drop-down-list .item.disabled.settings-mode {
  --mat-checkbox-disabled-label-color: $tl-gray-800;
  --mdc-checkbox-disabled__opacity: 0.6;
}
drop-down-list .item.input-result-item {
  display: flex;
  color: #343A40;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  cursor: default;
  opacity: 0.9;
}
drop-down-list .item.selected-correct {
  background-color: #E8F6ED;
  border: 1px solid #15803D;
}
drop-down-list .item.selected-incorrect {
  background-color: #FEF2F2;
  border: 1px solid #EF4444;
}
drop-down-list .item.readonly {
  cursor: default;
}
drop-down-list .item.option-disabled {
  opacity: 0.6;
}
drop-down-list .item.summary {
  position: relative;
  overflow: hidden;
}
drop-down-list .item.summary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--progress-percent);
  height: 100%;
  background: linear-gradient(to right, #FFECD4 0%, #FFD5A9 100%);
  overflow: hidden;
  border-radius: 4px;
}
drop-down-list .item.text-summary {
  display: grid;
  grid-template-columns: 1fr minmax(40px, auto);
}
drop-down-list .item.text-summary .answers-count {
  font-weight: bold;
  text-align: right;
  font-size: 12px;
}
drop-down-list .item .check-result-item {
  display: flex;
  color: #343A40;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  cursor: default;
  opacity: 0.9;
}
drop-down-list .item .check-result-item i.ti {
  border-radius: 50%;
  color: white;
  font-size: 10px;
  padding: 2px;
}
drop-down-list .item .check-result-item i.ti.ti-check {
  background-color: #16A34A;
}
drop-down-list .item .check-result-item i.ti.ti-x {
  background-color: #EF4444;
}
drop-down-list .item .check-result-item .percent-value {
  font-size: 12px;
  font-weight: bold;
  color: #FC7723;
}
drop-down-list .item .check-result-item.summary {
  display: grid;
  grid-template-columns: minmax(30px, auto) 1fr auto;
  gap: 8px;
}

.legacy-gap-drop-down-list-wrapper {
  display: block;
  z-index: 99999991;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
  border-radius: 16px;
}
.legacy-gap-drop-down-list-wrapper .list {
  width: max-content;
  max-width: 250px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.legacy-gap-drop-down-list-wrapper .list.open-left {
  transform: translateX(-100%);
}
.legacy-gap-drop-down-list-wrapper .list .list-title {
  color: rgb(52, 58, 64);
  font-size: 12px;
  font-weight: 600;
}
.legacy-gap-drop-down-list-wrapper .list .list-title .answers-counter {
  font-weight: 700;
}
.legacy-gap-drop-down-list-wrapper .list .list-item {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 14px;
  border-radius: 6px;
  word-break: break-word;
  width: fit-content;
}
.legacy-gap-drop-down-list-wrapper .list .list-item.correct-answer {
  background-color: rgb(22, 163, 74);
}
.legacy-gap-drop-down-list-wrapper .list .list-item.error-answer {
  background-color: rgb(239, 68, 68);
}

/*
!* Chrome, Safari, Edge, Opera *!
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
!* Firefox *!
input[type="number"] {
  -moz-appearance: textfield;
}
*/
[mat-button], [mat-icon-button], [mat-raised-button], [mat-stroked-button], [mat-flat-button] {
  font-family: roche-sans, Roboto, Arial, sans-serif !important;
  --mdc-text-button-label-text-tracking: normal;
}
[mat-button].mdc-button, [mat-icon-button].mdc-button, [mat-raised-button].mdc-button, [mat-stroked-button].mdc-button, [mat-flat-button].mdc-button {
  padding: var(--mdc-button-padding-top, 0) var(--mdc-button-padding-right, 16px) var(--mdc-button-padding-bottom, 0) var(--mdc-button-padding-left, 16px);
}
[mat-button].mdc-button .mdc-button__label, [mat-icon-button].mdc-button .mdc-button__label, [mat-raised-button].mdc-button .mdc-button__label, [mat-stroked-button].mdc-button .mdc-button__label, [mat-flat-button].mdc-button .mdc-button__label {
  white-space: var(--mdc-button__label-white-space, normal);
  display: var(--mdc-button__label-display, inherit);
  align-items: var(--mdc-button__label-align-items, inherit);
  line-height: var(--mdc-button__label-line-height, inherit);
  letter-spacing: var(--mdc-button__label-letter-spacing, normal);
}
[mat-button] .mat-mdc-button-touch-target, [mat-icon-button] .mat-mdc-button-touch-target, [mat-raised-button] .mat-mdc-button-touch-target, [mat-stroked-button] .mat-mdc-button-touch-target, [mat-flat-button] .mat-mdc-button-touch-target {
  display: var(--mdc-button-touch-target__display, inherit) !important;
  pointer-events: var(--mdc-button-touch-target__pointer-events, inherit);
}
[mat-button] .mat-mdc-button-ripple, [mat-icon-button] .mat-mdc-button-ripple, [mat-raised-button] .mat-mdc-button-ripple, [mat-stroked-button] .mat-mdc-button-ripple, [mat-flat-button] .mat-mdc-button-ripple {
  display: var(--mdc-button-ripple__display, inherit);
}
[mat-button] .mat-mdc-button-persistent-ripple, [mat-icon-button] .mat-mdc-button-persistent-ripple, [mat-raised-button] .mat-mdc-button-persistent-ripple, [mat-stroked-button] .mat-mdc-button-persistent-ripple, [mat-flat-button] .mat-mdc-button-persistent-ripple {
  display: var(--mdc-button-persistent-ripple__display, inherit);
}
[mat-button]:active .mat-mdc-button-persistent-ripple:before, [mat-icon-button]:active .mat-mdc-button-persistent-ripple:before, [mat-raised-button]:active .mat-mdc-button-persistent-ripple:before, [mat-stroked-button]:active .mat-mdc-button-persistent-ripple:before, [mat-flat-button]:active .mat-mdc-button-persistent-ripple:before {
  z-index: var(--mat-text-button-pressed-state-layer-z-index, 0);
}

.mat-mdc-button:has(i.ti) {
  padding: 0 var(--mat-text-button-with-icon-horizontal-padding, 8px);
}

[mat-button][align-items=center] .mdc-button__label,
[mat-stroked-button][align-items=center] .mdc-button__label {
  display: flex;
  align-items: center;
}

[mat-icon-button].mat-mdc-button-base {
  height: var(--mdc-icon-button-state-layer-size, 48px);
  width: var(--mdc-icon-button-state-layer-size, 48px);
  padding: var(--mdc-icon-button-state-layer-padding, 12px);
  display: var(--mdc-icon-button-state-layer-display, inline-block);
  align-items: var(--mdc-icon-button-state-layer-align, center);
  justify-content: var(--mdc-icon-button-state-layer-justify, center);
}
[mat-icon-button].mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  border-radius: var(--mdc-button-persistent-ripple__border-radius, 50%);
}

/* mat-button */
[mat-button][color=timeline-white]:not([disabled]) {
  color: white;
  background-color: #3c78d8;
}

[mat-button][color=timeline-white][disabled] {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

[mat-button][color=timeline-white] mat-icon {
  margin-bottom: 3px;
}

[mat-button][color=warn-white]:not([disabled]) {
  color: white;
  background-color: #d9534f;
}

[mat-button][color=warn-white][disabled] {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

[mat-button][color=warn-white] mat-icon {
  margin-bottom: 3px;
}

/* raised*/
[mat-raised-button][color=primary] {
  background-color: #3c78d8;
}

[mat-raised-button][color=white-black] {
  color: black;
  background-color: white;
}

[mat-raised-button][color=themes] {
  color: white;
  background-color: #3c78d8;
}

[mat-raised-button][color=warn-white] {
  color: white;
  background-color: #d9534f;
}

[mat-raised-button][color=warn-white] mat-icon {
  margin-bottom: 3px;
}

/* icon raised*/
[mat-icon-button][mat-raised-button][color=primary] {
  background-color: #3c78d8;
}

/* icon */
[mat-icon-button][color=black-white] {
  color: white;
  background-color: black;
}

/* extra-lightgray */
[mat-button][color=extra-lightgray] {
  background-color: #ececec;
}

[mat-button][color=extra-lightgray] mat-icon {
  margin-bottom: 3px;
}

/* stroked */
[mat-stroked-button][color=primary] {
  background-color: white;
  color: #3c78d8;
  border: 2px solid #3c78d8;
}

[mat-stroked-button][color=primary][disabled] {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

[mat-stroked-button][color=white] {
  color: white;
  border: 2px solid white;
}

[mat-stroked-button][color=white][disabled] {
  border: 2px solid rgba(0, 0, 0, 0.26);
}

/* flat */
[mat-flat-button][color=primary] {
  background-color: #3c78d8;
  color: white;
}

[mat-button][color=timeline-white] {
  color: #ffffff !important;
  background-color: transparent !important;
}

[mat-button][color=timeline-white][disabled] {
  color: #d2d2d2 !important;
}

[mat-button][color=timeline-black-outlined] {
  color: #000000 !important;
  border-color: rgba(0, 0, 0, 0.25) !important;
}

[mat-button][color=timeline-black-outlined][disabled] {
  color: #575757 !important;
}

[mat-button][timeline],
[mat-raised-button][timeline] {
  font-weight: 700;
  border-radius: 16px;
  --mdc-button-padding-right: 16px;
  --mdc-button-padding-left: 16px;
  min-width: auto;
  background-color: #F1F3F5;
}
[mat-button][timeline].mat-mdc-button-disabled,
[mat-raised-button][timeline].mat-mdc-button-disabled {
  opacity: 0.3;
}
[mat-button][timeline] .mdc-button__label,
[mat-raised-button][timeline] .mdc-button__label {
  line-height: 1;
}
[mat-button][timeline].mat-mdc-button[disabled][disabled],
[mat-raised-button][timeline].mat-mdc-button[disabled][disabled] {
  opacity: 0.3;
}
[mat-button][timeline].warning,
[mat-raised-button][timeline].warning {
  pointer-events: unset;
}
[mat-button][timeline].warning .mdc-button__label:before,
[mat-raised-button][timeline].warning .mdc-button__label:before {
  content: "!";
  color: #ff0000;
  font-weight: bold;
  font-size: 1.4em;
  margin-right: 2px;
}
[mat-button][timeline][timeline*=normal],
[mat-raised-button][timeline][timeline*=normal] {
  font-weight: normal;
}
[mat-button][timeline][timeline*=transparent],
[mat-raised-button][timeline][timeline*=transparent] {
  background-color: transparent;
}
[mat-button][timeline][timeline*=icon-text].mat-mdc-button,
[mat-raised-button][timeline][timeline*=icon-text].mat-mdc-button {
  padding: 0 16px 0 8px;
}
[mat-button][timeline][timeline*=icon-text] .mdc-button__label,
[mat-raised-button][timeline][timeline*=icon-text] .mdc-button__label {
  display: flex;
  align-items: center;
  gap: 5px;
}
[mat-button][timeline][timeline*=label-full-width] .mdc-button__label,
[mat-raised-button][timeline][timeline*=label-full-width] .mdc-button__label {
  width: 100%;
}

[mat-button][timeline*=orange],
[mat-button].timeline-orange,
[mat-raised-button][timeline=orange] {
  background-color: #FC7723;
}
[mat-button][timeline*=orange]:not(.disabled),
[mat-button].timeline-orange:not(.disabled),
[mat-raised-button][timeline=orange]:not(.disabled) {
  color: white;
}

[mat-button][timeline*=dark-gray],
[mat-button].timeline-dark-gray,
[mat-raised-button][timeline=dark-gray] {
  background-color: #343A40;
}
[mat-button][timeline*=dark-gray]:not(.disabled),
[mat-button].timeline-dark-gray:not(.disabled),
[mat-raised-button][timeline=dark-gray]:not(.disabled) {
  color: white;
}
[mat-button][timeline*=dark-gray]:hover,
[mat-button].timeline-dark-gray:hover,
[mat-raised-button][timeline=dark-gray]:hover {
  background-color: #495057;
}

[mat-button][timeline][icon-button].mat-mdc-button > .mat-icon,
[mat-raised-button][timeline][icon-button].mat-mdc-button > .mat-icon {
  margin: 0;
}

[mat-mini-fab] .mat-mdc-button-touch-target {
  display: var(--mdc-button-touch-target__display, inherit);
  pointer-events: var(--mdc-button-touch-target__pointer-events, inherit);
}

[mat-mini-fab][timeline] .mat-mdc-button-touch-target {
  display: none;
}

[mat-mini-fab][timeline=orange].mat-mdc-mini-fab {
  background-color: #F87832;
}

[mat-mini-fab][flat].mat-mdc-mini-fab {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

[mat-mini-fab][timeline=lightgrey].mat-mdc-mini-fab {
  background-color: lightgrey;
}

[mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab,
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab {
  width: auto;
  height: auto;
  padding: 5px;
  box-shadow: none;
  background-color: transparent;
  color: #495057;
}
[mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab:active, [mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab:focus:active,
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab:active,
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab:focus:active {
  box-shadow: none;
}
[mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab.cdk-focused, [mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab.cdk-mouse-focused,
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab.cdk-focused,
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab.cdk-mouse-focused {
  box-shadow: none;
}
[mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab[disabled][disabled],
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab[disabled][disabled] {
  opacity: 0.3;
}
[mat-mini-fab][timeline=more-menu].mat-mdc-mini-fab .mat-mdc-button-ripple,
[mat-mini-fab][timeline=toolbar].mat-mdc-mini-fab .mat-mdc-button-ripple {
  display: var(--mdc-button-ripple__display, none);
}
[mat-mini-fab][timeline=more-menu]:hover.mat-mdc-mini-fab,
[mat-mini-fab][timeline=toolbar]:hover.mat-mdc-mini-fab {
  background-color: #E3E3E3;
}
[mat-mini-fab][timeline=more-menu].align-right,
[mat-mini-fab][timeline=toolbar].align-right {
  margin-left: auto;
  margin-right: 5px;
}
[mat-mini-fab][timeline=more-menu][extended-caption] .mdc-button__label,
[mat-mini-fab][timeline=toolbar][extended-caption] .mdc-button__label {
  display: flex;
  align-items: center;
  gap: var(--mdc-button__label-gap, 2px);
}
[mat-mini-fab][timeline=more-menu][extended-caption] .mdc-button__label i,
[mat-mini-fab][timeline=toolbar][extended-caption] .mdc-button__label i {
  color: var(--mdc-button__label-i_color, inherit);
}

[mat-mini-fab][tl-color=orange].mat-mdc-mini-fab.mat-mdc-button-disabled {
  opacity: 0.3;
}
[mat-mini-fab][tl-color=orange].mat-mdc-mini-fab:not(.mat-mdc-button-disabled) {
  color: #FC7723;
}
[mat-mini-fab][tl-color=orange].mat-mdc-mini-fab:not(.mat-mdc-button-disabled):hover.mat-mdc-mini-fab {
  background-color: rgba(227, 227, 227, 0.3019607843);
}

[mat-icon-button][timeline=orange] {
  color: white;
  background-color: #F87832;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  --mdc-icon-button-state-layer-size: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
[mat-icon-button][timeline=orange] .mat-mdc-button-touch-target {
  display: none;
}

[mat-button][h44] {
  height: 44px;
}

/* mat-icons*/
i.material-icons[color=pure-black],
mat-icon[color=pure-black] {
  color: black;
}

i.material-icons[color=black],
mat-icon[color=black] {
  color: rgba(0, 0, 0, 0.54);
}

i.ti[color=white],
i.material-icons[color=white],
mat-icon[color=white] {
  color: white;
}

i.ti[color=orange],
i.material-icons[color=orange],
.material-icons[color=orange] {
  color: #FC7723 !important;
}

i.material-icons[color=primary],
.material-icons[color=primary] {
  color: #3c78d8;
}

.material-icons[color=gray] {
  color: gray;
}

i.material-icons.disabled,
i.ti.disabled,
mat-icon.disabled {
  color: rgba(0, 0, 0, 0.12) !important;
  cursor: default;
  pointer-events: none;
}

i.ti.s-10,
i.material-icons.s-10,
i.material-icons-outlined.s-10,
mat-icon.s-10,
.material-icons.s-10 {
  font-size: 10px;
  width: 10px;
  height: 10px;
  min-width: 10px;
  min-height: 10px;
  line-height: 10px;
}
i.ti.s-12,
i.material-icons.s-12,
i.material-icons-outlined.s-12,
mat-icon.s-12,
.material-icons.s-12 {
  font-size: 12px;
  width: 12px;
  height: 12px;
  min-width: 12px;
  min-height: 12px;
  line-height: 12px;
}
i.ti.s-14,
i.material-icons.s-14,
i.material-icons-outlined.s-14,
mat-icon.s-14,
.material-icons.s-14 {
  font-size: 14px;
  width: 14px;
  height: 14px;
  min-width: 14px;
  min-height: 14px;
  line-height: 14px;
}
i.ti.s-16,
i.material-icons.s-16,
i.material-icons-outlined.s-16,
mat-icon.s-16,
.material-icons.s-16 {
  font-size: 16px;
  width: 16px;
  height: 16px;
  min-width: 16px;
  min-height: 16px;
  line-height: 16px;
}
i.ti.s-17,
i.material-icons.s-17,
i.material-icons-outlined.s-17,
mat-icon.s-17,
.material-icons.s-17 {
  font-size: 17px;
  width: 17px;
  height: 17px;
  min-width: 17px;
  min-height: 17px;
  line-height: 17px;
}
i.ti.s-18,
i.material-icons.s-18,
i.material-icons-outlined.s-18,
mat-icon.s-18,
.material-icons.s-18 {
  font-size: 18px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  min-height: 18px;
  line-height: 18px;
}
i.ti.s-19,
i.material-icons.s-19,
i.material-icons-outlined.s-19,
mat-icon.s-19,
.material-icons.s-19 {
  font-size: 19px;
  width: 19px;
  height: 19px;
  min-width: 19px;
  min-height: 19px;
  line-height: 19px;
}
i.ti.s-20,
i.material-icons.s-20,
i.material-icons-outlined.s-20,
mat-icon.s-20,
.material-icons.s-20 {
  font-size: 20px;
  width: 20px;
  height: 20px;
  min-width: 20px;
  min-height: 20px;
  line-height: 20px;
}
i.ti.s-21,
i.material-icons.s-21,
i.material-icons-outlined.s-21,
mat-icon.s-21,
.material-icons.s-21 {
  font-size: 21px;
  width: 21px;
  height: 21px;
  min-width: 21px;
  min-height: 21px;
  line-height: 21px;
}
i.ti.s-22,
i.material-icons.s-22,
i.material-icons-outlined.s-22,
mat-icon.s-22,
.material-icons.s-22 {
  font-size: 22px !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  line-height: 22px !important;
}
i.ti.s-24,
i.material-icons.s-24,
i.material-icons-outlined.s-24,
mat-icon.s-24,
.material-icons.s-24 {
  font-size: 24px;
  width: 24px;
  height: 24px;
  min-width: 24px;
  min-height: 24px;
  line-height: 24px;
}
i.ti.s-25,
i.material-icons.s-25,
i.material-icons-outlined.s-25,
mat-icon.s-25,
.material-icons.s-25 {
  font-size: 25px !important;
  width: 25px !important;
  height: 25px !important;
  min-width: 25px !important;
  min-height: 25px !important;
  line-height: 25px !important;
}
i.ti.s-26,
i.material-icons.s-26,
i.material-icons-outlined.s-26,
mat-icon.s-26,
.material-icons.s-26 {
  font-size: 26px !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  line-height: 26px !important;
}
i.ti.s-28,
i.material-icons.s-28,
i.material-icons-outlined.s-28,
mat-icon.s-28,
.material-icons.s-28 {
  font-size: 28px !important;
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  line-height: 28px !important;
}
i.ti.s-30,
i.material-icons.s-30,
i.material-icons-outlined.s-30,
mat-icon.s-30,
.material-icons.s-30 {
  font-size: 30px !important;
  width: 30px !important;
  height: 30px !important;
  min-width: 30px !important;
  min-height: 30px !important;
  line-height: 30px !important;
}
i.ti.s-32,
i.material-icons.s-32,
i.material-icons-outlined.s-32,
mat-icon.s-32,
.material-icons.s-32 {
  font-size: 32px !important;
  width: 32px !important;
  height: 32px !important;
  min-width: 32px !important;
  min-height: 32px !important;
  line-height: 32px !important;
}
i.ti.s-36,
i.material-icons.s-36,
i.material-icons-outlined.s-36,
mat-icon.s-36,
.material-icons.s-36 {
  font-size: 36px !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  line-height: 36px !important;
}
i.ti.s-48,
i.material-icons.s-48,
i.material-icons-outlined.s-48,
mat-icon.s-48,
.material-icons.s-48 {
  font-size: 48px !important;
  width: 48px !important;
  height: 48px !important;
  min-width: 48px !important;
  min-height: 48px !important;
  line-height: 48px !important;
}
i.ti.s-64,
i.material-icons.s-64,
i.material-icons-outlined.s-64,
mat-icon.s-64,
.material-icons.s-64 {
  font-size: 64px !important;
  width: 64px !important;
  height: 64px !important;
  min-width: 64px !important;
  min-height: 64px !important;
  line-height: 64px !important;
}

mat-icon.svg-gray-first-circle svg circle:first-child {
  fill: #ADB5BD;
}
mat-icon.svg-gray-first-circle:hover {
  opacity: 0.6;
}
mat-icon.svg-gray-first-circle:hover circle:first-child {
  fill: #F87832;
}

mat-icon.svg-orange-first-circle svg circle:first-child {
  fill: #F87832;
}
mat-icon.svg-orange-first-circle:hover {
  opacity: 1;
}
mat-icon.svg-orange-first-circle:hover circle:first-child {
  fill: #F87832;
}

mat-icon[timeline-type-background-none] svg rect {
  fill: none;
}

mat-icon[tl-mat-icon].active svg {
  fill: var(--tl-mat-icon-svg__fill);
}

i.ti {
  font-size: 24px;
}

.mat-mdc-radio-group .mat-mdc-radio-button .mdc-form-field {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
}

mat-radio-group[timeline=orange] .mat-mdc-radio-button {
  --mdc-radio-state-layer-size: 20px;
}
mat-radio-group[timeline=orange] .mat-mdc-radio-button.mat-accent {
  --mdc-radio-unselected-hover-icon-color: #FC7723;
}
mat-radio-group[timeline=orange] .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle,
mat-radio-group[timeline=orange] .mat-mdc-radio-button .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: #FC7723 !important;
}
mat-radio-group[timeline=orange] .mat-mdc-radio-button .mdc-form-field .mdc-radio .mat-mdc-radio-touch-target {
  width: 38px;
  height: 38px;
}
mat-radio-group[timeline=orange] .mat-mdc-radio-button .mdc-form-field .mdc-radio .mat-ripple .mat-ripple-element {
  background-color: #FC7723;
}
mat-radio-group[timeline=orange] .mat-mdc-radio-button .mdc-form-field.mat-mdc-radio-checked .mdc-radio__background:before {
  background-color: #FC7723 !important;
}
mat-radio-group[timeline=orange] .mat-mdc-radio-button .mdc-form-field label {
  padding-left: var(--mdc-radio__label-padding-left, 5px);
  letter-spacing: normal;
  cursor: pointer;
  color: var(--mat-radio-label-text-color);
}

mat-radio-group[timeline=orange][button-label-fit-content] .mat-mdc-radio-button {
  display: flex;
}
mat-radio-group[timeline=orange][button-label-fit-content] .mat-mdc-radio-button .mdc-form-field {
  width: 100%;
}
mat-radio-group[timeline=orange][button-label-fit-content] .mat-mdc-radio-button .mdc-form-field label {
  width: 100%;
  padding: var(--mdc-radio__label-padding, 0 0 0 5px);
}

mat-radio-group[timeline=orange][tl-size-selector] {
  --mdc-radio__label-padding-left: 8px;
}
mat-radio-group[timeline=orange][tl-size-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio {
  margin-top: 10px;
}
mat-radio-group[timeline=orange][tl-size-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-color: #607d8b !important;
}

mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio {
  width: 26px;
  height: 26px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio input {
  top: calc(50% - 10px);
  left: calc(50% - 10px);
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__background:before {
  content: none;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-radius: 3px;
  border-color: #607d8b !important;
  width: 26px;
  height: 26px;
  border-style: dotted;
  border-width: 1px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__inner-circle {
  top: calc(50% - 7px);
  left: calc(50% - 7px);
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field label {
  display: none;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button .mdc-form-field .mat-ripple {
  display: none;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.left-top .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-left-style: solid;
  border-left-width: 3px;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.top .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-top-style: solid;
  border-top-width: 3px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.right-top .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-right-style: solid;
  border-right-width: 3px;
  border-top-style: solid;
  border-top-width: 3px;
  border-top-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.left .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-left-style: solid;
  border-left-width: 3px;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.center .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-style: solid;
  border-width: 2px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.right .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-right-style: solid;
  border-right-width: 3px;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.left-bottom .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-left-style: solid;
  border-left-width: 3px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-right-radius: 5px;
  border-top-left-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.bottom .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
mat-radio-group[timeline=orange][tl-position-selector] .mat-mdc-radio-button.right-bottom .mdc-form-field .mdc-radio .mdc-radio__background .mdc-radio__outer-circle {
  border-right-style: solid;
  border-right-width: 3px;
  border-bottom-style: solid;
  border-bottom-width: 3px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
}

mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field .mdc-radio {
  align-self: flex-start;
}
mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field label {
  width: 100%;
  display: flex;
  flex-direction: column;
  font-weight: 300;
  font-size: 16px;
}
mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field label .radio-button-item {
  line-height: 1em;
  padding-top: 2px;
}
mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field label .radio-button-item .item-title {
  display: flex;
  align-items: center;
  position: relative;
}
mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field label .radio-button-item .item-title .item-icon {
  color: orange;
  position: absolute;
  right: -27px;
  top: 4px;
}
mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field label .radio-button-item .item-title .item-icon-s {
  color: orange;
  position: absolute;
  right: -7px;
  top: 4px;
}
mat-radio-group[tl-multiline-label=black] .mat-mdc-radio-button.mat-radio-button-item .mdc-form-field label .radio-button-item .item-title-hint {
  font-style: italic;
  color: #000000;
  white-space: normal;
  font-size: 13px;
}

mat-radio-group[tl-lable-w300-f16] .mat-mdc-radio-button .mdc-form-field label {
  font-size: 16px;
  font-weight: 300;
}

.vertical-radio-group {
  display: flex;
  flex-direction: column;
  gap: 0.5em;
}
.vertical-radio-group.compact {
  gap: 0.3em;
}
.vertical-radio-group.slim {
  gap: 0;
}
.vertical-radio-group.thin {
  gap: 0.1em;
}
.vertical-radio-group.thin .mat-mdc-radio-button .mdc-radio {
  --mdc-radio-state-layer-size: 34px;
}

.padding-x-12 {
  padding: 0 12px;
}

.reverse-radio-group .mdc-form-field {
  width: 100%;
  flex-direction: row-reverse;
}
.reverse-radio-group .mdc-form-field label {
  margin-left: auto;
  margin-right: 15px;
}

.horizontal-radio-group {
  display: flex;
  flex-direction: row;
  align-items: center;
}
.horizontal-radio-group .mat-mdc-radio-button {
  margin-right: 1em;
}
.horizontal-radio-group.compact .mat-mdc-radio-button {
  margin-right: 0.5em;
}

mat-radio-button[wrap-by-space] .mdc-form-field label {
  white-space: pre-line;
}

mat-radio-button[button-align=flex-start] .mdc-radio {
  align-self: flex-start;
}

mat-checkbox .mdc-form-field {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
}

mat-checkbox[timeline=orange].mat-mdc-checkbox {
  --mdc-checkbox-state-layer-size: 18px;
}
mat-checkbox[timeline=orange].mat-mdc-checkbox .mat-mdc-checkbox-touch-target {
  height: 38px;
  width: 38px;
}
mat-checkbox[timeline=orange].mat-mdc-checkbox .mdc-checkbox__background {
  width: var(--mdc-checkbox__size, 16px);
  height: var(--mdc-checkbox__size, 16px);
  border-color: #ADB5BD !important;
  border-width: 1px;
  border-style: solid;
  border-radius: 4px;
  background-color: #DEE2E6 !important;
}
mat-checkbox[timeline=orange].mat-mdc-checkbox .mdc-checkbox__background svg {
  transform: scale(0.8);
}
mat-checkbox[timeline=orange].mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: #F87832 !important;
  border-color: #F87832 !important;
}
mat-checkbox[timeline=orange].mat-mdc-checkbox label {
  padding-left: var(--mdc-checkbox__label-padding-left, 5px);
}
mat-checkbox[timeline=orange].mat-mdc-checkbox.mat-mdc-checkbox-disabled .mdc-checkbox__background {
  opacity: 0.38;
}
mat-checkbox[timeline=orange].checked-square.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background {
  background-color: white !important;
}
mat-checkbox[timeline=orange].checked-square.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background svg {
  transform: scale(1);
}
mat-checkbox[timeline=orange].checked-square.mat-mdc-checkbox.mat-mdc-checkbox-checked .mdc-checkbox__background svg path {
  d: path("M5 5 H 19 V 19 H 5 Z");
  fill: #F87832;
  stroke-width: 0;
}
mat-checkbox[timeline=orange] .mdc-checkbox__ripple {
  display: none;
}
mat-checkbox[timeline=orange] .mat-ripple {
  display: none;
}
mat-checkbox[timeline=orange].checkbox-hidden {
  --mdc-checkbox__label-padding-left: 0;
}
mat-checkbox[timeline=orange].checkbox-hidden .mdc-checkbox {
  display: none;
}

mat-checkbox[tl-lable-w300-f15].mat-mdc-checkbox .mdc-checkbox {
  margin-top: auto;
}
mat-checkbox[tl-lable-w300-f15].mat-mdc-checkbox label {
  font-weight: 300;
  font-size: 15px;
}

mat-checkbox[tl-label-size=size11] .mdc-form-field label {
  font-size: 11px;
  line-height: 11px;
}

mat-checkbox[tl-checkbox-label*=display-flex] .mdc-form-field label {
  display: flex;
}

mat-checkbox[tl-checkbox-label*=align-center] .mdc-form-field label {
  align-items: center;
}

mat-checkbox[tl-checkbox-label*=line-height-1] .mdc-form-field label {
  line-height: 1;
}

mat-checkbox[tl-label-color=gray] .mdc-form-field label {
  color: gray;
}

mat-checkbox[tl-checkbox] .mdc-form-field .mdc-checkbox,
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox {
  padding-right: var(--mdc-checkbox-label-distance, 2px);
}
mat-checkbox[tl-checkbox] .mdc-form-field .mat-mdc-checkbox-touch-target,
mat-checkbox[tl-checkbox] .mdc-form-field .mdc-checkbox__ripple,
mat-checkbox[tl-checkbox] .mdc-form-field .mat-ripple,
mat-checkbox[tl-round-checkbox] .mdc-form-field .mat-mdc-checkbox-touch-target,
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox__ripple,
mat-checkbox[tl-round-checkbox] .mdc-form-field .mat-ripple {
  display: none;
}

mat-checkbox[tl-round-checkbox] {
  --mdc-checkbox-selected-checkmark-color: var(--mdc-checkbox-selected-icon-color) !important;
  --mdc-checkbox-state-layer-size: 18px;
}
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox .mdc-checkbox__background {
  border-radius: 50%;
  background-color: transparent !important;
}
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox .mdc-checkbox__background .mdc-checkbox__mixedmark {
  border-radius: 50%;
  background-color: var(--mdc-checkbox-selected-checkmark-color);
  width: 10px;
  height: 10px;
  transition: transform ease 280ms, background-color ease 280ms;
  opacity: 1;
  border: none;
}
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox :not(:checked) .mdc-checkbox__background .mdc-checkbox__mixedmark {
  opacity: 0;
}
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox svg {
  display: none;
}
mat-checkbox[tl-round-checkbox] .mdc-form-field .mdc-checkbox .mdc-checkbox__native-control[disabled]:checked ~ .mdc-checkbox__background {
  border-color: var(--mdc-checkbox-selected-focus-icon-color);
}
mat-checkbox[tl-round-checkbox].mat-mdc-checkbox-disabled .mdc-form-field .mdc-checkbox {
  opacity: var(--mdc-checkbox-disabled__opacity, 0.38);
}

mat-checkbox[tl-round-checkbox=green-orange],
mat-checkbox[tl-checkbox=gray-orange] {
  --mdc-checkbox-unselected-focus-icon-color: rgba(0, 100, 0, 1) !important;
  --mdc-checkbox-unselected-icon-color: rgba(0, 100, 0, 1) !important;
  --mdc-checkbox-unselected-hover-icon-color: rgba(0, 100, 0, 0.8) !important;
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 100, 0, 1) !important;
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 100, 0, 0.4) !important;
  --mdc-checkbox-selected-focus-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-selected-hover-icon-color: rgba(252, 119, 35, 0.8) !important;
  --mdc-checkbox-selected-pressed-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-selected-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-disabled-selected-icon-color: rgba(252, 119, 35, 0.4) !important;
}

mat-checkbox[tl-round-checkbox=gray-orange],
mat-checkbox[tl-checkbox=gray-orange] {
  --mdc-checkbox-unselected-focus-icon-color: rgba(128, 128, 128, 1) !important;
  --mdc-checkbox-unselected-icon-color: rgba(128, 128, 128, 1) !important;
  --mdc-checkbox-unselected-hover-icon-color: rgba(128, 128, 128, 0.8) !important;
  --mdc-checkbox-unselected-pressed-icon-color: rgba(128, 128, 128, 1) !important;
  --mdc-checkbox-disabled-unselected-icon-color: rgba(128, 128, 128, 0.4) !important;
  --mdc-checkbox-selected-focus-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-selected-hover-icon-color: rgba(252, 119, 35, 0.8) !important;
  --mdc-checkbox-selected-pressed-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-selected-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-disabled-selected-icon-color: rgba(252, 119, 35, 0.4) !important;
}

input[type=checkbox][timeline] {
  accent-color: rgb(217, 125, 80);
}

mat-checkbox[tlCustomCheckbox] {
  --mdc-checkbox-unselected-focus-icon-color: rgba(128, 128, 128, 1) !important;
  --mdc-checkbox-unselected-icon-color: rgba(128, 128, 128, 1) !important;
  --mdc-checkbox-unselected-hover-icon-color: rgba(128, 128, 128, 0.8) !important;
  --mdc-checkbox-unselected-pressed-icon-color: rgba(128, 128, 128, 1) !important;
  --mdc-checkbox-disabled-unselected-icon-color: rgba(128, 128, 128, 0.4) !important;
  --mdc-checkbox-selected-focus-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-selected-hover-icon-color: rgba(252, 119, 35, 0.8) !important;
  --mdc-checkbox-selected-pressed-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-selected-icon-color: rgba(252, 119, 35, 1) !important;
  --mdc-checkbox-disabled-selected-icon-color: rgba(252, 119, 35, 0.4) !important;
}
mat-checkbox[tlCustomCheckbox] .mdc-checkbox .mdc-checkbox__native-control:enabled:not(:checked):not(:indeterminate):not([data-indeterminate=true]) ~ .mdc-checkbox__background {
  border-color: #FC7723 !important;
}
mat-checkbox[tlCustomCheckbox] .mdc-checkbox .mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background, mat-checkbox[tlCustomCheckbox] .mdc-checkbox .mdc-checkbox__native-control:enabled:indeterminate ~ .mdc-checkbox__background, mat-checkbox[tlCustomCheckbox] .mdc-checkbox .mdc-checkbox__native-control[data-indeterminate=true]:enabled ~ .mdc-checkbox__background {
  border-color: #FC7723 !important;
  background-color: #FC7723 !important;
}
mat-checkbox[tlCustomCheckbox] .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  transform: scale(0.6) !important;
}
mat-checkbox[tlCustomCheckbox] .mdc-checkbox__ripple {
  display: none;
}
mat-checkbox[tlCustomCheckbox] .mat-ripple {
  display: none;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  max-width: var(--mat-mdc-menu__panel-max-width, 280px);
}

.mat-menu-center-before {
  transform: translateX(50%);
}

.mat-menu-center-after {
  transform: translateX(-50%);
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.p-1em {
  padding: 8px 1em;
  box-sizing: border-box;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.plr-1em {
  padding: 0 1em;
  box-sizing: border-box;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.reset-max-width {
  max-width: initial;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.p-y-0 .mat-mdc-menu-content {
  padding-top: 0;
  padding-bottom: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.max-width-unset {
  max-width: unset;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.max-width-fit-content {
  max-width: fit-content;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-panel-rounded-10 {
  background: #858585;
  border-radius: 10px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-panel-rounded-10 .mat-mdc-menu-item .mat-mdc-menu-item-text {
  color: white;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-panel-rounded-10 .mat-mdc-menu-item:hover {
  background-color: #a3a3a3;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-panel-rounded-10 .mat-mdc-menu-item .ti,
.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-panel-rounded-10 .mat-mdc-menu-item .mat-icon {
  color: white !important;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-theme .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.dark-theme button.menu-title-item {
  font-weight: bold;
  text-align: center;
  background-color: lightgray;
  cursor: default;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.black-theme {
  background: #000000;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.black-theme span, .mat-mdc-menu-panel.mat-mdc-menu-panel.black-theme mat-icon {
  color: #FFF;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.main {
  background: white;
  border-radius: 20px;
  margin-top: 10px;
  margin-right: -4px;
  max-width: 550px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main.max-656 {
  max-width: 656px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main::-webkit-scrollbar {
  width: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main.three-in-row {
  max-width: max-content;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .mat-mdc-menu-content {
  padding: 16px;
  box-sizing: border-box;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .row {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 6px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .row.title {
  text-transform: uppercase;
  font-size: 20px;
  color: rgba(18, 20, 23, 0.768627451);
  padding-left: 6px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .row.line {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .row:not(:nth-last-child(1)) {
  padding-bottom: 16px;
  box-sizing: border-box;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button {
  z-index: 10000;
  min-width: 110px;
  max-width: 130px;
  height: 110px;
  box-sizing: border-box;
  white-space: normal;
  border-radius: 24px;
  background-color: #f1f3f5;
  padding: 0 11px;
  border: 1px solid transparent;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button:hover {
  border: 1px solid #DEE2E6;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button .data-container {
  display: grid;
  grid-template-rows: 1fr 1fr;
  height: 100%;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button .data-container i.ti,
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button .data-container mat-icon {
  margin: auto auto 0 auto;
  color: #868E96;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button .data-container div {
  line-height: 15px;
  padding-top: 5px;
  box-sizing: border-box;
  color: #343A40;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button.my-time-button {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button.delete-button {
  color: rgb(205, 142, 143);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button.delete-button:hover {
  color: white;
  background-color: #d9534f;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-button.delete-button:hover .data-container i.ti {
  color: rgba(255, 255, 255, 0.8);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button {
  line-height: 17px;
  margin: 3px 6px 3px 0;
  padding-left: 6px;
  display: flex;
  justify-content: flex-start;
  border-radius: 16px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button .data-container {
  display: flex;
  align-items: center;
  padding: 3px 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button .data-container i.ti,
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button .data-container mat-icon {
  color: #868E96;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button .data-container span, .mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button .data-container div {
  padding-left: 8px;
  box-sizing: border-box;
  color: #343A40;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button.terms-privacy-button {
  float: right;
  min-width: 100px;
  min-height: 50px;
  max-height: 50px;
  background-color: transparent !important;
  border: 0;
  color: white;
  cursor: pointer;
  margin: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button.terms-privacy-button:focus {
  outline: none;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button.delete-button {
  color: rgb(205, 142, 143);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button.delete-button:hover {
  color: white;
  background-color: #d9534f;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button.delete-button:hover .data-container i.ti {
  color: rgba(255, 255, 255, 0.8);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.main .menu-line-button.link {
  height: auto;
  text-align: left;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline {
  border-radius: 16px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.language-translate-statistic {
  min-width: 440px;
  max-width: unset;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.audience-menu {
  max-height: 450px;
  max-width: 350px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.timeline-section-menu {
  max-width: 315px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.timeline-section-menu.one-item {
  min-height: 45px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.timeline-section-menu.fit-content {
  max-width: fit-content;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.lightly-dark {
  background-color: #F1F1F1;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.quiz-question-toolbar-menu {
  --mat-mdc-menu__panel-max-width: fit-content;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline::-webkit-scrollbar {
  width: 0;
}
@supports not selector(::-webkit-scrollbar) {
  .mat-mdc-menu-panel.mat-mdc-menu-panel.timeline {
    scrollbar-width: thin;
  }
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.flat-transparent {
  box-shadow: none;
  background-color: transparent;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.min-width-fit-content {
  min-width: fit-content;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.content-box-shadow {
  box-shadow: 0 2px 15px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.content-box-shadow .mat-mdc-menu-content {
  padding: 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.dark-theme {
  background-color: #343A40;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.without-shadow {
  box-shadow: none;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.thin-shadow {
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.timeline.max-width-700 {
  max-width: 700px;
}

[side-menu-item].mat-mdc-menu-item {
  --mdc-typography-body1-letter-spacing: normal;
  --mdc-typography-body1-font-size: 16px;
  --mdc-typography-body1-line-height: 30px;
  --mat-menu-item-spacing: 10px;
  --mat-menu-item-icon-size: 5px;
  font-family: roche-sans, Roboto, Arial, sans-serif;
  height: 30px;
  min-height: 30px;
  min-width: 145px;
}
[side-menu-item].mat-mdc-menu-item:has(.material-icons, mat-icon, [matButtonIcon], i.ti) {
  padding-right: 20px;
  padding-left: 5px;
}
[side-menu-item].mat-mdc-menu-item .mat-mdc-menu-item-text {
  white-space: var(--mat-mdc-menu-item-text__white-space, nowrap) !important;
  overflow: hidden;
  text-overflow: ellipsis;
  display: var(--mat-mdc-menu-item-text__display, block);
}
[side-menu-item].mat-mdc-menu-item.clipboard-history-menu-item {
  padding-right: 5px !important;
}
[side-menu-item].mat-mdc-menu-item.clipboard-history-menu-item:hover {
  z-index: 1;
}
[side-menu-item].mat-mdc-menu-item.clipboard-history-menu-item .delete-clipboard-history-menu-item {
  min-width: 30px;
  width: 30px;
  padding: 0;
}
[side-menu-item].mat-mdc-menu-item.clipboard-history-menu-item .disabled-hover:hover {
  background-color: transparent;
}
[side-menu-item].mat-mdc-menu-item.clipboard-history-menu-item .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  width: 100%;
}
[side-menu-item].mat-mdc-menu-item.component-menu-button .mat-mdc-menu-item-text {
  display: flex;
  align-items: center;
  width: 100%;
}
[side-menu-item].mat-mdc-menu-item.component-menu-button[class*=text-fs-14] .mat-mdc-menu-item-text {
  font-size: 14px;
}
[side-menu-item].mat-mdc-menu-item i.ti,
[side-menu-item].mat-mdc-menu-item .mat-icon {
  top: 0;
  margin: 0;
  position: relative;
  line-height: 30px;
  padding-bottom: 3px;
  left: 0;
  font-size: 16px;
  width: 30px;
  height: 30px;
  text-align: center;
  color: rgba(0, 0, 0, 0.54);
}
[side-menu-item].mat-mdc-menu-item i.ti.disable,
[side-menu-item].mat-mdc-menu-item .mat-icon.disable {
  color: rgba(0, 0, 0, 0.38);
}
[side-menu-item].mat-mdc-menu-item i.ti {
  margin-right: -5px;
  display: inline-block;
}
[side-menu-item].mat-mdc-menu-item .close-icon {
  color: #868e96;
}
[side-menu-item].mat-mdc-menu-item.caption-ellipsis .mat-mdc-menu-item-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}
[side-menu-item].mat-mdc-menu-item.cdk-focused {
  background-color: transparent !important;
}
[side-menu-item].mat-mdc-menu-item.cdk-focused:hover {
  background-color: rgba(0, 0, 0, 0.04) !important;
}

[side-menu-item].mat-mdc-menu-item .mat-icon[orange] {
  color: #f19e00;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter {
  border-radius: 8px;
  background-color: #262B2F;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter .mat-mdc-menu-content {
  padding: 16px 16px 10px 16px;
  min-width: 100px;
  max-width: 165px;
  min-height: 70px;
  overflow: hidden;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter.my-knowledge, .mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter.event-dashboard {
  background-color: #E9E9EA;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter.my-knowledge .mat-mdc-menu-content, .mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter.event-dashboard .mat-mdc-menu-content {
  padding: 8px 0;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter.event-dashboard {
  border-radius: 16px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.mat-menu-timeline-filter.event-dashboard .mat-mdc-menu-content {
  max-width: 255px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.exam-add-users-list {
  border-radius: 20px;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.1019607843);
  max-width: unset;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.exam-add-users-list .mat-mdc-menu-content {
  padding: 4px 0px;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.exam-add-users-list .mat-mdc-menu-item-text {
  display: flex;
  gap: 8px;
  align-items: center;
  color: #343A40;
  font-size: 14px;
  font-weight: 500;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.exam-add-users-list .mat-mdc-menu-item-text .ti-backspace {
  color: #EF4444;
  font-size: 32px;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.color-picker-menu {
  border-radius: 20px;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.1019607843);
  max-width: unset;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.extra-tags-counter-menu {
  border-radius: 16px;
  padding: 8px;
  max-width: unset !important;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.extra-tags-counter-menu .mat-mdc-menu.content {
  padding: 0;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.content-container-question-table-menu {
  border-radius: 8px;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.1019607843);
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.content-container-question-table-menu .mat-mdc-menu-content {
  padding: 0;
}

.mat-mdc-menu-panel.content-p-0 .mat-mdc-menu-content {
  padding: 0;
}

.mat-mdc-menu-panel.content-p-6 .mat-mdc-menu-content {
  padding: 6px;
}

.default-menu-content-padding .mat-mdc-menu-content {
  padding: 4px 4px 4px 4px;
}

.magic-menu .mat-mdc-menu-content {
  padding: 16px 4px 4px 4px;
}
.magic-menu .mat-mdc-menu-item {
  background-color: unset !important;
  padding: 0;
  border-radius: 12px;
}
.magic-menu .cdk-program-focused {
  background-color: transparent !important;
}
.magic-menu .mat-mdc-menu-submenu-icon {
  display: none;
}

.mat-mdc-menu-panel.mat-mdc-menu-panel.content-edit-animation {
  border-radius: 16px;
  box-shadow: 4px 4px 15px 0 rgba(0, 0, 0, 0.1019607843);
  min-width: fit-content;
}
.mat-mdc-menu-panel.mat-mdc-menu-panel.content-edit-animation .mat-mdc-menu-content {
  padding: 4px;
}

.menu-background-black-opacity {
  background: rgba(0, 0, 0, 0.3);
}

/* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version. */
mat-paginator {
  font-family: roche-sans, Roboto, Arial, sans-serif;
}

/* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version. */
mat-paginator[color=transparent] {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
mat-paginator[color=transparent].mat-mdc-paginator {
  color: white;
  background-color: transparent;
}
mat-paginator[color=transparent] .mat-form-field-appearance-legacy .mat-form-field-underline {
  background-color: white;
}
mat-paginator[color=transparent] .mat-mdc-paginator-page-size .mat-select-trigger,
mat-paginator[color=transparent] .mat-select-arrow,
mat-paginator[color=transparent] .mat-select-value {
  color: white;
}

@font-face {
  font-family: "timeline";
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7");
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7#iefix") format("embedded-opentype"), url("/assets/fonts/timeline/timeline.ttf?2dh5l7") format("truetype"), url("/assets/fonts/timeline/timeline.woff?2dh5l7") format("woff"), url("/assets/fonts/timeline/timeline.svg?2dh5l7#timeline") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=tl-icon-], [class*=" tl-icon-"],
.timeline-icons {
  font-family: "timeline";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tl-icon-break:before {
  content: "\e900";
}

.tl-icon-content:before {
  content: "\e901";
}

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

.tl-icon-questionnaire:before {
  content: "\e903";
}

.tl-icon-summarise:before {
  content: "\e904";
}

.tl-icon-task:before {
  content: "\e905";
}

@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Light.ttf?") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Medium.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Medium.ttf?") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Bold.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Bold.ttf?") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Light.ttf?") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
[class^=icon-][color=primary], [class*=" icon-"][color=primary],
.timeline-icons[color=primary] {
  color: #3c78d8;
}

[class^=icon-][color=gray], [class*=" icon-"][color=gray],
.timeline-icons[color=gray] {
  color: gray;
}

.timeline-color {
  color: #3c78d8;
}

.warning-color {
  color: rgb(204, 0, 0);
}

.font-size-08 {
  font-size: 0.8em;
}

.text-bold {
  font-weight: bold;
}

.menu-blur {
  filter: blur(25px);
}

[frame-line] {
  border: 2px solid transparent;
  margin: -2px;
}

[frame-line].cast {
  border: 2px solid orange;
}

[timeline-card] {
  display: flex;
  background-color: white;
  transform: translate(0px, 0px);
  padding-left: 10px;
  padding-right: 5px;
  border-radius: 4px;
}

[timeline-card].anchor {
  background-color: #fffaf1;
}

[timeline-card].noclick {
  cursor: default;
}

/*
[timeline-card]:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.175);
}
*/
[timeline-card-body] {
  align-self: center;
  padding: 20px 15px 20px 0;
  width: calc(100% - 50px);
  font-size: 14px;
}

[timeline-card-body].header-info {
  padding-top: 30px;
}

[timeline-card-body].draft {
  opacity: 0.5;
}

[timeline-content-body] {
  min-height: 55px;
}

[timeline-content-body].note-visible {
  min-height: 120px;
}

[timeline-content-body].text-content {
  display: flex;
}

[timeline-content-body].justify-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

[timeline-content-body].align-center {
  display: flex;
  align-items: center;
}

[timeline-card-side-menu] {
  cursor: default;
  margin-top: 15px;
}

[timeline-card-side-menu].break-timeline-card {
  margin-top: 0;
}

.border-cut {
  outline: 1px dashed gray;
}

.border-cut-last {
  border-bottom: 1px dashed gray;
}

.border-first {
  border-top: 1px solid transparent;
}

.border-cut-first {
  border-top: 1px dashed gray;
}

[side-menu-more-list] {
  height: 1px;
  position: relative;
  top: 0;
  left: 0;
}

[side-menu-more-list-note-active] {
  position: absolute;
  right: -55px;
  top: -9px;
}

[mat-button][side-menu-more-button] {
  display: flex;
  justify-content: center;
  height: 35px;
  width: 35px;
  min-width: 35px;
  margin-left: auto;
  background-color: transparent;
  color: black;
  cursor: pointer;
}

[side-menu-more-button][disabled] {
  opacity: 0.5;
}

[side-menu-more-button].message-count {
  color: gray;
}

[side-menu-more-button].moods {
  color: gray;
}

[side-menu-more-button].note {
  color: gray;
}

[side-menu-more-button].note.active {
  color: #3c78d8;
  position: absolute;
  right: -50px;
  top: -9px;
}

[side-menu-more-button].note.hidden {
  color: #3c78d8;
}

[side-menu-more-button].send-message {
  color: #3c78d8;
}

[side-menu-more-button].sort-filter-button {
  cursor: pointer;
  color: gray;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button]::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].send-message::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].action-menu-button::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].action-user-menu-button::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

[side-menu-more-button-icon] {
  top: 1px;
  position: absolute;
  left: 1px;
  font-size: 23px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}

[side-menu-more-button-icon].message-count {
  font-size: 31px;
}

[side-menu-more-button-icon].moods {
  font-size: 25px;
}

[side-menu-more-button-icon].note {
  font-size: 31px;
}

[side-menu-more-button-icon].more-icon {
  font-size: 25px;
}

[side-left-panel] {
  display: flex;
  position: absolute;
}

[side-left-panel].bottom {
  bottom: 0;
  left: 0;
  z-index: 999999;
}

[mat-button][side-left-button] {
  display: flex;
  justify-content: center;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin-left: 0;
  background-color: transparent;
  color: black;
  cursor: pointer;
  color: gray;
  padding: 11px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button]::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button]::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

[side-left-button-icon] {
  top: 1px;
  position: absolute;
  left: 1px;
  font-size: 17px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

[side-left-button-icon]:before {
  position: relative;
  left: 0;
  top: 1px;
}

[side-left-button-icon].cast {
  color: orange;
  top: 2px;
  left: 8px;
  cursor: default;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button].draft::ng-deep .mat-button-ripple {
  display: none;
}

[side-left-button-icon].draft {
  top: 3px;
  left: 0;
}

[side-left-button-icon].private {
  top: 3px;
  left: 7px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button-icon].private::ng-deep .mat-button-ripple {
  display: none;
}

[side-left-button].user-logo {
  position: relative;
  width: 25px;
  height: 25px;
  min-width: 25px;
  left: 0;
  top: 2px;
  cursor: default;
}

[side-left-button-icon].user-logo {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  left: 0;
  top: 0;
}

[side-left-button].back-to-sections {
  width: 25px;
  height: 25px;
  min-width: 25px;
  color: white;
  margin-left: 15px;
  margin-right: 5px;
}

[side-left-button-icon].back-to-sections {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  top: 0;
  left: 0;
  font-size: 25px;
}

[side-left-button].break-logo {
  width: 44px;
  height: 44px;
  min-width: 44px;
  cursor: default;
  background-color: #dde7f8;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 10px;
}

[side-left-button].break-logo.cover-down {
  background-color: #cee7c8;
}

[side-left-button-icon].break-logo {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 26px;
  top: 9px;
  left: 9px;
}

[side-left-button].mood-item {
  width: 35px;
  height: 35px;
  min-width: 36px;
  min-height: 36px;
  border: 2px solid white;
  box-sizing: border-box;
  cursor: pointer;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button]::ng-deep .mat-button-ripple {
  border-radius: 0;
}

[side-left-button].mood-item:hover {
  border: 2px solid gray;
}

[side-left-button].mood-item.select {
  border: 2px solid gray;
}

[side-left-button].mood-item.presenter {
  margin-bottom: 8px;
  cursor: default;
}

[side-left-button].mood-item.presenter:hover {
  border: 2px solid white;
}

[side-left-button-icon].mood-item {
  width: 30px;
  height: 30px;
  line-height: 35px;
}

[side-left-button].action-option {
  width: 52px;
  height: 32px;
  min-width: 52px;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  border-radius: 15px;
  border: 2px solid transparent;
}

[side-left-button].action-option.select {
  border: 2px solid white;
  background-color: white;
}

[side-left-button].action-option:hover {
  transform: scale(1.15);
}

[side-left-button].action-option.select:hover {
  transform: scale(1);
}

[side-left-button][disabled].action-option:hover {
  transform: scale(1);
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button].action-option::ng-deep .mat-button-ripple {
  border-radius: 15px;
}

[side-left-button-icon].action-option {
  width: 25px;
  height: 25px;
  line-height: 27px;
  top: 1px;
  left: 11px;
  font-size: 25px;
}

[side-left-button-icon].action-option-img {
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 2px;
  left: 11px;
  font-size: 25px;
}

[side-left-button-icon].action-option.active {
  border: 2px solid orange;
}

[side-left-button].change-time {
  width: 80px;
  min-width: 80px;
  cursor: default;
}

[side-left-button-icon].change-time {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  color: #9a9a9a;
  font-size: 12px;
  width: 80px;
  min-width: 80px;
  text-align: left;
  margin-left: 8px;
  top: 5px;
}

[side-left-button-icon].change-time.cast {
  margin-left: 2px;
}

[moods-list] {
  display: flex;
  max-width: 144px;
  flex-wrap: wrap;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
}

[moods-list=column-4] {
  max-width: 186px;
}

[relevancy] {
  background-color: #e6e6e6;
  display: flex;
  position: absolute;
  z-index: 100;
  width: 3px;
  height: 70px;
  right: 0;
  top: 10px;
  transform: rotate(180deg);
}

[relevancy] .process {
  background-color: limegreen;
  max-height: 100%;
  width: 3px;
}

[message-counter] {
  position: relative;
  top: -3px;
  font-size: 12px;
}

[mood-count] {
  font-size: 12px;
  color: black;
  line-height: 12px;
  position: relative;
  top: 20px;
  z-index: 100;
}

[timeline-text-field] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

[timeline-text-field].row-7 {
  -webkit-line-clamp: 7;
}

[timeline-text-field].row-7-align-center {
  -webkit-line-clamp: 7;
  align-self: center;
}

[timeline-text-field=row-2],
[timeline-text-field].row-2 {
  -webkit-line-clamp: 2;
}

[timeline-text-field=row-3],
[timeline-text-field].row-3 {
  -webkit-line-clamp: 3;
}

.text-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-line-clamp.row-2 {
  -webkit-line-clamp: 2;
}
.text-line-clamp.row-7 {
  -webkit-line-clamp: 7;
}

[send-message-panel] {
  display: flex;
  flex-direction: column;
}

[last-2-messages] {
  margin-top: 5px;
  max-width: 290px;
}

[presentation-mode-messages] {
  margin-top: 5px;
  max-width: 290px;
  max-height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
}

[input-message-panel] {
  display: flex;
  align-items: center;
}

[thumbnail-presenter] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #3c78d8;
  border-radius: 50%;
  align-self: flex-start;
}

[thumbnail-user] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  align-self: flex-start;
}

[chat-message] {
  display: flex;
  align-items: center;
  margin-top: 2px;
}

[user-message] {
  margin-left: 5px;
  font-size: 12px;
  color: gray;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

[full-user-message] {
  margin-left: 5px;
  font-size: 12px;
  color: gray;
  display: block;
}

[input-message-text] {
  outline-color: rgba(60, 120, 216, 0.5);
  width: 260px;
}

[personal-note-mat-form-field] {
  width: 100%;
}

[personal-note-mat-form-field]::ng-deep .mat-mdc-form-field-infix {
  padding: 0 !important;
  padding-top: 0.84375em !important;
  border-top: 0 !important;
}

[personal-note-mat-form-field].qa-mode::ng-deep .mat-mdc-form-field-infix {
  padding-bottom: 6px !important;
}

[personal-note-mat-form-field]::ng-deep .mat-input-underline {
  display: none;
}

[personal-note-mat-form-field]::ng-deep .mat-mdc-form-field-wrapper {
  padding-bottom: 0.84375em;
}

[personal-note-mat-form-field].extended-comment::ng-deep .mat-mdc-form-field-label {
  top: 1.7em;
  color: rgba(0, 0, 0, 0.25) !important;
}

[personal-note-text] {
  overflow: hidden;
}

[personal-note-toolbar] {
  align-self: baseline;
  padding-top: 3px;
}

[extended-comment-toolbar] {
  align-self: baseline;
  padding-top: 3px;
  padding-right: 2px;
  margin-top: 32px;
  position: relative;
  left: 7px;
}

[switcher-down] {
  position: absolute;
  right: 6px;
  top: 7px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.
*/
[switcher-down]::ng-deep .mat-slide-toggle-ripple {
  display: none;
}

[input-message-text].multirow {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  resize: none;
  max-height: 90px;
  height: 90px;
  min-height: 90px;
  color: black;
}

[personal-note-panel] {
  background-color: #e3f1fc;
  color: #3c78d8;
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  align-items: center;
  margin-top: 10px;
  transform: translate(0px, 0px);
  cursor: text;
  border-radius: 10px;
}

[personal-note-panel].edit-mode {
  align-items: flex-start;
  min-height: 80px;
}

[personal-note-panel].extended-comment {
  width: calc(100% + 28px);
  border-radius: 15px;
  margin-bottom: 5px;
}

[personal-note-panel].extended-comment.simple-user-mode {
  width: calc(100% + 20px);
}

[personal-note-panel].extended-comment.paginator-mode {
  width: calc(100% - 44px);
  border-radius: 15px;
  margin-bottom: 20px;
  margin-left: 10px;
  flex: none;
}

/*
TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.
*/
[personal-note-panel].extended-comment::ng-deep .mat-form-field-infix {
  overflow-x: hidden;
  overflow-y: hidden;
}

[personal-note-field] {
  display: block;
}

[progress-bar] {
  width: 100px;
  height: 5px;
}

[anchor] {
  display: none;
  width: 100%;
  height: 0;
}

::ng-deep mat-form-field.mat-focused.no-underline .mat-mdc-form-field-underline .mat-form-field-ripple,
::ng-deep mat-form-field.no-underline .mat-form-field-underline {
  background-color: transparent;
  opacity: 0;
}

::ng-deep mat-form-field.mat-focused.qa-edit-underline .mat-mdc-form-field-underline .mat-form-field-ripple {
  bottom: 20px;
  width: 100%;
}

::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-underline {
  bottom: 20px;
  width: calc(100% - 28px);
}

::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-label-wrapper {
  padding-top: 0;
  /*
  TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.
  */
}
::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-label-wrapper .mat-form-field-label {
  top: 14px !important;
}

::ng-deep mat-form-field.mat-focused.black-underline .mat-mdc-form-field-underline .mat-form-field-ripple,
::ng-deep mat-form-field.black-underline .mat-form-field-underline {
  background-color: white;
}

::ng-deep mat-form-field.mat-focused.black-underline .mat-mdc-form-field-label {
  color: white;
}

.panel-separator {
  width: 100%;
  height: 7px;
}

.registration-new {
  color: lightgray;
}

.not-attending,
.not-registered {
  color: gray;
}

.waiting-for-approval,
.waiting-for-event-approval {
  color: orange;
}

.on-waiting-list {
  color: darkgoldenrod;
}

.registration-confirmed {
  color: green;
}

.special-registration,
.registration-completed {
  color: #3c78d8;
}

.register-continue-incomplete {
  color: #610000;
}

.add-group-dialog {
  width: 640px;
}

.mat-mdc-menu-panel.user-menu-style {
  max-height: 450px;
}

.mat-mdc-menu-panel.manage-time-wizards {
  max-width: 450px;
}

.mat-mdc-menu-panel {
  min-height: 46px !important;
}

.page-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  height: 100%;
}

.page-layout .top-toolbar {
  background-color: gray !important;
  color: white;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
}

.page-layout .page-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  padding: 0 24px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.page-layout .header-container {
  background-color: gray !important;
  color: white;
  height: 134px;
  min-height: 134px;
  max-height: 134px;
  z-index: 2;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center space-between;
  align-items: center;
}

.page-layout .content-container {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.page-layout .content-container .mat-mdc-table {
  background-color: white;
  position: relative;
  overflow: auto;
  flex: 1 1 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}
.page-layout .content-container .mat-mdc-table.user-table {
  margin: 0;
}

.page-layout .mat-mdc-table .mat-mdc-header-row {
  min-height: 64px;
  width: 100%;
}

.page-layout .mat-mdc-table .mat-mdc-row {
  position: relative;
  height: 64px;
  cursor: pointer;
  width: 100%;
}

.page-layout .mat-mdc-table .mat-mdc-row:hover {
  background-color: #f5f5f5;
}

.page-layout .main-container {
  height: 100%;
  display: grid;
  grid-template-rows: 138px 64px minmax(200px, 1fr);
}

.page-layout .user-table {
  overflow: auto;
  margin: 2px;
  height: calc(100% - 64px);
}

.page-layout .header {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
  box-sizing: border-box;
}

.page-layout .header .div {
  box-sizing: border-box;
}

.page-layout .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}

.page-layout .column-id {
  flex: 0 1 256px;
}

.page-layout .column-actions {
  flex: 0 1 128px;
}

.page-layout .column-logo,
.page-layout .column-checkbox {
  flex: 0 1 64px;
}

.page-layout .column-default {
  flex: 1 0 100px;
}

.uppy-hidden-trigger {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0;
}

.extended-comment-text {
  width: calc(100% - 28px);
}

.state-icon {
  width: 18px;
  height: 22px;
  min-width: 18px;
  min-height: 22px;
  line-height: 22px;
  background-position: center;
  position: relative;
  opacity: 0.6;
}
.state-icon.draft {
  top: 1px;
}
.state-icon.public {
  top: 2px;
}
.state-icon.public-by-link {
  top: -1px;
}
.state-icon.private {
  top: 1px;
}

.toolbar-right-button {
  width: 3em;
  min-height: 3em;
  margin-top: 0.6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  color: #343A40;
  background: white;
  box-sizing: border-box;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.toolbar-right-button span {
  position: absolute;
}
.toolbar-right-button span.more-100 {
  font-size: 0.7em;
}
.toolbar-right-button span.more-1000 {
  font-size: 0.5em;
}
.toolbar-right-button mat-icon {
  color: #868E96;
}
.toolbar-right-button mat-icon .personal-pin-decor {
  background-color: #868E96;
}
.toolbar-right-button .material-icons {
  color: #868E96;
}
.toolbar-right-button.not-interactive {
  cursor: unset;
}
.toolbar-right-button.disabled {
  pointer-events: none;
}
.toolbar-right-button.orange {
  background-color: orange;
}
.toolbar-right-button:not(.not-interactive):hover {
  transform: scale(1.1);
}
.toolbar-right-button .mat-mdc-button-persistent-ripple {
  border-radius: 40% !important;
}

@media (max-width: 767px) {
  .toolbar-right-button {
    margin-top: 0;
    margin-left: 5px;
  }
}
.cell-1-1 {
  grid-row: 1;
  grid-column: 1;
}

.cell-1-2 {
  grid-row: 1;
  grid-column: 2;
}

.cell-1-3 {
  grid-row: 1;
  grid-column: 3;
}

.cell-2-1 {
  grid-row: 2;
  grid-column: 1;
}

.cell-2-2 {
  grid-row: 2;
  grid-column: 2;
}

.cell-2-3 {
  grid-row: 2;
  grid-column: 3;
}

.cell-3-1 {
  grid-row: 3;
  grid-column: 1;
}

.cell-3-2 {
  grid-row: 3;
  grid-column: 2;
}

.cell-3-3 {
  grid-row: 3;
  grid-column: 3;
}

.cell-4-1 {
  grid-row: 4;
  grid-column: 1;
}

.cell-4-2 {
  grid-row: 4;
  grid-column: 2;
}

.cell-4-3 {
  grid-row: 4;
  grid-column: 3;
}

.cell-5-1 {
  grid-row: 5;
  grid-column: 1;
}

.cell-5-2 {
  grid-row: 5;
  grid-column: 2;
}

.cell-5-3 {
  grid-row: 5;
  grid-column: 3;
}

.cell-6-1 {
  grid-row: 6;
  grid-column: 1;
}

.cell-6-2 {
  grid-row: 6;
  grid-column: 2;
}

.cell-6-3 {
  grid-row: 6;
  grid-column: 3;
}

.cell-7-1 {
  grid-row: 7;
  grid-column: 1;
}

.cell-7-2 {
  grid-row: 7;
  grid-column: 2;
}

.cell-7-3 {
  grid-row: 7;
  grid-column: 3;
}

.cell-8-1 {
  grid-row: 8;
  grid-column: 1;
}

.cell-8-2 {
  grid-row: 8;
  grid-column: 2;
}

.cell-8-3 {
  grid-row: 8;
  grid-column: 3;
}

.cell-9-1 {
  grid-row: 9;
  grid-column: 1;
}

.cell-9-2 {
  grid-row: 9;
  grid-column: 2;
}

.cell-9-3 {
  grid-row: 9;
  grid-column: 3;
}

.cell-10-1 {
  grid-row: 10;
  grid-column: 1;
}

.cell-10-2 {
  grid-row: 10;
  grid-column: 2;
}

.cell-10-3 {
  grid-row: 10;
  grid-column: 3;
}

.cell-11-1 {
  grid-row: 11;
  grid-column: 1;
}

.cell-11-2 {
  grid-row: 11;
  grid-column: 2;
}

.cell-11-3 {
  grid-row: 11;
  grid-column: 3;
}

.cell-12-1 {
  grid-row: 12;
  grid-column: 1;
}

.cell-12-2 {
  grid-row: 12;
  grid-column: 2;
}

.cell-12-3 {
  grid-row: 12;
  grid-column: 3;
}

.cell-13-1 {
  grid-row: 13;
  grid-column: 1;
}

.cell-13-2 {
  grid-row: 13;
  grid-column: 2;
}

.cell-13-3 {
  grid-row: 13;
  grid-column: 3;
}

.cell-14-1 {
  grid-row: 14;
  grid-column: 1;
}

.cell-14-2 {
  grid-row: 14;
  grid-column: 2;
}

.cell-14-3 {
  grid-row: 14;
  grid-column: 3;
}

.cell-15-1 {
  grid-row: 15;
  grid-column: 1;
}

.cell-15-2 {
  grid-row: 15;
  grid-column: 2;
}

.cell-15-3 {
  grid-row: 15;
  grid-column: 3;
}

.cell-16-1 {
  grid-row: 16;
  grid-column: 1;
}

.cell-16-2 {
  grid-row: 16;
  grid-column: 2;
}

.cell-16-3 {
  grid-row: 16;
  grid-column: 3;
}

.cell-17-1 {
  grid-row: 17;
  grid-column: 1;
}

.cell-17-2 {
  grid-row: 17;
  grid-column: 2;
}

.cell-17-3 {
  grid-row: 17;
  grid-column: 3;
}

.cell-18-1 {
  grid-row: 18;
  grid-column: 1;
}

.cell-18-2 {
  grid-row: 18;
  grid-column: 2;
}

.cell-18-3 {
  grid-row: 18;
  grid-column: 3;
}

.cell-19-1 {
  grid-row: 19;
  grid-column: 1;
}

.cell-19-2 {
  grid-row: 19;
  grid-column: 2;
}

.cell-19-3 {
  grid-row: 19;
  grid-column: 3;
}

.cell-20-1 {
  grid-row: 20;
  grid-column: 1;
}

.cell-20-2 {
  grid-row: 20;
  grid-column: 2;
}

.cell-20-3 {
  grid-row: 20;
  grid-column: 3;
}

.cell-21-1 {
  grid-row: 21;
  grid-column: 1;
}

.cell-21-2 {
  grid-row: 21;
  grid-column: 2;
}

.cell-21-3 {
  grid-row: 21;
  grid-column: 3;
}

.cell-22-1 {
  grid-row: 22;
  grid-column: 1;
}

.cell-22-2 {
  grid-row: 22;
  grid-column: 2;
}

.cell-22-3 {
  grid-row: 22;
  grid-column: 3;
}

.cell-23-1 {
  grid-row: 23;
  grid-column: 1;
}

.cell-23-2 {
  grid-row: 23;
  grid-column: 2;
}

.cell-23-3 {
  grid-row: 23;
  grid-column: 3;
}

.cell-24-1 {
  grid-row: 24;
  grid-column: 1;
}

.cell-24-2 {
  grid-row: 24;
  grid-column: 2;
}

.cell-24-3 {
  grid-row: 24;
  grid-column: 3;
}

.cell-25-1 {
  grid-row: 25;
  grid-column: 1;
}

.cell-25-2 {
  grid-row: 25;
  grid-column: 2;
}

.cell-25-3 {
  grid-row: 25;
  grid-column: 3;
}

.cell-26-1 {
  grid-row: 26;
  grid-column: 1;
}

.cell-26-2 {
  grid-row: 26;
  grid-column: 2;
}

.cell-26-3 {
  grid-row: 26;
  grid-column: 3;
}

.cell-27-1 {
  grid-row: 27;
  grid-column: 1;
}

.cell-27-2 {
  grid-row: 27;
  grid-column: 2;
}

.cell-27-3 {
  grid-row: 27;
  grid-column: 3;
}

.cell-28-1 {
  grid-row: 28;
  grid-column: 1;
}

.cell-28-2 {
  grid-row: 28;
  grid-column: 2;
}

.cell-28-3 {
  grid-row: 28;
  grid-column: 3;
}

.cell-29-1 {
  grid-row: 29;
  grid-column: 1;
}

.cell-29-2 {
  grid-row: 29;
  grid-column: 2;
}

.cell-29-3 {
  grid-row: 29;
  grid-column: 3;
}

.cell-30-1 {
  grid-row: 30;
  grid-column: 1;
}

.cell-30-2 {
  grid-row: 30;
  grid-column: 2;
}

.cell-30-3 {
  grid-row: 30;
  grid-column: 3;
}

.snack-bar-warning {
  background-color: orange;
}
.snack-bar-warning .mat-mdc-simple-snack-bar span {
  color: white;
}
.snack-bar-warning .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-action button {
  background-color: darkgray;
  color: white;
}

mat-snack-bar-container.snack-bar-error {
  transform: translateY(100%);
  box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2) !important;
}

.snack-bar-error {
  --mdc-snackbar-container-color: #EF4444;
  transform: translateY(100%) !important;
}
.snack-bar-error .mat-mdc-simple-snack-bar span {
  color: white;
}
.snack-bar-error .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-action button {
  background-color: darkgray;
  color: white;
}

.pdf-fit-to-screen ::ng-deep .pdf-viewer-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.toolbar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: black;
  background-color: white;
  border-radius: 20px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  height: 100%;
}
.toolbar-container .tc-logo-color {
  width: 100px;
  height: 100%;
  border-radius: 18px;
}
.toolbar-container .tc-logo-image {
  width: 100px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
}
.toolbar-container .tc-name {
  text-align: start;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
app-user-avatar.follow-me-manager-icon ngx-avatar .avatar-container {
  border: 1px solid #f59759;
  border-radius: 50%;
}

button[focus-overlay-off].mat-mdc-icon-button {
  /*
  TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
  */
}
button[focus-overlay-off].mat-mdc-icon-button .mat-button-focus-overlay {
  opacity: 0 !important;
}

.gap-select {
  font-size: 1em;
  color: #000000;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  background-color: #DEE2E6;
  outline: unset;
  caret-color: #000000;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  appearance: none;
  padding-left: 5px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24' fill='orangered'><path d='M0 0h24v24H0z' fill='none'/><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>");
}
.gap-select .gap-option {
  background-color: white;
}
.gap-select.readonly {
  background-image: none;
  opacity: 1;
}
.gap-select.correct {
  background-image: none;
  background-color: rgba(0, 128, 0, 0.5607843137);
  color: white;
  opacity: 1;
  cursor: default;
}
.gap-select.incorrect {
  background-image: none;
  background-color: rgb(221, 130, 133);
  color: white;
  opacity: 1;
}
.gap-select[disabled=true] {
  cursor: default;
}

.correct-answers-tooltip {
  background-color: white;
  padding: 8px 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: max-content;
  box-shadow: 0 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);
  z-index: -1;
  position: fixed;
  visibility: hidden;
}
.correct-answers-tooltip.visible {
  z-index: 99999991;
  visibility: visible;
}
.correct-answers-tooltip .title {
  font-size: 14px;
  font-weight: 600;
  color: #868e96;
  margin-bottom: 4px;
}
.correct-answers-tooltip .answers {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.correct-answers-tooltip .divider {
  width: 100%;
  height: 2px;
  background-color: #DEE2E6;
  margin: 8px 0 4px 0;
}
.correct-answers-tooltip .tooltip-correct-answer-item,
.correct-answers-tooltip .tooltip-answer-item {
  padding: 4px 8px;
  background-color: rgba(0, 128, 0, 0.5607843137);
  font-size: 14px;
  color: white;
  width: fit-content;
  border-radius: 6px;
  max-width: 250px;
}
.correct-answers-tooltip .tooltip-answer-item {
  background-color: rgba(227, 227, 227, 0.3019607843);
  color: #343A40;
}

.result-badge {
  pointer-events: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  color: #FFF;
  font-size: 11px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.result-badge.correct {
  background-color: rgb(22, 163, 74);
  top: -3px;
  left: -8px;
}
.result-badge.error {
  background-color: rgb(239, 68, 68);
  bottom: calc(var(--answer-caption__font-size) - 21px);
  left: calc(100% - 11px);
}
.result-badge .list-wrapper {
  position: fixed;
  display: none;
}
.result-badge:hover .list-wrapper {
  z-index: 123456;
  display: block;
}
.result-badge:hover .list-wrapper .list {
  position: absolute;
  width: max-content;
  max-width: 250px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-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);
}
.result-badge:hover .list-wrapper .list.open-left {
  transform: translateX(-100%);
}
.result-badge:hover .list-wrapper .list .list-title {
  color: rgb(52, 58, 64);
  font-size: 12px;
  font-weight: 600;
}
.result-badge:hover .list-wrapper .list .list-title .answers-counter {
  font-weight: 700;
}
.result-badge:hover .list-wrapper .list .list-item {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 14px;
  border-radius: 6px;
  word-break: break-word;
  width: fit-content;
}
.result-badge:hover .list-wrapper .list .list-item.correct-answer {
  background-color: rgb(22, 163, 74);
}
.result-badge:hover .list-wrapper .list .list-item.error-answer {
  background-color: rgb(239, 68, 68);
}

.gap-filling-result {
  width: 60px;
  height: 0.5em;
  display: inline-block;
  background-color: rgb(239, 239, 239);
  overflow: hidden;
  border-radius: 3px;
}
.gap-filling-result .correct-result {
  height: 50%;
  background-color: green;
}
.gap-filling-result .error-result {
  height: 50%;
  background-color: rgb(204, 0, 0);
}

.gap-text-select {
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24' fill='orangered'><path d='M0 0h24v24H0z' fill='none'/><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>");
}

.timeline-checkbox-gap-editor {
  font-size: 0.9em;
  position: relative;
  top: 0.11em;
  height: auto;
  width: 0.8em;
}
.timeline-checkbox-gap-editor[type=checkbox]:after {
  content: attr(value);
  margin: -4px 0;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  border: 1px solid #D9D9D9;
  position: relative;
  left: -5px;
  padding: 1px 4px 1px 20px;
  line-height: 1.2;
  border-radius: 8px;
}

.timeline-checkbox-gap-label {
  border-radius: 8px;
  padding: 0 4px 0 1px;
  border: 1px solid #D9D9D9;
}
.timeline-checkbox-gap-label.correct {
  background-color: rgba(0, 128, 0, 0.5607843137);
  color: white;
}

.timeline-checkbox-gap {
  font-size: 0.9em;
  position: relative;
  top: 0.11em;
  height: 1em;
  width: 0.8em;
}

.checkbox-gap-filling-result {
  font-size: 0.8em;
  height: 1em;
  width: 1em;
  padding: 0 0.3em;
  margin: 0 0.11em;
  background-color: #fb7822;
  color: white;
  border-radius: 8px;
  text-align: center;
  position: relative;
  top: -0.1em;
}

.multilingual-element.overflow {
  overflow-y: auto;
  height: 100% !important;
}
.multilingual-element.overflow::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 5px;
  height: 5px;
}
.multilingual-element.overflow::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.multilingual-element.overflow::-webkit-scrollbar-track-piece {
  background-color: rgb(204, 0, 0);
}
.multilingual-element.overflow::-webkit-scrollbar-thumb {
  background-color: red;
}
@supports not selector(::-webkit-scrollbar) {
  .multilingual-element.overflow {
    scrollbar-width: thin;
  }
}

mat-header-cell[timeline-sort-header].mat-sort-header .mat-sort-header-container .mat-sort-header-arrow {
  position: absolute;
  right: 0;
}

mat-header-cell[timeline-sort-header][sort-arrow-right15].mat-sort-header .mat-sort-header-container .mat-sort-header-arrow {
  position: absolute;
  right: -15px;
}

[timeline-v-scrollbar]::-webkit-scrollbar {
  background-color: white;
  width: 5px;
}

[timeline-h-scrollbar]::-webkit-scrollbar {
  background-color: white;
  height: 5px;
}

[timeline-v-scrollbar]::-webkit-scrollbar-track,
[timeline-h-scrollbar]::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 10px;
}
[timeline-v-scrollbar]::-webkit-scrollbar-track-piece,
[timeline-h-scrollbar]::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
[timeline-v-scrollbar]::-webkit-scrollbar-thumb,
[timeline-h-scrollbar]::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 10px;
}
@supports not selector(::-webkit-scrollbar) {
  [timeline-v-scrollbar],
  [timeline-h-scrollbar] {
    scrollbar-width: thin;
  }
}

[timeline-v-scrollbar=white]::-webkit-scrollbar-track-piece {
  background-color: white;
}

[timeline-v-scrollbar=width-2px]::-webkit-scrollbar {
  width: 2px;
}

.timeline-tooltip {
  white-space: pre-line;
  cursor: default;
}

.timeline-tooltip-align-left {
  white-space: pre-line;
  cursor: default;
}
.timeline-tooltip-align-left div {
  text-align: left;
}

[text-truncate-by-ellipsis] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.timeline-chart-tooltip {
  position: absolute;
  padding: 8px;
  gap: 16px;
  border-radius: 12px 12px 12px 4px;
  background: #FFFFFF;
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
.timeline-chart-tooltip .content {
  padding: 6px;
  gap: 10px;
  border-radius: 4px;
  background: #FFF7ED;
  border: 1px solid #FFB772;
  color: #FC7723;
}

.color-orange {
  color: #FC7723 !important;
}

/* styles for mobile device */
@media (max-width: 767px) {
  .page-layout .mat-mdc-table .mat-mdc-header-row,
  .page-layout .mat-table .mat-mdc-row {
    width: unset;
  }
  [personal-note-panel].extended-comment.paginator-mode {
    width: calc(100% - 90px);
    right: 59px;
  }
  .extended-comment-text {
    width: calc(100% - 28px);
  }
}
/* FireFox and other styles */
@supports not (-webkit-line-clamp: 1) {
  [timeline-text-field] {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
/* IE11 styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [message-counter] {
    top: -3px;
    left: -9px;
    padding-left: 4px;
  }
}
/* IE12+ styles */
/* Edge styles */
/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    [input-message-text] {
      font-size: 16px;
    }
    [input-message-text].multirow {
      font-size: 16px;
    }
  }
}
i[rotate90] {
  transform: rotate(90deg);
}

.ai-gradient {
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-gradient.weight-700 {
  font-weight: 700;
}

[assessment-status].no-assessed,
.assessment-status.no-assessed {
  color: #9D9D9D !important;
}
[assessment-status].autoAssessed,
.assessment-status.autoAssessed {
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[assessment-status].autoAssessed.weight-700,
.assessment-status.autoAssessed.weight-700 {
  font-weight: 700;
}
[assessment-status].assessed,
.assessment-status.assessed {
  color: #FD8E3A !important;
}
[assessment-status].reviewed,
.assessment-status.reviewed {
  color: #49BEFF !important;
}
[assessment-status].approved,
.assessment-status.approved {
  color: #16A34A !important;
}

.table-td-hover:hover {
  background-color: #DBDBDB;
  border-radius: 4px;
}

input[hide-arrow] {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
input[hide-arrow][type=number]::-webkit-outer-spin-button, input[hide-arrow][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[hide-arrow][type=number] {
  -moz-appearance: textfield;
}

.formula-field {
  display: inline-block;
  color: #45484D;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

gap {
  display: inline-block;
}
gap:has(.empty-text) {
  vertical-align: bottom;
}

drop-down-list {
  width: fit-content;
  min-width: 5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  border: 1px solid #DEE2E6;
  border-radius: 12px;
  padding: 4px;
  background-color: white;
  z-index: 99999991;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
}
drop-down-list .item {
  caret-color: transparent;
  padding: 6px 8px;
  border-radius: 8px;
}
drop-down-list .item:not(.summary):hover {
  background-color: #F1F1F1;
}
drop-down-list .item mat-checkbox {
  display: flex;
}
drop-down-list .item.disabled {
  cursor: default;
}
drop-down-list .item.disabled.settings-mode {
  --mat-checkbox-disabled-label-color: $tl-gray-800;
  --mdc-checkbox-disabled__opacity: 0.6;
}
drop-down-list .item.input-result-item {
  display: flex;
  color: #343A40;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  cursor: default;
  opacity: 0.9;
}
drop-down-list .item.selected-correct {
  background-color: #E8F6ED;
  border: 1px solid #15803D;
}
drop-down-list .item.selected-incorrect {
  background-color: #FEF2F2;
  border: 1px solid #EF4444;
}
drop-down-list .item.readonly {
  cursor: default;
}
drop-down-list .item.option-disabled {
  opacity: 0.6;
}
drop-down-list .item.summary {
  position: relative;
  overflow: hidden;
}
drop-down-list .item.summary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--progress-percent);
  height: 100%;
  background: linear-gradient(to right, #FFECD4 0%, #FFD5A9 100%);
  overflow: hidden;
  border-radius: 4px;
}
drop-down-list .item.text-summary {
  display: grid;
  grid-template-columns: 1fr minmax(40px, auto);
}
drop-down-list .item.text-summary .answers-count {
  font-weight: bold;
  text-align: right;
  font-size: 12px;
}
drop-down-list .item .check-result-item {
  display: flex;
  color: #343A40;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  cursor: default;
  opacity: 0.9;
}
drop-down-list .item .check-result-item i.ti {
  border-radius: 50%;
  color: white;
  font-size: 10px;
  padding: 2px;
}
drop-down-list .item .check-result-item i.ti.ti-check {
  background-color: #16A34A;
}
drop-down-list .item .check-result-item i.ti.ti-x {
  background-color: #EF4444;
}
drop-down-list .item .check-result-item .percent-value {
  font-size: 12px;
  font-weight: bold;
  color: #FC7723;
}
drop-down-list .item .check-result-item.summary {
  display: grid;
  grid-template-columns: minmax(30px, auto) 1fr auto;
  gap: 8px;
}

.legacy-gap-drop-down-list-wrapper {
  display: block;
  z-index: 99999991;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
  border-radius: 16px;
}
.legacy-gap-drop-down-list-wrapper .list {
  width: max-content;
  max-width: 250px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.legacy-gap-drop-down-list-wrapper .list.open-left {
  transform: translateX(-100%);
}
.legacy-gap-drop-down-list-wrapper .list .list-title {
  color: rgb(52, 58, 64);
  font-size: 12px;
  font-weight: 600;
}
.legacy-gap-drop-down-list-wrapper .list .list-title .answers-counter {
  font-weight: 700;
}
.legacy-gap-drop-down-list-wrapper .list .list-item {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 14px;
  border-radius: 6px;
  word-break: break-word;
  width: fit-content;
}
.legacy-gap-drop-down-list-wrapper .list .list-item.correct-answer {
  background-color: rgb(22, 163, 74);
}
.legacy-gap-drop-down-list-wrapper .list .list-item.error-answer {
  background-color: rgb(239, 68, 68);
}

/*
!* Chrome, Safari, Edge, Opera *!
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
!* Firefox *!
input[type="number"] {
  -moz-appearance: textfield;
}
*/
.mat-tooltip-multiline {
  white-space: pre-line;
}

.mat-tooltip-multiline-align-left {
  white-space: pre-line;
}
.mat-tooltip-multiline-align-left .mdc-tooltip__surface {
  text-align: left;
}

.mat-tooltip-small {
  font-size: 10px;
}

.mat-tooltip-medium {
  font-size: 12px;
}

.mat-tooltip-large {
  font-size: 14px;
}

.mat-tooltip-network-quality {
  font-size: 12px;
}
.mat-tooltip-network-quality.good {
  background-color: #00ae00 !important;
}
.mat-tooltip-network-quality.medium {
  background-color: #dba409 !important;
}
.mat-tooltip-network-quality.low {
  background-color: #d80202 !important;
}

.mat-mdc-tooltip-panel {
  pointer-events: none;
}

.mat-tooltip-width-40vw .mat-mdc-tooltip-surface {
  max-width: 40vw;
  white-space: pre-wrap;
  text-align: left;
  --mdc-plain-tooltip-container-color: #16A34A;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  color: white;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.mat-tooltip-width-40vw .mat-mdc-tooltip-surface:before {
  position: relative;
  content: var(--tooltip-header, "");
  font-weight: 600;
  text-align: center;
  border-bottom: 1px solid;
  border-radius: 0;
}

.time-value-tooltip-timeline {
  white-space: pre-line;
  position: relative;
  top: 0;
  right: 10px;
  --mdc-plain-tooltip-container-color: #9d9d9d;
  border-radius: 4px;
  overflow: hidden;
}
.time-value-tooltip-timeline .mdc-tooltip__surface {
  text-align: left;
}

.time-value-tooltip-timeline-module {
  white-space: pre-line;
  position: relative;
  top: 2px;
  right: 10px;
}

.tooltip-toolbar-right-button-fullscreen {
  position: absolute !important;
  width: max-content;
  top: -20px;
  right: -37px;
}
.tooltip-toolbar-right-button-fullscreen.pt {
  right: -39px;
}

.tooltip-content-points {
  bottom: -75px;
}

.tooltip-contents-group-name {
  top: -5px;
}
.tooltip-contents-group-name .mat-mdc-tooltip-surface {
  background-color: #F1F1F1;
  color: #868e96;
  border-radius: 8px;
  max-width: 400px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

mat-form-field.mat-mdc-form-field {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
}

mat-form-field[timeline],
mat-form-field.timeline {
  width: 100%;
  box-sizing: border-box;
  --mdc-filled-text-field-focus-active-indicator-color: black;
}
mat-form-field[timeline] .mdc-text-field,
mat-form-field.timeline .mdc-text-field {
  padding: 0;
}
mat-form-field[timeline] .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input,
mat-form-field.timeline .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: #000000;
}
mat-form-field[timeline] .mdc-text-field .mdc-text-field__input.error,
mat-form-field.timeline .mdc-text-field .mdc-text-field__input.error {
  caret-color: var(--mdc-theme-error, #f44336);
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper {
  background-color: unset;
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-focus-overlay {
  background-color: unset;
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  line-height: 1.125;
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 18px;
  transition: transform 350ms cubic-bezier(0.4, 0, 0.2, 1), color 350ms cubic-bezier(0.4, 0, 0.2, 1);
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label.mdc-floating-label--float-above,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label.mdc-floating-label--float-above {
  transform: translate(0, -90%) scale(0.75);
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 0 0 0.4375em 0;
  min-height: 1.2em;
  display: var(--mat-mdc-form-field-infix__display, initial);
  justify-content: var(--mat-mdc-form-field-infix__justify-content, initial);
  width: 100%;
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element {
  min-height: var(--mat-mdc-input-element__min-height, 1.5em);
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple:before, mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple:after,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple:before,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple:after {
  bottom: 4px;
}
mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple:before,
mat-form-field.timeline .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple:before {
  border-bottom-color: var(--mat-mdc-form-field_underline-color, rgba(0, 0, 0, 0.42));
}
mat-form-field[timeline] .mdc-text-field .mdc-floating-label,
mat-form-field.timeline .mdc-text-field .mdc-floating-label {
  transform: translateY(20%);
}
mat-form-field[timeline] .mdc-text-field.mdc-text-field--disabled .mdc-line-ripple::before,
mat-form-field.timeline .mdc-text-field.mdc-text-field--disabled .mdc-line-ripple::before {
  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 100%;
  background-repeat: repeat-x;
  background-position: 0;
  height: 1px;
  border-bottom-style: none;
}
mat-form-field[timeline] .mat-mdc-form-field-wrapper,
mat-form-field.timeline .mat-mdc-form-field-wrapper {
  padding: 0;
}
mat-form-field[timeline] .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix,
mat-form-field.timeline .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  border: 0;
}
mat-form-field[timeline] .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select-trigger,
mat-form-field.timeline .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix .mat-mdc-select-trigger {
  height: unset;
}
mat-form-field[timeline] .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-label-wrapper,
mat-form-field.timeline .mat-mdc-form-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-label-wrapper {
  display: none;
}
mat-form-field[timeline] .mat-mdc-form-field-wrapper .mat-mdc-form-field-underline,
mat-form-field.timeline .mat-mdc-form-field-wrapper .mat-mdc-form-field-underline {
  display: none;
}
mat-form-field[timeline] .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control,
mat-form-field.timeline .mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  letter-spacing: normal;
  line-height: 1;
}
mat-form-field[timeline] .mat-mdc-form-field-subscript-wrapper,
mat-form-field.timeline .mat-mdc-form-field-subscript-wrapper {
  height: 1em;
}
mat-form-field[timeline] .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
mat-form-field[timeline] .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper,
mat-form-field.timeline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper,
mat-form-field.timeline .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-error-wrapper {
  padding: 0;
  transform: translateY(-25%) !important;
  font-size: 1em;
  color: #ADB5BD;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix {
  padding: 0 0 7px 4px;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  border-radius: 50%;
  padding: 0;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1em;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:hover,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button:hover {
  background-color: #F1F1F1;
  transform: scale(1);
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-button-persistent-ripple,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-mdc-button-persistent-ripple {
  display: none;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button[disabled],
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button[disabled] {
  opacity: 0.5;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-ripple,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button .mat-ripple {
  display: none;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button i.ti,
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button mat-icon,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button i.ti,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button mat-icon {
  width: 1em;
  height: 1em;
  font-size: 0.9em;
}
mat-form-field[timeline] .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button svg,
mat-form-field.timeline .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button svg {
  width: 1em;
  height: 1em;
}

mat-form-field[timeline][tl-no-underline] .mdc-line-ripple,
mat-form-field.timeline[tl-no-underline] .mdc-line-ripple,
mat-form-field[timeline].tl-no-underline .mdc-line-ripple,
mat-form-field.timeline.tl-no-underline .mdc-line-ripple {
  display: none;
}

mat-form-field[timeline][align-items-center] .mdc-text-field.mat-mdc-text-field-wrapper,
mat-form-field.timeline[align-items-center] .mdc-text-field.mat-mdc-text-field-wrapper,
mat-form-field[timeline].align-items-center .mdc-text-field.mat-mdc-text-field-wrapper,
mat-form-field.timeline.align-items-center .mdc-text-field.mat-mdc-text-field-wrapper {
  align-items: center;
}

mat-form-field[timeline][tl-floating-label] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.timeline[tl-floating-label] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 1.1em 0 0.4375em 0;
}
mat-form-field[timeline][tl-floating-label] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix,
mat-form-field.timeline[tl-floating-label] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
  min-height: 1.5em;
}
mat-form-field[timeline][tl-floating-label] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
mat-form-field.timeline[tl-floating-label] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  position: relative;
  top: 0.65em;
}

mat-form-field[timeline][tl-clear-button] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.timeline[tl-clear-button] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 0;
}
mat-form-field[timeline][tl-clear-button] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix,
mat-form-field.timeline[tl-clear-button] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
  min-height: 1.5em;
}
mat-form-field[timeline][tl-clear-button] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
mat-form-field.timeline[tl-clear-button] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  position: relative;
  top: 0;
}

mat-form-field[timeline][tl-border],
mat-form-field.timeline[tl-border] {
  border: 1px solid;
  border-color: #000000;
  border-radius: 24px;
  padding: 5px 15px;
}
mat-form-field[timeline][tl-border] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.timeline[tl-border] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding: 0.2em 0;
}
mat-form-field[timeline][tl-border] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix,
mat-form-field.timeline[tl-border] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
  padding: 0;
  font-size: 1.2em;
  margin-left: 5px;
}
mat-form-field[timeline][tl-border] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex,
mat-form-field.timeline[tl-border] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  align-items: center;
}
mat-form-field[timeline][tl-border] .mat-mdc-form-field-subscript-wrapper,
mat-form-field.timeline[tl-border] .mat-mdc-form-field-subscript-wrapper {
  display: none;
}
mat-form-field[timeline][tl-border] .mdc-line-ripple,
mat-form-field.timeline[tl-border] .mdc-line-ripple {
  display: none;
}

mat-form-field[timeline][tl-border=gray],
mat-form-field.timeline[tl-border=gray] {
  border-color: #ADB5BD;
}

mat-form-field[timeline][tl-border=orange],
mat-form-field.timeline[tl-border=orange] {
  border-color: #FC7723;
}

mat-form-field[timeline][tl-background=orange],
mat-form-field.timeline[tl-background=orange] {
  background-color: #FC7723;
}

mat-form-field[timeline=orange].mat-focused {
  border: 1px solid #FC7723;
  background: rgba(248, 120, 50, 0.2);
}
mat-form-field[timeline=orange]:hover {
  border: 1px solid #FC7723;
  background: rgba(248, 120, 50, 0.2);
}
mat-form-field[timeline=orange]:hover:has(.mdc-text-field--disabled)[tl-border=gray] {
  border-color: #ADB5BD;
  background: unset;
}

mat-form-field[timeline][tl-compact-height] .mat-mdc-form-field-subscript-wrapper,
mat-form-field.timeline[tl-compact-height] .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

mat-form-field[timeline][tl-compact] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.timeline[tl-compact] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding-bottom: 0;
  padding-top: 0.4375em;
}
mat-form-field[timeline][tl-compact] .mat-mdc-form-field-icon-suffix,
mat-form-field.timeline[tl-compact] .mat-mdc-form-field-icon-suffix {
  font-size: 0.7em;
}
mat-form-field[timeline][tl-compact] .mdc-line-ripple,
mat-form-field.timeline[tl-compact] .mdc-line-ripple {
  font-size: 0.7em;
}
mat-form-field[timeline][tl-compact] .mat-mdc-form-field-subscript-wrapper,
mat-form-field.timeline[tl-compact] .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

mat-form-field[timeline][tl-compact=thin] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix,
mat-form-field.timeline[tl-compact=thin] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding-top: 0;
}

mat-form-field[timeline][underline-color-inherit] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple::after,
mat-form-field.timeline[underline-color-inherit] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple::after {
  border-bottom-color: inherit;
}

mat-form-field[timeline][underline=align-bottom] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple::before, mat-form-field[timeline][underline=align-bottom] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple::after,
mat-form-field.timeline[underline=align-bottom] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple::before,
mat-form-field.timeline[underline=align-bottom] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple::after {
  bottom: 0;
}
mat-form-field[timeline][underline=align-bottom] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element,
mat-form-field.timeline[underline=align-bottom] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix .mat-mdc-input-element {
  margin-bottom: 4px;
}

mat-form-field[timeline][input-height=h100] .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input, mat-form-field[timeline][input-height=h100] .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control,
mat-form-field.timeline[input-height=h100] .mdc-text-field--no-label:not(.mdc-text-field--textarea) .mat-mdc-form-field-input-control.mdc-text-field__input,
mat-form-field.timeline[input-height=h100] .mat-mdc-text-field-wrapper .mat-mdc-form-field-input-control {
  height: 100%;
}

mat-form-field[status-switch] {
  max-width: 121px;
  position: relative;
  top: 40px;
  font-size: 15px;
}
mat-form-field[status-switch] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix {
  padding-bottom: 0;
}
mat-form-field[status-switch] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  --mat-mdc-select-arrow-wrapper-transformt: translate(0px, -2px);
}
mat-form-field[status-switch] .mat-mdc-select-trigger .mat-mdc-select-value-text {
  padding: 3px 10px 2px 10px;
  border-radius: 20px;
  margin-bottom: 3px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}
mat-form-field[status-switch].open .mat-mdc-select-trigger .mat-mdc-select-value-text {
  background-color: rgb(217, 234, 211);
}
mat-form-field[status-switch].planned .mat-mdc-select-trigger .mat-mdc-select-value-text {
  background-color: rgb(255, 242, 204);
}
mat-form-field[status-switch].draft .mat-mdc-select-trigger .mat-mdc-select-value-text {
  background-color: rgb(244, 204, 204);
}

mat-form-field.with-translate-button .mat-mdc-form-field-icon-suffix {
  padding: 5px 0 0 4px;
}
mat-form-field.with-translate-button .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  font-size: 1.5em;
  top: 0 !important;
}
mat-form-field.with-translate-button .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button app-loading-progress {
  width: 1em;
  height: 1em;
}
mat-form-field.with-translate-button.translating .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  cursor: default;
  pointer-events: none;
}
mat-form-field.with-translate-button .mdc-line-ripple:before, mat-form-field.with-translate-button .mdc-line-ripple:after {
  width: calc(100% - 2.2em);
}

mat-form-field[timeline][overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper,
mat-form-field.timeline[overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper {
  overflow-y: auto;
}
mat-form-field[timeline][overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar-track,
mat-form-field.timeline[overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar-track {
  background-color: white;
}
mat-form-field[timeline][overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar-track-piece,
mat-form-field.timeline[overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
mat-form-field[timeline][overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar-thumb,
mat-form-field.timeline[overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
}
mat-form-field[timeline][overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar,
mat-form-field.timeline[overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper::-webkit-scrollbar {
  background-color: white;
  width: 5px;
}
@supports not selector(::-webkit-scrollbar) {
  mat-form-field[timeline][overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper,
  mat-form-field.timeline[overflow-y=auto] .mdc-text-field.mat-mdc-text-field-wrapper {
    scrollbar-width: thin;
  }
}

mat-form-field[timeline][tl-mat-suffix-display=flex] .mat-mdc-form-field-icon-suffix,
mat-form-field.timeline[tl-mat-suffix-display=flex] .mat-mdc-form-field-icon-suffix {
  display: flex;
  align-items: center;
  gap: 4px;
}

/* mat-form-field */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field.small.mat-form-field-appearance-outline div.mat-form-field-infix {
  padding: 0.2em 0 0.5em 0;
}

mat-form-field.small input.mat-mdc-input-element {
  font-size: 14px;
}

mat-form-field[color=white] input.mat-mdc-input-element {
  color: white;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field[color=white] .mat-form-field-label {
  color: rgba(255, 255, 255, 0.7);
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field[color=white] .mat-form-field-underline {
  background-color: white;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field[marginBottom=n125em] .mat-form-field-wrapper {
  margin-bottom: -1.25em;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field[label=fs12px] .mat-form-field-label {
  font-size: 12px;
}

/*
mat-form-field[timeline][text-align-center] {
  !* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. *!
  .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    text-align: center;
  }
}
*/
/*
mat-form-field[timeline][no-padding] {
  padding: 0;
  !* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. *!
  .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
    padding-bottom: 0;
  }
}
*/
mat-form-field[grid-cell] {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
mat-form-field[grid-cell] .mat-form-field-wrapper {
  padding-bottom: 0;
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
mat-form-field[grid-cell] .mat-form-field-wrapper .mat-form-field-flex {
  /* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
}
mat-form-field[grid-cell] .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  border: 0;
}
mat-form-field[grid-cell] .mat-form-field-wrapper .mat-form-field-underline {
  display: none;
}

.mat-badge.mat-badge-green .mat-badge-content {
  background-color: green;
}

.mat-badge-text-orange .mat-badge-content {
  color: #FC7723 !important;
  background-color: #F1F3F5 !important;
}

.mat-badge-bg-orange .mat-badge-content {
  color: #F1F3F5 !important;
  background-color: #FC7723 !important;
}

.mat-badge-top-right-12 .mat-badge-content {
  top: -4px !important;
  left: calc(100% + 3px) !important;
}

.mat-snackbar-config-error {
  color: #000000;
  background-color: #d9534f;
}

.mat-snackbar-config-error .mat-mdc-snack-bar-action {
  color: #000000;
}

mat-snack-bar-container.toaster-info {
  margin-top: 84px !important;
  opacity: 0.9 !important;
  color: white;
  --mdc-snackbar-container-color: #2f96b4;
}
mat-snack-bar-container.toaster-info.mat-mdc-snack-bar-container {
  max-width: 344px;
}

mat-snack-bar-container.toaster-success {
  margin-top: 84px !important;
  opacity: 0.9 !important;
  color: white;
  --mdc-snackbar-container-color: #51a351;
}
mat-snack-bar-container.toaster-success.mat-mdc-snack-bar-container {
  max-width: 344px;
}

mat-snack-bar-container.toaster-warning {
  margin-top: 84px !important;
  opacity: 0.9 !important;
  color: white;
  --mdc-snackbar-container-color: #f89406;
}
mat-snack-bar-container.toaster-warning.mat-mdc-snack-bar-container {
  max-width: 344px;
}

mat-snack-bar-container.toaster-error {
  margin-top: 84px !important;
  opacity: 0.9 !important;
  color: white;
  --mdc-snackbar-container-color: #bd362f;
}
mat-snack-bar-container.toaster-error.mat-mdc-snack-bar-container {
  max-width: 344px;
}

mat-select.mat-mdc-select {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
}

.mat-mdc-select-panel.timeline {
  border-radius: 16px !important;
  font-size: 14px;
  min-width: max-content;
}
.mat-mdc-select-panel.timeline.br-6 {
  border-radius: 6px !important;
}
.mat-mdc-select-panel.timeline.panel-min-width-auto {
  min-width: auto;
}
.mat-mdc-select-panel.timeline.panel-min-width-350 {
  min-width: 350px;
}
.mat-mdc-select-panel.timeline.panel-max-height-fit-content {
  max-height: fit-content;
}
.mat-mdc-select-panel.timeline::-webkit-scrollbar {
  background-color: white;
  width: 12px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mat-mdc-select-panel.timeline::-webkit-scrollbar-track {
  background-color: white;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mat-mdc-select-panel.timeline::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mat-mdc-select-panel.timeline::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 20px;
}
@supports not selector(::-webkit-scrollbar) {
  .mat-mdc-select-panel.timeline {
    scrollbar-width: thin;
  }
}

mat-option[timeline] {
  min-height: var(--timeline-min-height, 30px);
  height: var(--timeline-height, auto);
  font-size: var(--timeline-font-size, 14px);
}
mat-option[timeline] .mdc-list-item__primary-text {
  display: flex;
  align-items: center;
  gap: 5px;
  line-height: 1.125;
}

mat-option[timeline=orange].mat-mdc-option-multiple .mat-pseudo-checkbox.mat-pseudo-checkbox-full {
  border-radius: 4px;
  border-width: 1px;
  background-color: #DEE2E6;
  border-color: #ADB5BD;
  width: 16px;
  height: 16px;
}
mat-option[timeline=orange].mat-mdc-option-multiple .mat-pseudo-checkbox.mat-pseudo-checkbox-full:after {
  width: 8px;
}
mat-option[timeline=orange].mat-mdc-option-multiple .mat-pseudo-checkbox.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked {
  background-color: #F87832;
  border-color: #F87832;
}
mat-option[timeline=orange].radio-button-mode.mat-mdc-option-multiple .mat-pseudo-checkbox:after {
  border: none;
}
mat-option[timeline=orange].radio-button-mode.mat-mdc-option-multiple .mat-pseudo-checkbox.mat-pseudo-checkbox-full {
  border-radius: 50%;
}
mat-option[timeline=orange].radio-button-mode.mat-mdc-option-multiple .mat-pseudo-checkbox.mat-pseudo-checkbox-full.mat-pseudo-checkbox-checked:after {
  width: 8px;
  height: 8px;
  top: 0;
  border: none;
  background-color: white;
  border-radius: 50%;
}

mat-select[timeline] .mat-mdc-select-trigger {
  font-size: var(--mat-mdc-select-trigger-font-size, 14px);
  width: var(--mat-mdc-select-trigger-width, 100%);
  gap: var(--mat-mdc-select-trigger-gap);
}
mat-select[timeline] .mat-mdc-select-trigger .mat-mdc-select-value {
  color: var(--mat-mdc-select-value-color, #000);
}
mat-select[timeline] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  --mat-select-focused-arrow-color: #F87832;
  color: var(--mat-mdc-select-arrow-wrapper-color, #000);
  width: var(--mat-mdc-select-arrow-wrapper-width);
  height: var(--mat-mdc-select-arrow-wrapper-height, 24px);
  border-left: var(--mat-mdc-select-arrow-wrapper-border-left);
  border-right: var(--mat-mdc-select-arrow-wrapper-border-right);
  border-top: var(--mat-mdc-select-arrow-wrapper-border-top);
  transform: var(--mat-mdc-select-arrow-wrapper-transformt, translateY(0));
}
mat-select[timeline] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  display: var(--mat-mdc-select-arrow-display, block);
}
mat-select[timeline] .mat-mdc-select-trigger .mat-mdc-select-value {
  text-align: var(--mat-mdc-select-value-text-align, left);
  padding: var(--mat-mdc-select-value-text-padding, 0);
}
mat-select[timeline] .mat-mdc-select-trigger mat-select-trigger {
  line-height: 1;
  white-space: break-spaces;
}
mat-select[timeline].mat-mdc-select-disabled {
  opacity: 0.5;
}

mat-select[timeline][select-arrow=chevron] {
  --mat-select-enabled-arrow-color: #343A40;
}
mat-select[timeline][select-arrow=chevron] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow {
  visibility: var(--mat-mdc-select-arrow__visibility, visible);
  width: 14px;
  height: 10px;
}
mat-select[timeline][select-arrow=chevron] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow svg {
  display: none;
}
mat-select[timeline][select-arrow=chevron] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper .mat-mdc-select-arrow:before {
  font-family: "tabler-icons";
  content: "\ea5f";
  font-size: 16px;
  position: absolute;
  top: -6px;
  left: -1px;
}

mat-select[timeline][tl-align-selected-text=right] {
  --mat-mdc-select-value-text-align: right;
  --mat-mdc-select-value-text-padding: 0 5px 0 0;
}

mat-select[timeline][tl-selected-value-underline] .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text {
  position: relative;
}
mat-select[timeline][tl-selected-value-underline] .mat-mdc-select-trigger .mat-mdc-select-value .mat-mdc-select-value-text:before {
  content: "";
  bottom: -2px;
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.42);
  position: absolute;
}
mat-select[timeline][tl-selected-value-underline] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper {
  position: relative;
}
mat-select[timeline][tl-selected-value-underline] .mat-mdc-select-trigger .mat-mdc-select-arrow-wrapper:before {
  content: "";
  bottom: 2px;
  left: -5px;
  width: 15px;
  height: 1px;
  background: rgba(0, 0, 0, 0.42);
  position: absolute;
}

.mat-mdc-autocomplete-panel .mat-mdc-option .mdc-list-item__primary-text {
  width: 100%;
}
.mat-mdc-autocomplete-panel.users-select-list-autocomplete, .mat-mdc-autocomplete-panel.tags-select-list-autocomplete {
  border-radius: 16px !important;
}
.mat-mdc-autocomplete-panel.users-select-list-autocomplete::-webkit-scrollbar, .mat-mdc-autocomplete-panel.tags-select-list-autocomplete::-webkit-scrollbar {
  background-color: white;
  width: 12px;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mat-mdc-autocomplete-panel.users-select-list-autocomplete::-webkit-scrollbar-track, .mat-mdc-autocomplete-panel.tags-select-list-autocomplete::-webkit-scrollbar-track {
  background-color: white;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mat-mdc-autocomplete-panel.users-select-list-autocomplete::-webkit-scrollbar-track-piece, .mat-mdc-autocomplete-panel.tags-select-list-autocomplete::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}
.mat-mdc-autocomplete-panel.users-select-list-autocomplete::-webkit-scrollbar-thumb, .mat-mdc-autocomplete-panel.tags-select-list-autocomplete::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 20px;
}
@supports not selector(::-webkit-scrollbar) {
  .mat-mdc-autocomplete-panel.users-select-list-autocomplete, .mat-mdc-autocomplete-panel.tags-select-list-autocomplete {
    scrollbar-width: thin;
  }
}

.tl-overlay-panel-position-x-5 {
  transform: translate(-5px);
}

@font-face {
  font-family: "timeline";
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7");
  src: url("/assets/fonts/timeline/timeline.eot?2dh5l7#iefix") format("embedded-opentype"), url("/assets/fonts/timeline/timeline.ttf?2dh5l7") format("truetype"), url("/assets/fonts/timeline/timeline.woff?2dh5l7") format("woff"), url("/assets/fonts/timeline/timeline.svg?2dh5l7#timeline") format("svg");
  font-weight: normal;
  font-style: normal;
}
[class^=tl-icon-], [class*=" tl-icon-"],
.timeline-icons {
  font-family: "timeline";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tl-icon-break:before {
  content: "\e900";
}

.tl-icon-content:before {
  content: "\e901";
}

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

.tl-icon-questionnaire:before {
  content: "\e903";
}

.tl-icon-summarise:before {
  content: "\e904";
}

.tl-icon-task:before {
  content: "\e905";
}

@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Light.ttf?") format("ttf");
  font-weight: 200;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Medium.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Medium.ttf?") format("ttf");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans";
  src: url("/assets/fonts/RocheSans-Bold.woff2?") format("woff2"), url("/assets/fonts/RocheSans-Bold.ttf?") format("ttf");
  font-weight: 800;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Light.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Light.ttf?") format("ttf");
  font-weight: 300;
  font-style: normal;
}
@font-face {
  font-family: "roche-sans-condensed";
  src: url("/assets/fonts/RocheSansCondensed-Regular.woff2?") format("woff2"), url("/assets/fonts/RocheSansCondensed-Regular.ttf?") format("ttf");
  font-weight: 400;
  font-style: normal;
}
[class^=icon-][color=primary], [class*=" icon-"][color=primary],
.timeline-icons[color=primary] {
  color: #3c78d8;
}

[class^=icon-][color=gray], [class*=" icon-"][color=gray],
.timeline-icons[color=gray] {
  color: gray;
}

.timeline-color {
  color: #3c78d8;
}

.warning-color {
  color: rgb(204, 0, 0);
}

.font-size-08 {
  font-size: 0.8em;
}

.text-bold {
  font-weight: bold;
}

.menu-blur {
  filter: blur(25px);
}

[frame-line] {
  border: 2px solid transparent;
  margin: -2px;
}

[frame-line].cast {
  border: 2px solid orange;
}

[timeline-card] {
  display: flex;
  background-color: white;
  transform: translate(0px, 0px);
  padding-left: 10px;
  padding-right: 5px;
  border-radius: 4px;
}

[timeline-card].anchor {
  background-color: #fffaf1;
}

[timeline-card].noclick {
  cursor: default;
}

/*
[timeline-card]:hover {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.175);
}
*/
[timeline-card-body] {
  align-self: center;
  padding: 20px 15px 20px 0;
  width: calc(100% - 50px);
  font-size: 14px;
}

[timeline-card-body].header-info {
  padding-top: 30px;
}

[timeline-card-body].draft {
  opacity: 0.5;
}

[timeline-content-body] {
  min-height: 55px;
}

[timeline-content-body].note-visible {
  min-height: 120px;
}

[timeline-content-body].text-content {
  display: flex;
}

[timeline-content-body].justify-center {
  display: flex;
  justify-content: center;
  flex-direction: column;
}

[timeline-content-body].align-center {
  display: flex;
  align-items: center;
}

[timeline-card-side-menu] {
  cursor: default;
  margin-top: 15px;
}

[timeline-card-side-menu].break-timeline-card {
  margin-top: 0;
}

.border-cut {
  outline: 1px dashed gray;
}

.border-cut-last {
  border-bottom: 1px dashed gray;
}

.border-first {
  border-top: 1px solid transparent;
}

.border-cut-first {
  border-top: 1px dashed gray;
}

[side-menu-more-list] {
  height: 1px;
  position: relative;
  top: 0;
  left: 0;
}

[side-menu-more-list-note-active] {
  position: absolute;
  right: -55px;
  top: -9px;
}

[mat-button][side-menu-more-button] {
  display: flex;
  justify-content: center;
  height: 35px;
  width: 35px;
  min-width: 35px;
  margin-left: auto;
  background-color: transparent;
  color: black;
  cursor: pointer;
}

[side-menu-more-button][disabled] {
  opacity: 0.5;
}

[side-menu-more-button].message-count {
  color: gray;
}

[side-menu-more-button].moods {
  color: gray;
}

[side-menu-more-button].note {
  color: gray;
}

[side-menu-more-button].note.active {
  color: #3c78d8;
  position: absolute;
  right: -50px;
  top: -9px;
}

[side-menu-more-button].note.hidden {
  color: #3c78d8;
}

[side-menu-more-button].send-message {
  color: #3c78d8;
}

[side-menu-more-button].sort-filter-button {
  cursor: pointer;
  color: gray;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button]::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].send-message::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].action-menu-button::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button].action-user-menu-button::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

[side-menu-more-button-icon] {
  top: 1px;
  position: absolute;
  left: 1px;
  font-size: 23px;
  width: 33px;
  height: 33px;
  line-height: 33px;
  text-align: center;
}

[side-menu-more-button-icon].message-count {
  font-size: 31px;
}

[side-menu-more-button-icon].moods {
  font-size: 25px;
}

[side-menu-more-button-icon].note {
  font-size: 31px;
}

[side-menu-more-button-icon].more-icon {
  font-size: 25px;
}

[side-left-panel] {
  display: flex;
  position: absolute;
}

[side-left-panel].bottom {
  bottom: 0;
  left: 0;
  z-index: 999999;
}

[mat-button][side-left-button] {
  display: flex;
  justify-content: center;
  height: 20px;
  width: 20px;
  min-width: 20px;
  margin-left: 0;
  background-color: transparent;
  color: black;
  cursor: pointer;
  color: gray;
  padding: 11px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button]::ng-deep .mat-button-focus-overlay {
  background-color: transparent;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button]::ng-deep .mat-button-ripple {
  border-radius: 50%;
}

[side-left-button-icon] {
  top: 1px;
  position: absolute;
  left: 1px;
  font-size: 17px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
}

[side-left-button-icon]:before {
  position: relative;
  left: 0;
  top: 1px;
}

[side-left-button-icon].cast {
  color: orange;
  top: 2px;
  left: 8px;
  cursor: default;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button].draft::ng-deep .mat-button-ripple {
  display: none;
}

[side-left-button-icon].draft {
  top: 3px;
  left: 0;
}

[side-left-button-icon].private {
  top: 3px;
  left: 7px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button-icon].private::ng-deep .mat-button-ripple {
  display: none;
}

[side-left-button].user-logo {
  position: relative;
  width: 25px;
  height: 25px;
  min-width: 25px;
  left: 0;
  top: 2px;
  cursor: default;
}

[side-left-button-icon].user-logo {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  left: 0;
  top: 0;
}

[side-left-button].back-to-sections {
  width: 25px;
  height: 25px;
  min-width: 25px;
  color: white;
  margin-left: 15px;
  margin-right: 5px;
}

[side-left-button-icon].back-to-sections {
  width: 25px;
  height: 25px;
  line-height: 25px;
  border-radius: 50%;
  top: 0;
  left: 0;
  font-size: 25px;
}

[side-left-button].break-logo {
  width: 44px;
  height: 44px;
  min-width: 44px;
  cursor: default;
  background-color: #dde7f8;
  border-radius: 50%;
  margin-right: 10px;
  margin-left: 10px;
}

[side-left-button].break-logo.cover-down {
  background-color: #cee7c8;
}

[side-left-button-icon].break-logo {
  width: 25px;
  height: 25px;
  line-height: 25px;
  font-size: 26px;
  top: 9px;
  left: 9px;
}

[side-left-button].mood-item {
  width: 35px;
  height: 35px;
  min-width: 36px;
  min-height: 36px;
  border: 2px solid white;
  box-sizing: border-box;
  cursor: pointer;
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-menu-more-button]::ng-deep .mat-button-ripple {
  border-radius: 0;
}

[side-left-button].mood-item:hover {
  border: 2px solid gray;
}

[side-left-button].mood-item.select {
  border: 2px solid gray;
}

[side-left-button].mood-item.presenter {
  margin-bottom: 8px;
  cursor: default;
}

[side-left-button].mood-item.presenter:hover {
  border: 2px solid white;
}

[side-left-button-icon].mood-item {
  width: 30px;
  height: 30px;
  line-height: 35px;
}

[side-left-button].action-option {
  width: 52px;
  height: 32px;
  min-width: 52px;
  color: white;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 2px;
  border-radius: 15px;
  border: 2px solid transparent;
}

[side-left-button].action-option.select {
  border: 2px solid white;
  background-color: white;
}

[side-left-button].action-option:hover {
  transform: scale(1.15);
}

[side-left-button].action-option.select:hover {
  transform: scale(1);
}

[side-left-button][disabled].action-option:hover {
  transform: scale(1);
}

/*
TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
*/
[side-left-button].action-option::ng-deep .mat-button-ripple {
  border-radius: 15px;
}

[side-left-button-icon].action-option {
  width: 25px;
  height: 25px;
  line-height: 27px;
  top: 1px;
  left: 11px;
  font-size: 25px;
}

[side-left-button-icon].action-option-img {
  width: 25px;
  height: 25px;
  line-height: 25px;
  top: 2px;
  left: 11px;
  font-size: 25px;
}

[side-left-button-icon].action-option.active {
  border: 2px solid orange;
}

[side-left-button].change-time {
  width: 80px;
  min-width: 80px;
  cursor: default;
}

[side-left-button-icon].change-time {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  color: #9a9a9a;
  font-size: 12px;
  width: 80px;
  min-width: 80px;
  text-align: left;
  margin-left: 8px;
  top: 5px;
}

[side-left-button-icon].change-time.cast {
  margin-left: 2px;
}

[moods-list] {
  display: flex;
  max-width: 144px;
  flex-wrap: wrap;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
}

[moods-list=column-4] {
  max-width: 186px;
}

[relevancy] {
  background-color: #e6e6e6;
  display: flex;
  position: absolute;
  z-index: 100;
  width: 3px;
  height: 70px;
  right: 0;
  top: 10px;
  transform: rotate(180deg);
}

[relevancy] .process {
  background-color: limegreen;
  max-height: 100%;
  width: 3px;
}

[message-counter] {
  position: relative;
  top: -3px;
  font-size: 12px;
}

[mood-count] {
  font-size: 12px;
  color: black;
  line-height: 12px;
  position: relative;
  top: 20px;
  z-index: 100;
}

[timeline-text-field] {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 14px;
}

[timeline-text-field].row-7 {
  -webkit-line-clamp: 7;
}

[timeline-text-field].row-7-align-center {
  -webkit-line-clamp: 7;
  align-self: center;
}

[timeline-text-field=row-2],
[timeline-text-field].row-2 {
  -webkit-line-clamp: 2;
}

[timeline-text-field=row-3],
[timeline-text-field].row-3 {
  -webkit-line-clamp: 3;
}

.text-line-clamp {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.text-line-clamp.row-2 {
  -webkit-line-clamp: 2;
}
.text-line-clamp.row-7 {
  -webkit-line-clamp: 7;
}

[send-message-panel] {
  display: flex;
  flex-direction: column;
}

[last-2-messages] {
  margin-top: 5px;
  max-width: 290px;
}

[presentation-mode-messages] {
  margin-top: 5px;
  max-width: 290px;
  max-height: 290px;
  overflow-y: auto;
  overflow-x: hidden;
}

[input-message-panel] {
  display: flex;
  align-items: center;
}

[thumbnail-presenter] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  background-color: #3c78d8;
  border-radius: 50%;
  align-self: flex-start;
}

[thumbnail-user] {
  width: 22px;
  min-width: 22px;
  height: 22px;
  border-radius: 50%;
  align-self: flex-start;
}

[chat-message] {
  display: flex;
  align-items: center;
  margin-top: 2px;
}

[user-message] {
  margin-left: 5px;
  font-size: 12px;
  color: gray;
  display: block;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

[full-user-message] {
  margin-left: 5px;
  font-size: 12px;
  color: gray;
  display: block;
}

[input-message-text] {
  outline-color: rgba(60, 120, 216, 0.5);
  width: 260px;
}

[personal-note-mat-form-field] {
  width: 100%;
}

[personal-note-mat-form-field]::ng-deep .mat-mdc-form-field-infix {
  padding: 0 !important;
  padding-top: 0.84375em !important;
  border-top: 0 !important;
}

[personal-note-mat-form-field].qa-mode::ng-deep .mat-mdc-form-field-infix {
  padding-bottom: 6px !important;
}

[personal-note-mat-form-field]::ng-deep .mat-input-underline {
  display: none;
}

[personal-note-mat-form-field]::ng-deep .mat-mdc-form-field-wrapper {
  padding-bottom: 0.84375em;
}

[personal-note-mat-form-field].extended-comment::ng-deep .mat-mdc-form-field-label {
  top: 1.7em;
  color: rgba(0, 0, 0, 0.25) !important;
}

[personal-note-text] {
  overflow: hidden;
}

[personal-note-toolbar] {
  align-self: baseline;
  padding-top: 3px;
}

[extended-comment-toolbar] {
  align-self: baseline;
  padding-top: 3px;
  padding-right: 2px;
  margin-top: 32px;
  position: relative;
  left: 7px;
}

[switcher-down] {
  position: absolute;
  right: 6px;
  top: 7px;
}

/*
TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.
*/
[switcher-down]::ng-deep .mat-slide-toggle-ripple {
  display: none;
}

[input-message-text].multirow {
  width: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  resize: none;
  max-height: 90px;
  height: 90px;
  min-height: 90px;
  color: black;
}

[personal-note-panel] {
  background-color: #e3f1fc;
  color: #3c78d8;
  display: flex;
  padding-left: 12px;
  padding-right: 12px;
  font-size: 14px;
  align-items: center;
  margin-top: 10px;
  transform: translate(0px, 0px);
  cursor: text;
  border-radius: 10px;
}

[personal-note-panel].edit-mode {
  align-items: flex-start;
  min-height: 80px;
}

[personal-note-panel].extended-comment {
  width: calc(100% + 28px);
  border-radius: 15px;
  margin-bottom: 5px;
}

[personal-note-panel].extended-comment.simple-user-mode {
  width: calc(100% + 20px);
}

[personal-note-panel].extended-comment.paginator-mode {
  width: calc(100% - 44px);
  border-radius: 15px;
  margin-bottom: 20px;
  margin-left: 10px;
  flex: none;
}

/*
TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.
*/
[personal-note-panel].extended-comment::ng-deep .mat-form-field-infix {
  overflow-x: hidden;
  overflow-y: hidden;
}

[personal-note-field] {
  display: block;
}

[progress-bar] {
  width: 100px;
  height: 5px;
}

[anchor] {
  display: none;
  width: 100%;
  height: 0;
}

::ng-deep mat-form-field.mat-focused.no-underline .mat-mdc-form-field-underline .mat-form-field-ripple,
::ng-deep mat-form-field.no-underline .mat-form-field-underline {
  background-color: transparent;
  opacity: 0;
}

::ng-deep mat-form-field.mat-focused.qa-edit-underline .mat-mdc-form-field-underline .mat-form-field-ripple {
  bottom: 20px;
  width: 100%;
}

::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-underline {
  bottom: 20px;
  width: calc(100% - 28px);
}

::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-label-wrapper {
  padding-top: 0;
  /*
  TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.
  */
}
::ng-deep mat-form-field.qa-edit-underline .mat-mdc-form-field-label-wrapper .mat-form-field-label {
  top: 14px !important;
}

::ng-deep mat-form-field.mat-focused.black-underline .mat-mdc-form-field-underline .mat-form-field-ripple,
::ng-deep mat-form-field.black-underline .mat-form-field-underline {
  background-color: white;
}

::ng-deep mat-form-field.mat-focused.black-underline .mat-mdc-form-field-label {
  color: white;
}

.panel-separator {
  width: 100%;
  height: 7px;
}

.registration-new {
  color: lightgray;
}

.not-attending,
.not-registered {
  color: gray;
}

.waiting-for-approval,
.waiting-for-event-approval {
  color: orange;
}

.on-waiting-list {
  color: darkgoldenrod;
}

.registration-confirmed {
  color: green;
}

.special-registration,
.registration-completed {
  color: #3c78d8;
}

.register-continue-incomplete {
  color: #610000;
}

.add-group-dialog {
  width: 640px;
}

.mat-mdc-menu-panel.user-menu-style {
  max-height: 450px;
}

.mat-mdc-menu-panel.manage-time-wizards {
  max-width: 450px;
}

.mat-mdc-menu-panel {
  min-height: 46px !important;
}

.page-layout {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 100%;
  position: relative;
  overflow: hidden;
  flex: 1 1 auto;
  height: 100%;
}

.page-layout .top-toolbar {
  background-color: gray !important;
  color: white;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  left: 0;
  height: 200px;
}

.page-layout .page-container {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 2;
  padding: 0 24px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
  box-sizing: border-box;
}

.page-layout .header-container {
  background-color: gray !important;
  color: white;
  height: 134px;
  min-height: 134px;
  max-height: 134px;
  z-index: 2;
  flex-direction: row;
  box-sizing: border-box;
  display: flex;
  place-content: center space-between;
  align-items: center;
}

.page-layout .content-container {
  background: #fff;
  border-radius: 8px;
  box-sizing: border-box;
  margin-bottom: 24px;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}

.page-layout .content-container .mat-mdc-table {
  background-color: white;
  position: relative;
  overflow: auto;
  flex: 1 1 auto;
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
  color: rgba(0, 0, 0, 0.87);
}
.page-layout .content-container .mat-mdc-table.user-table {
  margin: 0;
}

.page-layout .mat-mdc-table .mat-mdc-header-row {
  min-height: 64px;
  width: 100%;
}

.page-layout .mat-mdc-table .mat-mdc-row {
  position: relative;
  height: 64px;
  cursor: pointer;
  width: 100%;
}

.page-layout .mat-mdc-table .mat-mdc-row:hover {
  background-color: #f5f5f5;
}

.page-layout .main-container {
  height: 100%;
  display: grid;
  grid-template-rows: 138px 64px minmax(200px, 1fr);
}

.page-layout .user-table {
  overflow: auto;
  margin: 2px;
  height: calc(100% - 64px);
}

.page-layout .header {
  height: 136px !important;
  min-height: 136px !important;
  max-height: 136px !important;
  box-sizing: border-box;
}

.page-layout .header .div {
  box-sizing: border-box;
}

.page-layout .avatar {
  width: 40px;
  min-width: 40px;
  height: 40px;
  line-height: 40px;
  margin: 0 8px 0 0;
  border-radius: 50%;
  font-size: 17px;
  font-weight: 600;
  text-align: center;
  color: rgba(0, 0, 0, 0.87);
}

.page-layout .column-id {
  flex: 0 1 256px;
}

.page-layout .column-actions {
  flex: 0 1 128px;
}

.page-layout .column-logo,
.page-layout .column-checkbox {
  flex: 0 1 64px;
}

.page-layout .column-default {
  flex: 1 0 100px;
}

.uppy-hidden-trigger {
  position: absolute;
  left: 0;
  top: 0;
  display: none;
  width: 0;
  height: 0;
}

.extended-comment-text {
  width: calc(100% - 28px);
}

.state-icon {
  width: 18px;
  height: 22px;
  min-width: 18px;
  min-height: 22px;
  line-height: 22px;
  background-position: center;
  position: relative;
  opacity: 0.6;
}
.state-icon.draft {
  top: 1px;
}
.state-icon.public {
  top: 2px;
}
.state-icon.public-by-link {
  top: -1px;
}
.state-icon.private {
  top: 1px;
}

.toolbar-right-button {
  width: 3em;
  min-height: 3em;
  margin-top: 0.6em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 20px;
  cursor: pointer;
  color: #343A40;
  background: white;
  box-sizing: border-box;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.toolbar-right-button span {
  position: absolute;
}
.toolbar-right-button span.more-100 {
  font-size: 0.7em;
}
.toolbar-right-button span.more-1000 {
  font-size: 0.5em;
}
.toolbar-right-button mat-icon {
  color: #868E96;
}
.toolbar-right-button mat-icon .personal-pin-decor {
  background-color: #868E96;
}
.toolbar-right-button .material-icons {
  color: #868E96;
}
.toolbar-right-button.not-interactive {
  cursor: unset;
}
.toolbar-right-button.disabled {
  pointer-events: none;
}
.toolbar-right-button.orange {
  background-color: orange;
}
.toolbar-right-button:not(.not-interactive):hover {
  transform: scale(1.1);
}
.toolbar-right-button .mat-mdc-button-persistent-ripple {
  border-radius: 40% !important;
}

@media (max-width: 767px) {
  .toolbar-right-button {
    margin-top: 0;
    margin-left: 5px;
  }
}
.cell-1-1 {
  grid-row: 1;
  grid-column: 1;
}

.cell-1-2 {
  grid-row: 1;
  grid-column: 2;
}

.cell-1-3 {
  grid-row: 1;
  grid-column: 3;
}

.cell-2-1 {
  grid-row: 2;
  grid-column: 1;
}

.cell-2-2 {
  grid-row: 2;
  grid-column: 2;
}

.cell-2-3 {
  grid-row: 2;
  grid-column: 3;
}

.cell-3-1 {
  grid-row: 3;
  grid-column: 1;
}

.cell-3-2 {
  grid-row: 3;
  grid-column: 2;
}

.cell-3-3 {
  grid-row: 3;
  grid-column: 3;
}

.cell-4-1 {
  grid-row: 4;
  grid-column: 1;
}

.cell-4-2 {
  grid-row: 4;
  grid-column: 2;
}

.cell-4-3 {
  grid-row: 4;
  grid-column: 3;
}

.cell-5-1 {
  grid-row: 5;
  grid-column: 1;
}

.cell-5-2 {
  grid-row: 5;
  grid-column: 2;
}

.cell-5-3 {
  grid-row: 5;
  grid-column: 3;
}

.cell-6-1 {
  grid-row: 6;
  grid-column: 1;
}

.cell-6-2 {
  grid-row: 6;
  grid-column: 2;
}

.cell-6-3 {
  grid-row: 6;
  grid-column: 3;
}

.cell-7-1 {
  grid-row: 7;
  grid-column: 1;
}

.cell-7-2 {
  grid-row: 7;
  grid-column: 2;
}

.cell-7-3 {
  grid-row: 7;
  grid-column: 3;
}

.cell-8-1 {
  grid-row: 8;
  grid-column: 1;
}

.cell-8-2 {
  grid-row: 8;
  grid-column: 2;
}

.cell-8-3 {
  grid-row: 8;
  grid-column: 3;
}

.cell-9-1 {
  grid-row: 9;
  grid-column: 1;
}

.cell-9-2 {
  grid-row: 9;
  grid-column: 2;
}

.cell-9-3 {
  grid-row: 9;
  grid-column: 3;
}

.cell-10-1 {
  grid-row: 10;
  grid-column: 1;
}

.cell-10-2 {
  grid-row: 10;
  grid-column: 2;
}

.cell-10-3 {
  grid-row: 10;
  grid-column: 3;
}

.cell-11-1 {
  grid-row: 11;
  grid-column: 1;
}

.cell-11-2 {
  grid-row: 11;
  grid-column: 2;
}

.cell-11-3 {
  grid-row: 11;
  grid-column: 3;
}

.cell-12-1 {
  grid-row: 12;
  grid-column: 1;
}

.cell-12-2 {
  grid-row: 12;
  grid-column: 2;
}

.cell-12-3 {
  grid-row: 12;
  grid-column: 3;
}

.cell-13-1 {
  grid-row: 13;
  grid-column: 1;
}

.cell-13-2 {
  grid-row: 13;
  grid-column: 2;
}

.cell-13-3 {
  grid-row: 13;
  grid-column: 3;
}

.cell-14-1 {
  grid-row: 14;
  grid-column: 1;
}

.cell-14-2 {
  grid-row: 14;
  grid-column: 2;
}

.cell-14-3 {
  grid-row: 14;
  grid-column: 3;
}

.cell-15-1 {
  grid-row: 15;
  grid-column: 1;
}

.cell-15-2 {
  grid-row: 15;
  grid-column: 2;
}

.cell-15-3 {
  grid-row: 15;
  grid-column: 3;
}

.cell-16-1 {
  grid-row: 16;
  grid-column: 1;
}

.cell-16-2 {
  grid-row: 16;
  grid-column: 2;
}

.cell-16-3 {
  grid-row: 16;
  grid-column: 3;
}

.cell-17-1 {
  grid-row: 17;
  grid-column: 1;
}

.cell-17-2 {
  grid-row: 17;
  grid-column: 2;
}

.cell-17-3 {
  grid-row: 17;
  grid-column: 3;
}

.cell-18-1 {
  grid-row: 18;
  grid-column: 1;
}

.cell-18-2 {
  grid-row: 18;
  grid-column: 2;
}

.cell-18-3 {
  grid-row: 18;
  grid-column: 3;
}

.cell-19-1 {
  grid-row: 19;
  grid-column: 1;
}

.cell-19-2 {
  grid-row: 19;
  grid-column: 2;
}

.cell-19-3 {
  grid-row: 19;
  grid-column: 3;
}

.cell-20-1 {
  grid-row: 20;
  grid-column: 1;
}

.cell-20-2 {
  grid-row: 20;
  grid-column: 2;
}

.cell-20-3 {
  grid-row: 20;
  grid-column: 3;
}

.cell-21-1 {
  grid-row: 21;
  grid-column: 1;
}

.cell-21-2 {
  grid-row: 21;
  grid-column: 2;
}

.cell-21-3 {
  grid-row: 21;
  grid-column: 3;
}

.cell-22-1 {
  grid-row: 22;
  grid-column: 1;
}

.cell-22-2 {
  grid-row: 22;
  grid-column: 2;
}

.cell-22-3 {
  grid-row: 22;
  grid-column: 3;
}

.cell-23-1 {
  grid-row: 23;
  grid-column: 1;
}

.cell-23-2 {
  grid-row: 23;
  grid-column: 2;
}

.cell-23-3 {
  grid-row: 23;
  grid-column: 3;
}

.cell-24-1 {
  grid-row: 24;
  grid-column: 1;
}

.cell-24-2 {
  grid-row: 24;
  grid-column: 2;
}

.cell-24-3 {
  grid-row: 24;
  grid-column: 3;
}

.cell-25-1 {
  grid-row: 25;
  grid-column: 1;
}

.cell-25-2 {
  grid-row: 25;
  grid-column: 2;
}

.cell-25-3 {
  grid-row: 25;
  grid-column: 3;
}

.cell-26-1 {
  grid-row: 26;
  grid-column: 1;
}

.cell-26-2 {
  grid-row: 26;
  grid-column: 2;
}

.cell-26-3 {
  grid-row: 26;
  grid-column: 3;
}

.cell-27-1 {
  grid-row: 27;
  grid-column: 1;
}

.cell-27-2 {
  grid-row: 27;
  grid-column: 2;
}

.cell-27-3 {
  grid-row: 27;
  grid-column: 3;
}

.cell-28-1 {
  grid-row: 28;
  grid-column: 1;
}

.cell-28-2 {
  grid-row: 28;
  grid-column: 2;
}

.cell-28-3 {
  grid-row: 28;
  grid-column: 3;
}

.cell-29-1 {
  grid-row: 29;
  grid-column: 1;
}

.cell-29-2 {
  grid-row: 29;
  grid-column: 2;
}

.cell-29-3 {
  grid-row: 29;
  grid-column: 3;
}

.cell-30-1 {
  grid-row: 30;
  grid-column: 1;
}

.cell-30-2 {
  grid-row: 30;
  grid-column: 2;
}

.cell-30-3 {
  grid-row: 30;
  grid-column: 3;
}

.snack-bar-warning {
  background-color: orange;
}
.snack-bar-warning .mat-mdc-simple-snack-bar span {
  color: white;
}
.snack-bar-warning .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-action button {
  background-color: darkgray;
  color: white;
}

mat-snack-bar-container.snack-bar-error {
  transform: translateY(100%);
  box-shadow: 2px 4px 10px 0px rgba(0, 0, 0, 0.2) !important;
}

.snack-bar-error {
  --mdc-snackbar-container-color: #EF4444;
  transform: translateY(100%) !important;
}
.snack-bar-error .mat-mdc-simple-snack-bar span {
  color: white;
}
.snack-bar-error .mat-mdc-simple-snack-bar .mat-mdc-snack-bar-action button {
  background-color: darkgray;
  color: white;
}

.pdf-fit-to-screen ::ng-deep .pdf-viewer-container {
  overflow: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.toolbar-container {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  color: black;
  background-color: white;
  border-radius: 20px;
  padding-left: 5px;
  padding-right: 5px;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  cursor: pointer;
  height: 100%;
}
.toolbar-container .tc-logo-color {
  width: 100px;
  height: 100%;
  border-radius: 18px;
}
.toolbar-container .tc-logo-image {
  width: 100px;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  border-radius: 18px;
}
.toolbar-container .tc-name {
  text-align: start;
  padding: 0 16px;
  box-sizing: border-box;
  display: flex;
  align-items: center;
  font-size: 16px;
  font-weight: 700;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  /* autoprefixer: ignore next */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}
app-user-avatar.follow-me-manager-icon ngx-avatar .avatar-container {
  border: 1px solid #f59759;
  border-radius: 50%;
}

button[focus-overlay-off].mat-mdc-icon-button {
  /*
  TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.
  */
}
button[focus-overlay-off].mat-mdc-icon-button .mat-button-focus-overlay {
  opacity: 0 !important;
}

.gap-select {
  font-size: 1em;
  color: #000000;
  cursor: pointer;
  border: none;
  border-radius: 10px;
  background-color: #DEE2E6;
  outline: unset;
  caret-color: #000000;
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  appearance: none;
  padding-left: 5px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24' fill='orangered'><path d='M0 0h24v24H0z' fill='none'/><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>");
}
.gap-select .gap-option {
  background-color: white;
}
.gap-select.readonly {
  background-image: none;
  opacity: 1;
}
.gap-select.correct {
  background-image: none;
  background-color: rgba(0, 128, 0, 0.5607843137);
  color: white;
  opacity: 1;
  cursor: default;
}
.gap-select.incorrect {
  background-image: none;
  background-color: rgb(221, 130, 133);
  color: white;
  opacity: 1;
}
.gap-select[disabled=true] {
  cursor: default;
}

.correct-answers-tooltip {
  background-color: white;
  padding: 8px 16px;
  border-radius: 12px;
  display: flex;
  flex-direction: column;
  width: max-content;
  box-shadow: 0 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);
  z-index: -1;
  position: fixed;
  visibility: hidden;
}
.correct-answers-tooltip.visible {
  z-index: 99999991;
  visibility: visible;
}
.correct-answers-tooltip .title {
  font-size: 14px;
  font-weight: 600;
  color: #868e96;
  margin-bottom: 4px;
}
.correct-answers-tooltip .answers {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.correct-answers-tooltip .divider {
  width: 100%;
  height: 2px;
  background-color: #DEE2E6;
  margin: 8px 0 4px 0;
}
.correct-answers-tooltip .tooltip-correct-answer-item,
.correct-answers-tooltip .tooltip-answer-item {
  padding: 4px 8px;
  background-color: rgba(0, 128, 0, 0.5607843137);
  font-size: 14px;
  color: white;
  width: fit-content;
  border-radius: 6px;
  max-width: 250px;
}
.correct-answers-tooltip .tooltip-answer-item {
  background-color: rgba(227, 227, 227, 0.3019607843);
  color: #343A40;
}

.result-badge {
  pointer-events: auto;
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 19px;
  height: 19px;
  border-radius: 50%;
  color: #FFF;
  font-size: 11px;
  box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
}
.result-badge.correct {
  background-color: rgb(22, 163, 74);
  top: -3px;
  left: -8px;
}
.result-badge.error {
  background-color: rgb(239, 68, 68);
  bottom: calc(var(--answer-caption__font-size) - 21px);
  left: calc(100% - 11px);
}
.result-badge .list-wrapper {
  position: fixed;
  display: none;
}
.result-badge:hover .list-wrapper {
  z-index: 123456;
  display: block;
}
.result-badge:hover .list-wrapper .list {
  position: absolute;
  width: max-content;
  max-width: 250px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
  box-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);
}
.result-badge:hover .list-wrapper .list.open-left {
  transform: translateX(-100%);
}
.result-badge:hover .list-wrapper .list .list-title {
  color: rgb(52, 58, 64);
  font-size: 12px;
  font-weight: 600;
}
.result-badge:hover .list-wrapper .list .list-title .answers-counter {
  font-weight: 700;
}
.result-badge:hover .list-wrapper .list .list-item {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 14px;
  border-radius: 6px;
  word-break: break-word;
  width: fit-content;
}
.result-badge:hover .list-wrapper .list .list-item.correct-answer {
  background-color: rgb(22, 163, 74);
}
.result-badge:hover .list-wrapper .list .list-item.error-answer {
  background-color: rgb(239, 68, 68);
}

.gap-filling-result {
  width: 60px;
  height: 0.5em;
  display: inline-block;
  background-color: rgb(239, 239, 239);
  overflow: hidden;
  border-radius: 3px;
}
.gap-filling-result .correct-result {
  height: 50%;
  background-color: green;
}
.gap-filling-result .error-result {
  height: 50%;
  background-color: rgb(204, 0, 0);
}

.gap-text-select {
  background-repeat: no-repeat;
  background-position-x: right;
  background-position-y: center;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' height='24px' viewBox='0 0 24 24' width='24' fill='orangered'><path d='M0 0h24v24H0z' fill='none'/><path d='M16.59 8.59L12 13.17 7.41 8.59 6 10l6 6 6-6z'/></svg>");
}

.timeline-checkbox-gap-editor {
  font-size: 0.9em;
  position: relative;
  top: 0.11em;
  height: auto;
  width: 0.8em;
}
.timeline-checkbox-gap-editor[type=checkbox]:after {
  content: attr(value);
  margin: -4px 0;
  vertical-align: top;
  white-space: nowrap;
  display: inline-block;
  border: 1px solid #D9D9D9;
  position: relative;
  left: -5px;
  padding: 1px 4px 1px 20px;
  line-height: 1.2;
  border-radius: 8px;
}

.timeline-checkbox-gap-label {
  border-radius: 8px;
  padding: 0 4px 0 1px;
  border: 1px solid #D9D9D9;
}
.timeline-checkbox-gap-label.correct {
  background-color: rgba(0, 128, 0, 0.5607843137);
  color: white;
}

.timeline-checkbox-gap {
  font-size: 0.9em;
  position: relative;
  top: 0.11em;
  height: 1em;
  width: 0.8em;
}

.checkbox-gap-filling-result {
  font-size: 0.8em;
  height: 1em;
  width: 1em;
  padding: 0 0.3em;
  margin: 0 0.11em;
  background-color: #fb7822;
  color: white;
  border-radius: 8px;
  text-align: center;
  position: relative;
  top: -0.1em;
}

.multilingual-element.overflow {
  overflow-y: auto;
  height: 100% !important;
}
.multilingual-element.overflow::-webkit-scrollbar {
  background-color: #f5f5f5;
  width: 5px;
  height: 5px;
}
.multilingual-element.overflow::-webkit-scrollbar-track {
  background-color: #f5f5f5;
}
.multilingual-element.overflow::-webkit-scrollbar-track-piece {
  background-color: rgb(204, 0, 0);
}
.multilingual-element.overflow::-webkit-scrollbar-thumb {
  background-color: red;
}
@supports not selector(::-webkit-scrollbar) {
  .multilingual-element.overflow {
    scrollbar-width: thin;
  }
}

mat-header-cell[timeline-sort-header].mat-sort-header .mat-sort-header-container .mat-sort-header-arrow {
  position: absolute;
  right: 0;
}

mat-header-cell[timeline-sort-header][sort-arrow-right15].mat-sort-header .mat-sort-header-container .mat-sort-header-arrow {
  position: absolute;
  right: -15px;
}

[timeline-v-scrollbar]::-webkit-scrollbar {
  background-color: white;
  width: 5px;
}

[timeline-h-scrollbar]::-webkit-scrollbar {
  background-color: white;
  height: 5px;
}

[timeline-v-scrollbar]::-webkit-scrollbar-track,
[timeline-h-scrollbar]::-webkit-scrollbar-track {
  background-color: white;
  border-radius: 10px;
}
[timeline-v-scrollbar]::-webkit-scrollbar-track-piece,
[timeline-h-scrollbar]::-webkit-scrollbar-track-piece {
  background-color: #f5f5f5;
}
[timeline-v-scrollbar]::-webkit-scrollbar-thumb,
[timeline-h-scrollbar]::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  border-radius: 10px;
}
@supports not selector(::-webkit-scrollbar) {
  [timeline-v-scrollbar],
  [timeline-h-scrollbar] {
    scrollbar-width: thin;
  }
}

[timeline-v-scrollbar=white]::-webkit-scrollbar-track-piece {
  background-color: white;
}

[timeline-v-scrollbar=width-2px]::-webkit-scrollbar {
  width: 2px;
}

.timeline-tooltip {
  white-space: pre-line;
  cursor: default;
}

.timeline-tooltip-align-left {
  white-space: pre-line;
  cursor: default;
}
.timeline-tooltip-align-left div {
  text-align: left;
}

[text-truncate-by-ellipsis] {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
}

.timeline-chart-tooltip {
  position: absolute;
  padding: 8px;
  gap: 16px;
  border-radius: 12px 12px 12px 4px;
  background: #FFFFFF;
  box-shadow: 4px 4px 15px 0px rgba(0, 0, 0, 0.1019607843);
}
.timeline-chart-tooltip .content {
  padding: 6px;
  gap: 10px;
  border-radius: 4px;
  background: #FFF7ED;
  border: 1px solid #FFB772;
  color: #FC7723;
}

.color-orange {
  color: #FC7723 !important;
}

/* styles for mobile device */
@media (max-width: 767px) {
  .page-layout .mat-mdc-table .mat-mdc-header-row,
  .page-layout .mat-table .mat-mdc-row {
    width: unset;
  }
  [personal-note-panel].extended-comment.paginator-mode {
    width: calc(100% - 90px);
    right: 59px;
  }
  .extended-comment-text {
    width: calc(100% - 28px);
  }
}
/* FireFox and other styles */
@supports not (-webkit-line-clamp: 1) {
  [timeline-text-field] {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
}
/* IE11 styles */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  [message-counter] {
    top: -3px;
    left: -9px;
    padding-left: 4px;
  }
}
/* IE12+ styles */
/* Edge styles */
/* Safari 11+ */
@media not all and (min-resolution: 0.001dpcm) {
  @supports (-webkit-appearance: none) and (stroke-color: transparent) {
    [input-message-text] {
      font-size: 16px;
    }
    [input-message-text].multirow {
      font-size: 16px;
    }
  }
}
i[rotate90] {
  transform: rotate(90deg);
}

.ai-gradient {
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
.ai-gradient.weight-700 {
  font-weight: 700;
}

[assessment-status].no-assessed,
.assessment-status.no-assessed {
  color: #9D9D9D !important;
}
[assessment-status].autoAssessed,
.assessment-status.autoAssessed {
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
[assessment-status].autoAssessed.weight-700,
.assessment-status.autoAssessed.weight-700 {
  font-weight: 700;
}
[assessment-status].assessed,
.assessment-status.assessed {
  color: #FD8E3A !important;
}
[assessment-status].reviewed,
.assessment-status.reviewed {
  color: #49BEFF !important;
}
[assessment-status].approved,
.assessment-status.approved {
  color: #16A34A !important;
}

.table-td-hover:hover {
  background-color: #DBDBDB;
  border-radius: 4px;
}

input[hide-arrow] {
  /* Chrome, Safari, Edge, Opera */
  /* Firefox */
}
input[hide-arrow][type=number]::-webkit-outer-spin-button, input[hide-arrow][type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[hide-arrow][type=number] {
  -moz-appearance: textfield;
}

.formula-field {
  display: inline-block;
  color: #45484D;
  pointer-events: none;
  -webkit-user-select: none;
          user-select: none;
}

gap {
  display: inline-block;
}
gap:has(.empty-text) {
  vertical-align: bottom;
}

drop-down-list {
  width: fit-content;
  min-width: 5em;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 2px;
  border: 1px solid #DEE2E6;
  border-radius: 12px;
  padding: 4px;
  background-color: white;
  z-index: 99999991;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
}
drop-down-list .item {
  caret-color: transparent;
  padding: 6px 8px;
  border-radius: 8px;
}
drop-down-list .item:not(.summary):hover {
  background-color: #F1F1F1;
}
drop-down-list .item mat-checkbox {
  display: flex;
}
drop-down-list .item.disabled {
  cursor: default;
}
drop-down-list .item.disabled.settings-mode {
  --mat-checkbox-disabled-label-color: $tl-gray-800;
  --mdc-checkbox-disabled__opacity: 0.6;
}
drop-down-list .item.input-result-item {
  display: flex;
  color: #343A40;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  cursor: default;
  opacity: 0.9;
}
drop-down-list .item.selected-correct {
  background-color: #E8F6ED;
  border: 1px solid #15803D;
}
drop-down-list .item.selected-incorrect {
  background-color: #FEF2F2;
  border: 1px solid #EF4444;
}
drop-down-list .item.readonly {
  cursor: default;
}
drop-down-list .item.option-disabled {
  opacity: 0.6;
}
drop-down-list .item.summary {
  position: relative;
  overflow: hidden;
}
drop-down-list .item.summary:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: var(--progress-percent);
  height: 100%;
  background: linear-gradient(to right, #FFECD4 0%, #FFD5A9 100%);
  overflow: hidden;
  border-radius: 4px;
}
drop-down-list .item.text-summary {
  display: grid;
  grid-template-columns: 1fr minmax(40px, auto);
}
drop-down-list .item.text-summary .answers-count {
  font-weight: bold;
  text-align: right;
  font-size: 12px;
}
drop-down-list .item .check-result-item {
  display: flex;
  color: #343A40;
  font-size: 16px;
  align-items: center;
  gap: 8px;
  cursor: default;
  opacity: 0.9;
}
drop-down-list .item .check-result-item i.ti {
  border-radius: 50%;
  color: white;
  font-size: 10px;
  padding: 2px;
}
drop-down-list .item .check-result-item i.ti.ti-check {
  background-color: #16A34A;
}
drop-down-list .item .check-result-item i.ti.ti-x {
  background-color: #EF4444;
}
drop-down-list .item .check-result-item .percent-value {
  font-size: 12px;
  font-weight: bold;
  color: #FC7723;
}
drop-down-list .item .check-result-item.summary {
  display: grid;
  grid-template-columns: minmax(30px, auto) 1fr auto;
  gap: 8px;
}

.legacy-gap-drop-down-list-wrapper {
  display: block;
  z-index: 99999991;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  position: fixed;
  border-radius: 16px;
}
.legacy-gap-drop-down-list-wrapper .list {
  width: max-content;
  max-width: 250px;
  padding: 16px;
  border-radius: 16px;
  background-color: #FFF;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.legacy-gap-drop-down-list-wrapper .list.open-left {
  transform: translateX(-100%);
}
.legacy-gap-drop-down-list-wrapper .list .list-title {
  color: rgb(52, 58, 64);
  font-size: 12px;
  font-weight: 600;
}
.legacy-gap-drop-down-list-wrapper .list .list-title .answers-counter {
  font-weight: 700;
}
.legacy-gap-drop-down-list-wrapper .list .list-item {
  padding-right: 8px;
  padding-left: 8px;
  color: white;
  font-size: 14px;
  border-radius: 6px;
  word-break: break-word;
  width: fit-content;
}
.legacy-gap-drop-down-list-wrapper .list .list-item.correct-answer {
  background-color: rgb(22, 163, 74);
}
.legacy-gap-drop-down-list-wrapper .list .list-item.error-answer {
  background-color: rgb(239, 68, 68);
}

/*
!* Chrome, Safari, Edge, Opera *!
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
!* Firefox *!
input[type="number"] {
  -moz-appearance: textfield;
}
*/
.mat-button-toggle-group-appearance-standard {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  --mat-standard-button-toggle-divider-color: transparent;
  --mat-standard-button-toggle-label-text-size: 14px;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle-button {
  text-align: var(--mat-standard-button-toggle-label-text-align, inherit);
  min-height: var(--mat-standard-button-min-height, inherit);
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content {
  font-family: roche-sans, Roboto, Arial, sans-serif;
}
.mat-button-toggle-group-appearance-standard .mat-button-toggle-button .mat-button-toggle-label-content .mat-pseudo-checkbox {
  display: none;
}

.mat-button-toggle-group-appearance-standard[color=black-white] {
  height: 40px;
  border-radius: 16px;
  align-items: center;
  padding: 0 5px 0 5px;
  box-sizing: border-box;
  border: none;
  gap: 5px;
}
.mat-button-toggle-group-appearance-standard[color=black-white] .mat-button-toggle {
  height: 32px;
  border-radius: 12px;
  background-color: transparent;
  border: none;
}
.mat-button-toggle-group-appearance-standard[color=black-white] .mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: white;
}
.mat-button-toggle-group-appearance-standard[color=black-white] .mat-button-toggle-checked.mat-button-toggle-appearance-standard .mat-button-toggle-button {
  background-color: black;
  border-radius: 12px;
}
.mat-button-toggle-group-appearance-standard[color=black-white] .mat-button-toggle-button .mat-button-toggle-label-content {
  line-height: 32px;
}
.mat-button-toggle-group-appearance-standard[color=black-white] span.mat-ripple.mat-button-toggle-ripple {
  border-radius: 12px;
}

.mat-button-toggle-group-appearance-standard[timeline]:not([class*=mat-elevation-z]) {
  border-radius: 16px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

@media (max-width: 767px) {
  mat-button-toggle-group[dashboardToolbar] {
    justify-content: space-between;
    z-index: 999;
    position: fixed;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    box-shadow: 2px 4px 10px 0 rgba(0, 0, 0, 0.2) !important;
    width: 310px;
  }
  mat-button-toggle-group[dashboardToolbar] .mat-button-toggle button .mat-button-toggle-label-content {
    padding: 0 7px;
  }
  mat-button-toggle-group[dashboardToolbar] .mat-button-toggle button .event-title {
    display: none;
  }
  mat-button-toggle-group[dashboardToolbar] .mat-button-toggle-checked button {
    width: 148px;
  }
  mat-button-toggle-group[dashboardToolbar] .mat-button-toggle-checked button .event-title {
    display: inline-block;
  }
}
mat-dialog-container.mat-mdc-dialog-container {
  --mdc-dialog-subhead-tracking: normal;
  --mdc-dialog-supporting-text-tracking: normal;
  --mat-dialog-transition-duration: 0 !important;
}

.timeline .mat-mdc-dialog-container {
  font-family: roche-sans, Roboto, Arial, sans-serif;
}
.timeline .mat-mdc-dialog-container .mdc-dialog__title {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  padding: var(--mdc-dialog__title-padding-top, 0) var(--mdc-dialog__title-padding-right, 0) var(--mdc-dialog__title-padding-bottom, 0) var(--mdc-dialog__title-padding-left, 0);
}
.timeline .mat-mdc-dialog-container .mdc-dialog__title:before {
  content: none;
}
.timeline .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: var(--mdc-dialog__surface-padding-top, 24px) var(--mdc-dialog__surface-padding-right, 24px) var(--mdc-dialog__surface-padding-bottom, 10px) var(--mdc-dialog__surface-padding-left, 24px);
  display: var(--mdc-dialog__surface-display, table);
  box-sizing: border-box;
  overflow: var(--mdc-dialog__surface-overflow, auto);
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  border-radius: var(--mdc-dialog__surface-border-radius, 16px);
}
.timeline .mat-mdc-dialog-container .mdc-dialog__surface:before {
  content: none;
}
.timeline .mat-mdc-dialog-container .mdc-dialog__content {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  line-height: initial;
}
.timeline .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  justify-content: flex-end;
  padding: var(--mdc-dialog__actions-padding-top, 0) var(--mdc-dialog__actions-padding-right, 0) var(--mdc-dialog__actions-padding-bottom, 0) var(--mdc-dialog__actions-padding-left, 0);
}
.timeline.padding-12 .mdc-dialog__surface {
  padding: 12px;
}
.timeline.p-absolute {
  position: absolute !important;
}
.timeline.delete-mode, .timeline.confirm-action {
  --mdc-dialog__surface-border-radius: 8px;
}
.timeline.delete-mode .mat-mdc-dialog-actions, .timeline.confirm-action .mat-mdc-dialog-actions {
  justify-content: flex-start;
  flex-wrap: nowrap;
}
.timeline.delete-mode .mat-mdc-dialog-actions [mat-button][timeline],
.timeline.delete-mode .mat-mdc-dialog-actions [mat-raised-button][timeline], .timeline.confirm-action .mat-mdc-dialog-actions [mat-button][timeline],
.timeline.confirm-action .mat-mdc-dialog-actions [mat-raised-button][timeline] {
  border-radius: 6px;
  font-weight: 500;
}
.timeline.delete-mode .mat-mdc-dialog-actions [mat-button][timeline*=orange], .timeline.confirm-action .mat-mdc-dialog-actions [mat-button][timeline*=orange] {
  background-color: var(--tl-dialog-submit-button__background-color);
}
.timeline.delete-mode {
  --tl-dialog-submit-button__background-color: #EF4444;
}
.timeline.confirm-action {
  --tl-dialog-submit-button__background-color: #16A34A;
}

.my-notes .mat-mdc-dialog-container {
  font-family: roche-sans, Roboto, Arial, sans-serif;
}
.my-notes .mat-mdc-dialog-container .mdc-dialog__title {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  padding: var(--mdc-dialog__title-padding-top, 0) var(--mdc-dialog__title-padding-right, 0) var(--mdc-dialog__title-padding-bottom, 0) var(--mdc-dialog__title-padding-left, 0);
}
.my-notes .mat-mdc-dialog-container .mdc-dialog__title:before {
  content: none;
}
.my-notes .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 32px;
  display: var(--mdc-dialog__surface-display, table);
  box-sizing: border-box;
  overflow: var(--mdc-dialog__surface-overflow, auto);
  outline: 0;
  width: 100%;
  height: 100%;
  min-height: inherit;
  max-height: inherit;
  border-radius: 20px;
}
.my-notes .mat-mdc-dialog-container .mdc-dialog__surface:before {
  content: none;
}
.my-notes .mat-mdc-dialog-container .mdc-dialog__content {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  line-height: initial;
}
.my-notes .mat-mdc-dialog-container .mat-mdc-dialog-actions {
  justify-content: flex-end;
  padding: var(--mdc-dialog__actions-padding-top, 0) var(--mdc-dialog__actions-padding-right, 0) var(--mdc-dialog__actions-padding-bottom, 0) var(--mdc-dialog__actions-padding-left, 0);
}

.add-group-dialog .mat-mdc-dialog-container {
  padding: 0;
  transform: none;
}

.manage-time-select-time-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 0 16px;
  overflow: hidden;
}

.manage-time-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  overflow: hidden;
}

.content-container-editor-dialog .mat-mdc-dialog-container {
  --mdc-dialog__surface-padding-top: 0;
  --mdc-dialog__surface-padding-right: 0;
  --mdc-dialog__surface-padding-bottom: 0;
  --mdc-dialog__surface-padding-left: 0;
  --mdc-dialog__surface-overflow: hidden;
  --mdc-dialog__surface-border-radius: 0;
}
@supports not selector(::-webkit-scrollbar) {
  .content-container-editor-dialog .mat-mdc-dialog-container {
    --mdc-dialog__surface-display: flex;
  }
}
.content-container-editor-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  background: none;
  box-shadow: none;
}

.report-bug-get-support-dialog-panel {
  z-index: 1200 !important;
}

.timeline.create-event-dialog .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 45px 0 60px 45px;
  background-color: transparent;
  box-shadow: none;
}

.timeline.tree-reference {
  --mdc-dialog__surface-padding-top: 15px;
  --mdc-dialog__surface-padding-left: 15px;
  --mdc-dialog__surface-padding-right: 15px;
}

.timeline.questions-participants-detail {
  --mdc-dialog__surface-padding-top: 0;
  --mdc-dialog__surface-padding-right: 0;
  --mdc-dialog__surface-padding-bottom: 0;
  --mdc-dialog__surface-padding-left: 0;
  --mdc-dialog__surface-overflow: hidden;
}

.timeline.folder-properties {
  --mdc-dialog__surface-padding-top: 15px;
}

.timeline.send-message {
  --mdc-dialog__surface-padding-top: 16px;
  --mdc-dialog__surface-padding-right: 16px;
  --mdc-dialog__surface-padding-bottom: 0;
  --mdc-dialog__surface-padding-left: 16px;
}
.timeline.send-message .mdc-dialog__surface {
  background-color: #F8F9FA;
}

.transparent-backdrop {
  background-color: transparent;
}

@media (max-width: 599px) {
  .cdk-overlay-pane.mat-mdc-dialog-panel {
    --mat-dialog-container-small-max-width: 98vw;
  }
}
.timeline-media-full-screen-dialog {
  max-width: 100vw !important;
  width: 100vw !important;
  height: 95vh !important;
  max-height: 95vh !important;
  margin-top: 5vh !important;
}
.timeline-media-full-screen-dialog .mat-mdc-dialog-surface {
  background-color: rgba(26, 26, 26, 0.98);
}

.timeline .mat-bottom-sheet-container {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.recorder-bottom-sheet {
  position: fixed !important;
  min-width: 270px;
  width: calc(25% - 4px);
  left: 16px;
}
.recorder-bottom-sheet .mat-bottom-sheet-container-medium, .recorder-bottom-sheet .mat-bottom-sheet-container-large, .recorder-bottom-sheet .mat-bottom-sheet-container-xlarge {
  min-width: calc(25% - 4px);
}
.recorder-bottom-sheet .mat-bottom-sheet-container {
  max-height: 100vh !important;
  width: 100%;
}

.recorder-backdrop {
  opacity: 0;
}

mat-slide-toggle .mdc-form-field {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
  display: var(--mdc-form-field-display, inline-flex);
}

mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch {
  --mdc-switch-track-height: 18px;
  --mat-switch-with-icon-handle-size: 16px;
  --mat-switch-pressed-handle-size: 16px;
  --mat-switch-unselected-handle-size: 16px;
  --mat-switch-selected-handle-size: 16px;
  --mdc-switch-handle-width: 16px;
  --mdc-switch-handle-height: 16px;
  --mdc-switch-track-shape: 8px;
  --mdc-switch-disabled-track-opacity: 0.25;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__track:before {
  background-color: rgba(0, 0, 0, 0.38) !important;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__track:after {
  background-color: #FC7723 !important;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__handle {
  box-shadow: 0 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-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__handle:before {
  left: 1px;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__handle:after {
  background-color: white !important;
  left: 1px;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__shadow {
  display: none;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__ripple {
  display: none;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__icons svg.mdc-switch__icon--on {
  fill: #FC7723;
  width: 14px;
  height: 14px;
  margin-right: 2px;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch .mdc-switch__handle-track .mdc-switch__icons svg.mdc-switch__icon--off {
  fill: rgba(0, 0, 0, 0.38);
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle:before, mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch.mdc-switch--checked .mdc-switch__handle-track .mdc-switch__handle:after {
  left: -1px;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle .mdc-switch.mdc-switch--disabled .mdc-switch__handle-track .mdc-switch__handle {
  box-shadow: none;
}
mat-slide-toggle[timeline=orange].mat-mdc-slide-toggle label {
  padding-left: 8px;
  line-height: 1;
}

/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
.mat-mdc-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: #3c78d8;
}

/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
.mat-mdc-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-thumb {
  background-color: rgb(158, 188, 235);
}

/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
.mat-mdc-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: rgba(60, 120, 216, 0.5);
}

/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
.mat-mdc-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: rgba(60, 120, 216, 0.5);
}

.mat-mdc-slide-toggle.mat-checked .mat-ripple-element {
  background-color: rgba(60, 120, 216, 0.5);
}

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. */
.mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #3c78d8;
}

[mat-slide-toggle][color=primary] {
  /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
}
[mat-slide-toggle][color=primary] .mat-slide-toggle-content {
  font-family: roche-sans, Roboto, Arial, sans-serif;
}

/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
mat-slide-toggle[color=primary-white] {
  /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
}
mat-slide-toggle[color=primary-white] .mat-slide-toggle-content {
  font-family: roche-sans, Roboto, Arial, sans-serif;
}
mat-slide-toggle[color=primary-white].mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: white;
}
mat-slide-toggle[color=primary-white].mat-checked.mat-disabled .mat-slide-toggle-bar {
  opacity: 0.3;
}

/*
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
mat-slide-toggle[shirnk] {
  !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
  .mat-slide-toggle-content {
    white-space: break-spaces;
    line-height: 16px;
  }
}

!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
mat-slide-toggle[hideRipple] {
  !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
  .mat-slide-toggle-ripple {
    display: none;
  }
}
*/
/* mat-slide-toggle timeline*/
/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
/*
[timeline].mat-mdc-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-bar {
  background-color: $timeline-border-color-orange;
}
*/
/* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. */
/*
[timeline].mat-mdc-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-bar {
  background-color: $timeline-border-color-orange;
}
*/
/*
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
[timeline] .mat-slide-toggle-label {
  !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
  !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
  !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
  .mat-slide-toggle-bar {
    height: 18px;
    width: 34px;
    !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
    !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
    .mat-slide-toggle-thumb-container {
      width: auto;
      height: auto;
      top: 1px;
      left: 1px;
      !* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
      .mat-slide-toggle-thumb {
        height: 16px;
        width: 16px;
      }
      .mat-ripple {
        display: none;
      }
    }
  }
}

!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
[timeline].mat-mdc-slide-toggle.mat-checked:not(.mat-disabled) .mat-slide-toggle-thumb {
  background-color: $timeline-color-white;
}

!* TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version. *!
[timeline].mat-mdc-slide-toggle.mat-checked.mat-disabled .mat-slide-toggle-thumb {
  background-color: $timeline-color-white;
}

!* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version. *!
[timeline].mat-checkbox-checked.mat-accent .mat-checkbox-background, .mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: $timeline-color-white;
}
*/
mat-expansion-panel .mat-expansion-panel-content {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
}
mat-expansion-panel .mat-expansion-panel-header {
  font-family: roche-sans, Roboto, Arial, sans-serif;
  letter-spacing: normal;
  font-size: 15px;
}

mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header:not(.section-display-only) .mat-expansion-indicator {
  display: none;
}
mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header.section-of-type-end .mat-expansion-indicator {
  display: none;
}
mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header.no-children .mat-expansion-indicator {
  display: none;
}
mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header .mat-expansion-indicator {
  margin: 0 !important;
  position: absolute;
  left: 33px;
}
mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header .mat-expansion-indicator:after {
  color: #FC7723;
}
mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header:not(.mat-expanded) .mat-expansion-indicator {
  left: 32px;
}
mat-expansion-panel[timeline-tree-panel] .mat-expansion-panel-header:not(.mat-expanded) .mat-expansion-indicator:after {
  color: #868e96;
  border-width: 0 3px 3px 0;
  border-radius: 1px;
}
mat-expansion-panel[timeline-tree-panel].hide-expansion-indicator .mat-expansion-indicator {
  display: none !important;
}

mat-expansion-panel[timeline-panel] {
  border-radius: 24px;
}
mat-expansion-panel[timeline-panel] .mat-expansion-indicator::after {
  border-style: unset;
  border-width: unset;
  content: "";
  display: inline-block;
  padding: unset;
  transform: unset;
  vertical-align: middle;
  color: #FC7723;
  border-left: 5px solid rgba(0, 0, 0, 0);
  border-right: 5px solid rgba(0, 0, 0, 0);
  border-top: 5px solid;
}
mat-expansion-panel[timeline-panel].expansion-panel-body-flex-column .mat-expansion-panel-body {
  display: flex;
  flex-direction: column;
}
mat-expansion-panel[timeline-panel].expansion-panel-body-flex-column.gap-15 .mat-expansion-panel-body {
  gap: 15px;
}
mat-expansion-panel[timeline-panel][timeline-panel-body-padding] .mat-expansion-panel-body {
  padding: var(--timeline-panel-body-padding, 0 24px 16px);
}
mat-expansion-panel[timeline-panel][left-down-chevron-indicator] .mat-expansion-indicator {
  transform: rotate(90deg) !important;
}
mat-expansion-panel[timeline-panel][left-down-chevron-indicator] .mat-expansion-indicator:after {
  font-family: "tabler-icons";
  content: "\ea5f";
  border: none;
}
mat-expansion-panel[timeline-panel][left-down-chevron-indicator].mat-expanded .mat-expansion-indicator {
  transform: rotate(0deg) !important;
}
mat-expansion-panel[timeline-panel][left-down-chevron-indicator=white] .mat-expansion-indicator:after {
  color: white;
}
mat-expansion-panel[timeline-panel][left-down-chevron-indicator=orange] .mat-expansion-indicator:after {
  color: #FC7723;
}

mat-datepicker-toggle[timeline] {
  --mdc-icon-button-icon-size: 1em;
}
mat-datepicker-toggle[timeline] .mat-mdc-icon-button.mat-mdc-button-base {
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-top: 0.75em;
}
mat-datepicker-toggle[timeline] .mat-mdc-icon-button .mat-mdc-button-touch-target {
  pointer-events: none;
}

app-date-time-picker .container {
  display: block;
  font-size: 16px;
}
app-date-time-picker .container .date-field {
  width: 100%;
}
app-date-time-picker .container .date-field.hide-date {
  line-height: 32px;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-infix label {
  font-size: 0.85em;
  pointer-events: none;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix {
  display: flex;
  padding: 0;
  align-items: center;
  margin-top: 0.6em;
  gap: 5px;
  cursor: pointer;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.clear-button {
  top: 0;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base[time-picker-button] {
  width: 1em;
  height: 1em;
  display: flex;
  align-items: center;
  justify-content: center;
  top: 0;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base[time-picker-button]:hover {
  background-color: unset;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base[time-picker-button] i.ti,
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base[time-picker-button] mat-icon {
  font-size: 1em;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base[time-picker-button] .mat-mdc-button-touch-target {
  pointer-events: none;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base[time-picker-button]:hover .mat-ripple {
  display: block;
  background: #000;
  opacity: 0.04;
  width: 1.3em;
  height: 1.3em;
  top: -0.16em;
  left: -0.15em;
}
app-date-time-picker .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper.mdc-text-field--disabled .mdc-line-ripple:before {
  border-bottom-color: rgb(0, 0, 0);
}
app-date-time-picker .container mat-form-field[timeline] .mat-mdc-form-field-subscript-wrapper .mat-mdc-form-field-hint-wrapper .error-hint {
  color: #d9534f;
}
app-date-time-picker .container mat-form-field[timeline] .input-wrapper {
  min-height: var(--mat-mdc-input-element__min-height, 1.5em);
}
app-date-time-picker .container mat-form-field[timeline] .input-wrapper input.mat-mdc-input-element:disabled {
  color: #000000;
  cursor: pointer;
}
app-date-time-picker .container mat-form-field[timeline] .input-wrapper.disabled {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
  pointer-events: none;
}
app-date-time-picker .container mat-form-field[timeline] .input-wrapper.disabled input.mat-mdc-input-element:disabled {
  color: rgba(0, 0, 0, 0.54);
  cursor: default;
}
app-date-time-picker .container mat-form-field[timeline].float-label-never .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label.mdc-floating-label--float-above {
  display: none;
}

app-time-picker [time-picker-label].mat-mdc-button {
  color: #000000;
  padding: 0;
  min-width: fit-content;
}
app-time-picker [time-picker-label].mat-mdc-button .mdc-button__label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
}

app-date-time-picker[roundedTheme] mat-form-field[timeline] {
  border: 1px solid;
  border-color: #ADB5BD;
  border-radius: 24px;
  padding: 5px 15px;
}
app-date-time-picker[roundedTheme] mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex {
  align-items: center;
  height: 30px;
}
app-date-time-picker[roundedTheme] mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix mat-datepicker-toggle[timeline] .mat-mdc-icon-button.mat-mdc-button-base {
  margin-top: 0;
}
app-date-time-picker[roundedTheme] mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  padding: 0;
}
app-date-time-picker[roundedTheme] mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  margin-top: 0;
  gap: 8px;
}
app-date-time-picker[roundedTheme] mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
app-date-time-picker[roundedTheme] mat-form-field[timeline] .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

app-date-time-picker[shrink-date-picker=h45] .container {
  height: 45px;
}

app-date-time-picker[picker-size=date] .container {
  width: 85px;
}
app-date-time-picker[picker-size=date] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  display: none;
}

app-date-time-picker[picker-size=time] .container {
  width: 65px;
}
app-date-time-picker[picker-size=time] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  display: none;
}

app-date-time-picker[picker-size=thin-time] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-prefix {
  display: none;
}
app-date-time-picker[picker-size=thin-time] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-infix {
  display: none;
}
app-date-time-picker[picker-size=thin-time] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix {
  margin-top: 0;
}
app-date-time-picker[picker-size=thin-time] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-form-field-icon-suffix [time-picker-button] {
  display: none;
}
app-date-time-picker[picker-size=thin-time] .container mat-form-field[timeline] .mdc-text-field.mat-mdc-text-field-wrapper .mdc-line-ripple {
  display: none;
}
app-date-time-picker[picker-size=thin-time] .container mat-form-field[timeline] .mat-mdc-form-field-subscript-wrapper {
  display: none;
}

app-date-time-picker[time-color=white] app-time-picker .mat-mdc-button {
  color: white;
}

mat-datepicker-toggle[tl-orange] .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  color: white;
  background-color: #F87832;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
}
mat-datepicker-toggle[tl-orange] .mat-mdc-icon-button .mat-mdc-button-touch-target {
  pointer-events: none;
}

.mat-datepicker-content {
  border-radius: 16px !important;
  --mat-datepicker-calendar-date-selected-state-background-color: #F87832;
}

.mat-calendar-period-button {
  border-radius: 16px !important;
}

mat-datepicker-toggle {
  --mat-datepicker-toggle-active-state-icon-color: #F87832;
}

.timer span {
  color: #DEE2E6;
  font-weight: 500;
  font-size: 16px;
  margin-left: 1px;
}

.count-total span {
  color: #FD8E3A;
  font-weight: 800;
  font-size: 18px;
}

mat-slider[timeline] {
  --mdc-slider-inactive-track-height: 2px;
  --mdc-slider-active-track-height: 2px;
}
mat-slider[timeline] mat-slider-visual-thumb {
  --mdc-slider-handle-height: 16px;
  --mdc-slider-handle-width: 16px;
}
mat-slider[timeline] mat-slider-visual-thumb .mdc-slider__thumb-knob {
  background-color: #F87832 !important;
  border-color: #F87832 !important;
}
mat-slider[timeline] mat-slider-visual-thumb .mat-ripple {
  display: none;
}
mat-slider[timeline] .mdc-slider__track--active_fill {
  border-color: #FC7723;
}

mat-slider[timeline=correct] {
  --mdc-slider-inactive-track-height: 2px;
  --mdc-slider-active-track-height: 2px;
}
mat-slider[timeline=correct] mat-slider-visual-thumb {
  --mdc-slider-handle-height: 16px;
  --mdc-slider-handle-width: 16px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tabler-circle-check-filled.svg');
}
mat-slider[timeline=correct] mat-slider-visual-thumb .mdc-slider__thumb-knob {
  background-color: transparent !important;
  border-color: transparent !important;
}
mat-slider[timeline=correct] mat-slider-visual-thumb .mat-ripple {
  display: none;
}
mat-slider[timeline=correct] .mdc-slider__track--active_fill {
  border-color: #16A34A;
  width: 99%;
}
mat-slider[timeline=correct] .mdc-slider__track--inactive {
  background: #DEE2E6;
}

mat-slider[timeline=wrong] {
  --mdc-slider-active-track-height: 0px;
}
mat-slider[timeline=wrong] mat-slider-visual-thumb {
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-width: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('tabler-icon-circle-x-filled.svg');
}
mat-slider[timeline=wrong] mat-slider-visual-thumb .mdc-slider__thumb-knob {
  background-color: transparent !important;
  border-color: transparent !important;
}

mat-chip-option[timeline=avatar].mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
  display: none;
}
mat-chip-option[timeline=avatar].mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label {
  pointer-events: none;
  padding: 0;
}

mat-chip-listbox[timeline] .mdc-evolution-chip-set__chips {
  gap: var(--mdc-evolution-chip-set__chips_gap, 0);
  display: var(--mdc-evolution-chip-set__chips_display, flex);
  grid-template-columns: var(--mdc-evolution-chip-set__chips_grid-template-columns, unset);
}

mat-chip-option[timeline=icon-text].mat-mdc-standard-chip.mdc-evolution-chip--with-primary-graphic.mdc-evolution-chip--with-trailing-action .mdc-evolution-chip__graphic {
  display: none;
}
mat-chip-option[timeline=icon-text].mat-mdc-chip.mdc-evolution-chip--with-trailing-action .mat-mdc-chip-action-label {
  display: flex;
  align-items: center;
  gap: 5px;
  padding-left: 10px;
}

mat-chip-grid[timeline] .mdc-evolution-chip-set__chips {
  margin-left: 0;
  margin-right: 0;
}

mat-chip-row[timeline] .mdc-evolution-chip__text-label {
  display: flex;
  align-items: center;
}

mat-tree[timeline] mat-tree-node.mat-tree-node {
  gap: 5px;
  min-height: 35px;
  border-radius: 16px;
}
mat-tree[timeline] mat-tree-node.mat-tree-node:hover {
  background-color: #E3E3E3;
}
mat-tree[timeline] mat-tree-node .mat-mdc-icon-button.mat-mdc-button-base {
  width: auto;
  height: auto;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
mat-tree[timeline] mat-tree-node .mat-mdc-icon-button .mat-mdc-button-touch-target {
  display: none;
  height: 0;
  width: 0;
}

mat-progress-bar[progress-ai-style] {
  border-radius: 10px;
  --mdc-linear-progress-track-height: 6px;
  --mdc-linear-progress-active-indicator-height: 6px;
}
mat-progress-bar[progress-ai-style] .mdc-linear-progress__buffer .mdc-linear-progress__buffer-bar {
  background: #DEE2E6;
}
mat-progress-bar[progress-ai-style] .mdc-linear-progress__bar-inner {
  border: none;
  border-radius: 10px;
  height: var(--mdc-linear-progress-active-indicator-height);
  background: linear-gradient(125.14deg, #FC7723 16.52%, #CE44FF 81.82%);
}
mat-progress-bar[progress-ai-style].progress-completes .mdc-linear-progress__bar-inner {
  background: #16A34A;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field.slim .mat-form-field-infix {
  border-top: 0;
  padding-top: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field.slim .mat-form-field-label {
  top: 15px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field.slim-border .mat-form-field-infix {
  border-top: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field.slim-border .mat-form-field-label {
  top: 15px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field.slim-border-only .mat-form-field-infix {
  border-top: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field[label-color=white] .mat-form-field-label {
  color: white;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
mat-form-field[label-color=white] .mat-form-field-label {
  color: white;
  background-color: pink;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select[select-color=white].mat-select-disabled {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
mat-select[select-color=white].mat-select-disabled .mat-select-trigger {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
mat-select[select-color=white].mat-select-disabled .mat-select-trigger .mat-select-value {
  color: rgba(255, 255, 255, 0.6);
}
mat-select[select-color=white].mat-select-disabled .mat-select-arrow-wrapper {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
mat-select[select-color=white].mat-select-disabled .mat-select-arrow-wrapper .mat-select-arrow {
  color: rgba(255, 255, 255, 0.6);
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
mat-select[select-color=white]:not(.mat-select-disabled) .mat-select-trigger {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
mat-select[select-color=white]:not(.mat-select-disabled) .mat-select-trigger .mat-select-value {
  color: white;
}
mat-select[select-color=white]:not(.mat-select-disabled) .mat-select-trigger .mat-select-arrow-wrapper {
  /* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version. */
}
mat-select[select-color=white]:not(.mat-select-disabled) .mat-select-trigger .mat-select-arrow-wrapper .mat-select-arrow {
  color: white;
}

app-html-text-editor.with-pin .html-text-editor-textarea {
  padding-top: 30px !important;
}

.disable-div {
  color: rgba(0, 0, 0, 0.26);
  cursor: default;
  pointer-events: none;
}

.disable-div-with-opacity {
  color: rgba(0, 0, 0, 0.26);
  opacity: 0.3;
  cursor: default;
  pointer-events: none;
}

mat-form-field[heigth=reduced] .mat-form-field-wrapper {
  padding-bottom: 0;
}
mat-form-field[heigth=reduced] .mat-form-field-wrapper .mat-form-field-flex .mat-form-field-infix {
  padding: 0.2em 0 0.7em 0;
}

/* ------  education styles ------ */
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 0;
  border-radius: 20px;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface h2,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface h2 {
  padding-left: 32px;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__title,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__title {
  margin: 0 0 20px;
  padding: 0;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__title:before,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mdc-dialog__title:before {
  content: none;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-content,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-content {
  padding-bottom: 0;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-actions,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-actions {
  padding: 16px 24px;
  justify-content: flex-end;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field {
  padding-left: 0;
  padding-right: 0;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled),
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
  padding: 0;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-focus-overlay,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-focus-overlay {
  display: none;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-hint-wrapper,
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-error-wrapper,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-hint-wrapper,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-error-wrapper {
  padding: 0;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled),
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: transparent;
  padding: 0;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-focus-overlay,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-focus-overlay {
  display: none;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--disabled,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--disabled {
  background-color: transparent;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--disabled .mdc-line-ripple::before,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mdc-text-field--disabled .mdc-line-ripple::before {
  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 100%;
  background-repeat: repeat-x;
  background-position: 0;
  height: 1px;
  border-bottom-style: none;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error {
  line-height: 2em;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error:before,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field .mat-mdc-form-field-error-wrapper .mat-mdc-form-field-error:before {
  content: none;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-list-item .mdc-list-item__primary-text,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-list-item .mdc-list-item__primary-text {
  color: #ffffff;
  padding-left: 32px !important;
  font-style: normal;
  font-size: 14px;
  line-height: 17px;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mdc-list-item--disabled,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mdc-list-item--disabled {
  background: #FC7723;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mdc-list-item--disabled .mdc-list-item__primary-text,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mdc-list-item--disabled .mdc-list-item__primary-text {
  color: #ffffff;
}
.education-settings .mat-mdc-dialog-container .mdc-dialog__surface .mdc-list-item--disabled,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mdc-list-item--disabled {
  background: #FC7723;
  color: #ffffff;
}
.education-settings .mat-mdc-dialog-container .yes-btn,
.education-settings .mat-mdc-dialog-container .cancel-btn,
.education-modal .mat-mdc-dialog-container .yes-btn,
.education-modal .mat-mdc-dialog-container .cancel-btn {
  padding: 0 16px;
}

.education-modal .mat-mdc-dialog-container .mdc-dialog__surface {
  padding: 24px;
}
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-content {
  display: block;
  padding: 0 24px;
  margin: 0 -24px;
}
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-content > :first-child,
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-content > :last-child {
  margin-bottom: revert;
}
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-actions {
  padding: 8px 0 0 0;
  min-height: auto;
}
.education-modal .mat-mdc-dialog-container .mdc-dialog__surface mat-form-field {
  width: 100%;
}

lib-modules-form-permissions .mat-mdc-chip .mdc-evolution-chip__text-label,
lib-learning-paths-form .mat-mdc-chip .mdc-evolution-chip__text-label,
lib-user-selector .mat-mdc-chip .mdc-evolution-chip__text-label,
app-curriculum-settings-permissions .mat-mdc-chip .mdc-evolution-chip__text-label {
  display: flex;
  align-items: center;
}

lib-tag-chip mat-form-field {
  width: 100%;
}
lib-tag-chip mat-form-field .mdc-line-ripple {
  display: none;
}

lib-modules-list .mdc-data-table__cell,
lib-modules-list .mdc-data-table__header-cell,
lib-modules-selector .mdc-data-table__cell,
lib-modules-selector .mdc-data-table__header-cell {
  padding: 0;
}

lib-tag-chip .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,
lib-modules-list .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,
lib-user-selector .mdc-evolution-chip-set .mdc-evolution-chip-set__chips,
lib-modules-selector .mdc-evolution-chip-set .mdc-evolution-chip-set__chips {
  margin-left: 0;
  margin-right: 0;
}

.industry-selector .industry-selector-radio-group {
  display: flex;
  flex-direction: column;
  margin: 15px;
  align-items: flex-start;
}
.industry-selector .industry-selector-radio-button {
  margin: 5px;
}

.curriculum-settings .curriculum-settings-container {
  padding: 0 15px;
  margin: 0;
  overflow: hidden;
}
.curriculum-settings .curriculum-settings-container h2 {
  padding-left: 32px;
}
.curriculum-settings .curriculum-settings-container .mat-mdc-dialog-content {
  max-height: 75vh;
}
.curriculum-settings .curriculum-settings-container .route-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 0;
  overflow-y: hidden;
}
.curriculum-settings .curriculum-settings-container .route-container .route-inner-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}

.fields-settings .fields-settings-container {
  padding: 0 15px;
  margin: 0;
}
.fields-settings .fields-settings-container .route-container {
  display: flex;
  flex-direction: column;
  height: calc(100% - 66px);
  padding: 15px 0;
}
.fields-settings .fields-settings-container .route-container .route-inner-container {
  overflow-x: hidden;
  padding: 20px;
}

.modules-settings .modules-settings-container {
  padding: 0 15px;
  margin: 0;
  overflow: hidden;
}
.modules-settings .modules-settings-container h2 {
  padding-left: 32px;
}
.modules-settings .modules-settings-container .mat-mdc-dialog-content {
  max-height: 75vh;
}
.modules-settings .modules-settings-container .route-container {
  display: flex;
  flex-direction: column;
  height: 100%;
  padding: 15px 0;
  overflow-y: hidden;
}
.modules-settings .modules-settings-container .route-container .route-inner-container {
  height: 100%;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 20px;
}

.avatar-img {
  border-radius: 50%;
  height: 100%;
}

.avatar-sm {
  height: 24px;
}

.color-special {
  color: #FC7723;
}

.mat-manage {
  color: #fff !important;
  background-color: #FC7723 !important;
}

.mat-manage-outline {
  color: #FC7723 !important;
  border-color: #FC7723 !important;
}

.mat-manage-outline[disabled] {
  color: #FC7723 !important;
}

.mat-path {
  color: #fff !important;
  background-color: #FC7723 !important;
}

.mat-path[disabled] {
  background-color: #FC7723 !important;
}

.mat-path-outline {
  color: #FC7723 !important;
  border-color: #FC7723 !important;
}

.mat-path-outline[disabled] {
  color: #FC7723 !important;
}

.mat-modules {
  color: #fff !important;
  background-color: #FC7723 !important;
}

.mat-modules[disabled] {
  background-color: #FC7723 !important;
}

.mat-modules-outline {
  color: #ff6200 !important;
  border-color: rgba(252, 118, 35, 0.5137254902) !important;
}

.mat-modules-outline[disabled] {
  color: rgba(252, 118, 35, 0.5137254902) !important;
}

/* ------------------------------- */
.overflow-hidden {
  overflow: hidden !important;
}

.tl-flex {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
}

.tl-inline-flex {
  display: -webkit- inline-flex;
  display: -moz- inline-flex;
  display: -ms- inline-flex;
  display: inline-flex;
}

.tl-flex-direction-row {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  flex-direction: row;
}

.tl-flex-direction-row-reverse {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-flex-direction: row-reverse;
  -o-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

.tl-flex-direction-column {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-flex-direction: column;
  -o-flex-direction: column;
  flex-direction: column;
}

.tl-flex-direction-column-reverse {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-flex-direction: column-reverse;
  -o-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

.tl-flex-wrap {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -o-flex-wrap: wrap;
  flex-wrap: wrap;
}

.tl-flex-nowrap {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -o-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.tl-flex-wrap-reverse {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -o-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.tl-justify-content-center {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: center;
  -ms-justify-content: center;
  -o-justify-content: center;
  justify-content: center;
}

.tl-justify-content-start {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -o-justify-content: flex-start;
  justify-content: flex-start;
}

.tl-justify-content-end {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: flex-end;
  -ms-justify-content: flex-end;
  -o-justify-content: flex-end;
  justify-content: flex-end;
}

.tl-justify-content-between {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -o-justify-content: space-between;
  justify-content: space-between;
}

.tl-justify-content-around {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: space-around;
  -ms-justify-content: space-around;
  -o-justify-content: space-around;
  justify-content: space-around;
}

.tl-justify-content-evenly {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: space-evenly;
  -ms-justify-content: space-evenly;
  -o-justify-content: space-evenly;
  justify-content: space-evenly;
}

.tl-justify-content-stretch {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-justify-content: stretch;
  -ms-justify-content: stretch;
  -o-justify-content: stretch;
  justify-content: stretch;
}

.tl-align-content-center {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: center;
  -o-align-content: center;
  align-content: center;
}

.tl-align-content-start {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: flex-start;
  -o-align-content: flex-start;
  align-content: flex-start;
}

.tl-align-content-end {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: flex-end;
  -o-align-content: flex-end;
  align-content: flex-end;
}

.tl-align-content-between {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: space-between;
  -o-align-content: space-between;
  align-content: space-between;
}

.tl-align-content-around {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: space-around;
  -o-align-content: space-around;
  align-content: space-around;
}

.tl-align-content-evenly {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: space-evenly;
  -o-align-content: space-evenly;
  align-content: space-evenly;
}

.tl-align-content-stretch {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -ms-align-content: stretch;
  -o-align-content: stretch;
  align-content: stretch;
}

.tl-justify-items-center {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -webkit-justify-items: center;
  -moz-justify-items: center;
  -ms-justify-items: center;
  -o-justify-items: center;
  justify-items: center;
}

.tl-justify-items-start {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -webkit-justify-items: flex-start;
  -moz-justify-items: flex-start;
  -ms-justify-items: flex-start;
  -o-justify-items: flex-start;
  justify-items: flex-start;
}

.tl-justify-items-end {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -webkit-justify-items: flex-end;
  -moz-justify-items: flex-end;
  -ms-justify-items: flex-end;
  -o-justify-items: flex-end;
  justify-items: flex-end;
}

.tl-justify-items-baseline {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -webkit-justify-items: baseline;
  -moz-justify-items: baseline;
  -ms-justify-items: baseline;
  -o-justify-items: baseline;
  justify-items: baseline;
}

.tl-justify-items-stretch {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -webkit-justify-items: stretch;
  -moz-justify-items: stretch;
  -ms-justify-items: stretch;
  -o-justify-items: stretch;
  justify-items: stretch;
}

.tl-align-items-center {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-align-items: center;
  -ms-align-items: center;
  -o-align-items: center;
  align-items: center;
}

.tl-align-items-start {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-align-items: flex-start;
  -ms-align-items: flex-start;
  -o-align-items: flex-start;
  align-items: flex-start;
}

.tl-align-items-end {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-align-items: flex-end;
  -ms-align-items: flex-end;
  -o-align-items: flex-end;
  align-items: flex-end;
}

.tl-align-items-baseline {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-align-items: baseline;
  -ms-align-items: baseline;
  -o-align-items: baseline;
  align-items: baseline;
}

.tl-align-items-stretch {
  display: -webkit- flex;
  display: -moz- flex;
  display: -ms- flex;
  display: flex;
  -moz-align-items: stretch;
  -ms-align-items: stretch;
  -o-align-items: stretch;
  align-items: stretch;
}

.tl-flex-grow-1 {
  -moz-flex-grow: 1;
  -ms-flex-grow: 1;
  -o-flex-grow: 1;
  flex-grow: 1;
}

.tl-flex-grow-2 {
  -moz-flex-grow: 2;
  -ms-flex-grow: 2;
  -o-flex-grow: 2;
  flex-grow: 2;
}

.tl-flex-grow-3 {
  -moz-flex-grow: 3;
  -ms-flex-grow: 3;
  -o-flex-grow: 3;
  flex-grow: 3;
}

.flex-wrap {
  flex-wrap: wrap;
}

.clearfix:before, .clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.visible {
  visibility: visible !important;
}

.invisible {
  visibility: hidden !important;
}

@media only screen and (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}
.visible-print-block {
  display: none !important;
}

@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}

@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}

@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.tl-container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.tl-container:before, .tl-container:after {
  display: table;
  content: " ";
}
.tl-container:after {
  clear: both;
}
@media only screen and (min-width: 576px) {
  .tl-container {
    max-width: 540px;
  }
}
@media only screen and (min-width: 768px) {
  .tl-container {
    max-width: 720px;
  }
}
@media only screen and (min-width: 992px) {
  .tl-container {
    max-width: 960px;
  }
}
@media only screen and (min-width: 1200px) {
  .tl-container {
    max-width: 1140px;
  }
}

.tl-container-fluid {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.tl-container-fluid:before, .tl-container-fluid:after {
  display: table;
  content: " ";
}
.tl-container-fluid:after {
  clear: both;
}

.tl-row {
  display: flex !important;
  -o-flex-wrap: wrap !important;
  flex-wrap: wrap !important;
  margin-right: -15px !important;
  margin-left: -15px !important;
}

.no-gutters {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.no-gutters > .tl-col,
.no-gutters > [class*=tl-col-] {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.tl-col-1,
.tl-col-2,
.tl-col-3,
.tl-col-4,
.tl-col-5,
.tl-col-6,
.tl-col-7,
.tl-col-8,
.tl-col-9,
.tl-col-10,
.tl-col-11,
.tl-col-12,
.tl-col,
.tl-col-auto,
.tl-col-sm-1,
.tl-col-sm-2,
.tl-col-sm-3,
.tl-col-sm-4,
.tl-col-sm-5,
.tl-col-sm-6,
.tl-col-sm-7,
.tl-col-sm-8,
.tl-col-sm-9,
.tl-col-sm-10,
.tl-col-sm-11,
.tl-col-sm-12,
.tl-col-sm,
.tl-col-sm-auto,
.tl-col-md-1,
.tl-col-md-2,
.tl-col-md-3,
.tl-col-md-4,
.tl-col-md-5,
.tl-col-md-6,
.tl-col-md-7,
.tl-col-md-8,
.tl-col-md-9,
.tl-col-md-10,
.tl-col-md-11,
.tl-col-md-12,
.tl-col-md,
.tl-col-md-auto,
.tl-col-lg-1,
.tl-col-lg-2,
.tl-col-lg-3,
.tl-col-lg-4,
.tl-col-lg-5,
.tl-col-lg-6,
.tl-col-lg-7,
.tl-col-lg-8,
.tl-col-lg-9,
.tl-col-lg-10,
.tl-col-lg-11,
.tl-col-lg-12,
.tl-col-lg,
.tl-col-lg-auto,
.tl-col-xl-1,
.tl-col-xl-2,
.tl-col-xl-3,
.tl-col-xl-4,
.tl-col-xl-5,
.tl-col-xl-6,
.tl-col-xl-7,
.tl-col-xl-8,
.tl-col-xl-9,
.tl-col-xl-10,
.tl-col-xl-11,
.tl-col-xl-12,
.tl-col-xl,
.tl-col-xl-auto {
  position: relative;
  width: 100%;
  padding-right: 15px;
  padding-left: 15px;
}

.tl-col {
  flex-basis: 0;
  -webkit-flex-basis: 0;
  -ms-flex-basis: 0;
  -moz-flex-basis: 0;
  -o-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-grow: 1;
  max-width: 100%;
}

.tl-col-auto {
  -moz-flex: 0 0 auto;
  -o-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
  max-width: 100%;
}

.tl-col-1 {
  -moz-flex: 0 0 8.3333333333%;
  -o-flex: 0 0 8.3333333333%;
  flex: 0 0 8.3333333333%;
  max-width: 8.3333333333%;
}

.tl-col-2 {
  -moz-flex: 0 0 16.6666666667%;
  -o-flex: 0 0 16.6666666667%;
  flex: 0 0 16.6666666667%;
  max-width: 16.6666666667%;
}

.tl-col-3 {
  -moz-flex: 0 0 25%;
  -o-flex: 0 0 25%;
  flex: 0 0 25%;
  max-width: 25%;
}

.tl-col-4 {
  -moz-flex: 0 0 33.3333333333%;
  -o-flex: 0 0 33.3333333333%;
  flex: 0 0 33.3333333333%;
  max-width: 33.3333333333%;
}

.tl-col-5 {
  -moz-flex: 0 0 41.6666666667%;
  -o-flex: 0 0 41.6666666667%;
  flex: 0 0 41.6666666667%;
  max-width: 41.6666666667%;
}

.tl-col-6 {
  -moz-flex: 0 0 50%;
  -o-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
}

.tl-col-7 {
  -moz-flex: 0 0 58.3333333333%;
  -o-flex: 0 0 58.3333333333%;
  flex: 0 0 58.3333333333%;
  max-width: 58.3333333333%;
}

.tl-col-8 {
  -moz-flex: 0 0 66.6666666667%;
  -o-flex: 0 0 66.6666666667%;
  flex: 0 0 66.6666666667%;
  max-width: 66.6666666667%;
}

.tl-col-9 {
  -moz-flex: 0 0 75%;
  -o-flex: 0 0 75%;
  flex: 0 0 75%;
  max-width: 75%;
}

.tl-col-10 {
  -moz-flex: 0 0 83.3333333333%;
  -o-flex: 0 0 83.3333333333%;
  flex: 0 0 83.3333333333%;
  max-width: 83.3333333333%;
}

.tl-col-11 {
  -moz-flex: 0 0 91.6666666667%;
  -o-flex: 0 0 91.6666666667%;
  flex: 0 0 91.6666666667%;
  max-width: 91.6666666667%;
}

.tl-col-12 {
  -moz-flex: 0 0 100%;
  -o-flex: 0 0 100%;
  flex: 0 0 100%;
  max-width: 100%;
}

@media only screen and (min-width: 576px) {
  .tl-col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tl-col-sm-auto {
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .tl-col-sm-1 {
    -moz-flex: 0 0 8.3333333333%;
    -o-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .tl-col-sm-2 {
    -moz-flex: 0 0 16.6666666667%;
    -o-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .tl-col-sm-3 {
    -moz-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tl-col-sm-4 {
    -moz-flex: 0 0 33.3333333333%;
    -o-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .tl-col-sm-5 {
    -moz-flex: 0 0 41.6666666667%;
    -o-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .tl-col-sm-6 {
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tl-col-sm-7 {
    -moz-flex: 0 0 58.3333333333%;
    -o-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .tl-col-sm-8 {
    -moz-flex: 0 0 66.6666666667%;
    -o-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .tl-col-sm-9 {
    -moz-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tl-col-sm-10 {
    -moz-flex: 0 0 83.3333333333%;
    -o-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .tl-col-sm-11 {
    -moz-flex: 0 0 91.6666666667%;
    -o-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .tl-col-sm-12 {
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .tl-col-md {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tl-col-md-auto {
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .tl-col-md-1 {
    -moz-flex: 0 0 8.3333333333%;
    -o-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .tl-col-md-2 {
    -moz-flex: 0 0 16.6666666667%;
    -o-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .tl-col-md-3 {
    -moz-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tl-col-md-4 {
    -moz-flex: 0 0 33.3333333333%;
    -o-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .tl-col-md-5 {
    -moz-flex: 0 0 41.6666666667%;
    -o-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .tl-col-md-6 {
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tl-col-md-7 {
    -moz-flex: 0 0 58.3333333333%;
    -o-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .tl-col-md-8 {
    -moz-flex: 0 0 66.6666666667%;
    -o-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .tl-col-md-9 {
    -moz-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tl-col-md-10 {
    -moz-flex: 0 0 83.3333333333%;
    -o-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .tl-col-md-11 {
    -moz-flex: 0 0 91.6666666667%;
    -o-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .tl-col-md-12 {
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 992px) {
  .tl-col-lg {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tl-col-lg-auto {
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .tl-col-lg-1 {
    -moz-flex: 0 0 8.3333333333%;
    -o-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .tl-col-lg-2 {
    -moz-flex: 0 0 16.6666666667%;
    -o-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .tl-col-lg-3 {
    -moz-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tl-col-lg-4 {
    -moz-flex: 0 0 33.3333333333%;
    -o-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .tl-col-lg-5 {
    -moz-flex: 0 0 41.6666666667%;
    -o-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .tl-col-lg-6 {
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tl-col-lg-7 {
    -moz-flex: 0 0 58.3333333333%;
    -o-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .tl-col-lg-8 {
    -moz-flex: 0 0 66.6666666667%;
    -o-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .tl-col-lg-9 {
    -moz-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tl-col-lg-10 {
    -moz-flex: 0 0 83.3333333333%;
    -o-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .tl-col-lg-11 {
    -moz-flex: 0 0 91.6666666667%;
    -o-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .tl-col-lg-12 {
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
@media only screen and (min-width: 1200px) {
  .tl-col-xl {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }
  .tl-col-xl-auto {
    -moz-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }
  .tl-col-xl-1 {
    -moz-flex: 0 0 8.3333333333%;
    -o-flex: 0 0 8.3333333333%;
    flex: 0 0 8.3333333333%;
    max-width: 8.3333333333%;
  }
  .tl-col-xl-2 {
    -moz-flex: 0 0 16.6666666667%;
    -o-flex: 0 0 16.6666666667%;
    flex: 0 0 16.6666666667%;
    max-width: 16.6666666667%;
  }
  .tl-col-xl-3 {
    -moz-flex: 0 0 25%;
    -o-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
  }
  .tl-col-xl-4 {
    -moz-flex: 0 0 33.3333333333%;
    -o-flex: 0 0 33.3333333333%;
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
  .tl-col-xl-5 {
    -moz-flex: 0 0 41.6666666667%;
    -o-flex: 0 0 41.6666666667%;
    flex: 0 0 41.6666666667%;
    max-width: 41.6666666667%;
  }
  .tl-col-xl-6 {
    -moz-flex: 0 0 50%;
    -o-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
  }
  .tl-col-xl-7 {
    -moz-flex: 0 0 58.3333333333%;
    -o-flex: 0 0 58.3333333333%;
    flex: 0 0 58.3333333333%;
    max-width: 58.3333333333%;
  }
  .tl-col-xl-8 {
    -moz-flex: 0 0 66.6666666667%;
    -o-flex: 0 0 66.6666666667%;
    flex: 0 0 66.6666666667%;
    max-width: 66.6666666667%;
  }
  .tl-col-xl-9 {
    -moz-flex: 0 0 75%;
    -o-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%;
  }
  .tl-col-xl-10 {
    -moz-flex: 0 0 83.3333333333%;
    -o-flex: 0 0 83.3333333333%;
    flex: 0 0 83.3333333333%;
    max-width: 83.3333333333%;
  }
  .tl-col-xl-11 {
    -moz-flex: 0 0 91.6666666667%;
    -o-flex: 0 0 91.6666666667%;
    flex: 0 0 91.6666666667%;
    max-width: 91.6666666667%;
  }
  .tl-col-xl-12 {
    -moz-flex: 0 0 100%;
    -o-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
  }
}
.img-fluid {
  max-width: 100%;
  height: auto;
}

.tl-input-group {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  width: 100%;
}
.tl-input-group[class*=tl-col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}
.tl-input-group-prepend {
  display: flex;
  margin-right: -1px;
}
.tl-input-group-prepend .tl-input-group-text {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.tl-input-group-text {
  display: flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  text-align: center;
  white-space: nowrap;
  background-color: #e9ecef;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
}
.tl-input-group .tl-form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}
.tl-input-group .tl-form-control:focus {
  z-index: 3;
}

.tl-input-search-modules {
  background: #fc7723;
  border: 1px solid #ffffff;
  border-radius: 24px;
}
.tl-input-search-modules .tl-input-group-text {
  background: transparent !important;
  border: none;
  color: #ffffff;
}
.tl-input-search-modules .tl-form-control {
  background: transparent !important;
  border: none;
  color: #ffffff !important;
}

.tl-form-control {
  background: transparent !important;
  border: none;
  display: block;
  width: 100%;
  height: calc(1.5em + 0.75rem + 2px);
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.tl-form-control:focus-visible {
  outline-offset: unset;
  outline: none;
}

.tl-w-25 {
  width: 25% !important;
}

.tl-w-50 {
  width: 50% !important;
}

.tl-w-75 {
  width: 75% !important;
}

.tl-w-100 {
  width: 100% !important;
}

.tl-w-auto {
  width: auto !important;
}

.tl-h-25 {
  height: 25% !important;
}

.tl-h-50 {
  height: 50% !important;
}

.tl-h-75 {
  height: 75% !important;
}

.tl-h-100 {
  height: 100% !important;
}

.tl-h-auto {
  height: auto !important;
}

[class*=tl-] *,
[class*=tl-] *::before,
[class*=tl-] *::after,
.tl-border-box {
  box-sizing: border-box;
}

.tl-overflow-hidden {
  overflow: hidden !important;
}

.tl-border-0 {
  border: 0 !important;
}

.tl-table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}
.tl-table th, .tl-table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.tl-table-borderless > tbody > tr > td,
.tl-table-borderless > tbody > tr > th,
.tl-table-borderless > tfoot > tr > td,
.tl-table-borderless > tfoot > tr > th,
.tl-table-borderless > thead > tr > td,
.tl-table-borderless > thead > tr > th {
  border: none;
}

.tl-m-0 {
  margin: 0 !important;
}

.tl-mt-0 {
  margin-top: 0 !important;
}

.tl-mb-0 {
  margin-bottom: 0 !important;
}

.tl-ml-0 {
  margin-left: 0 !important;
}

.tl-mr-0 {
  margin-right: 0 !important;
}

.tl-p-0 {
  padding: 0 !important;
}

.tl-pt-0 {
  padding-top: 0 !important;
}

.tl-pb-0 {
  padding-bottom: 0 !important;
}

.tl-pl-0 {
  padding-left: 0 !important;
}

.tl-pr-0 {
  padding-right: 0 !important;
}

.tl-mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.tl-my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.tl-px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.tl-py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.tl-m-1 {
  margin: 0.25rem !important;
}

.tl-mt-1 {
  margin-top: 0.25rem !important;
}

.tl-mb-1 {
  margin-bottom: 0.25rem !important;
}

.tl-ml-1 {
  margin-left: 0.25rem !important;
}

.tl-mr-1 {
  margin-right: 0.25rem !important;
}

.tl-p-1 {
  padding: 0.25rem !important;
}

.tl-pt-1 {
  padding-top: 0.25rem !important;
}

.tl-pb-1 {
  padding-bottom: 0.25rem !important;
}

.tl-pl-1 {
  padding-left: 0.25rem !important;
}

.tl-pr-1 {
  padding-right: 0.25rem !important;
}

.tl-mx-1 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}

.tl-my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.tl-px-1 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}

.tl-py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.tl-m-2 {
  margin: 0.5rem !important;
}

.tl-mt-2 {
  margin-top: 0.5rem !important;
}

.tl-mb-2 {
  margin-bottom: 0.5rem !important;
}

.tl-ml-2 {
  margin-left: 0.5rem !important;
}

.tl-mr-2 {
  margin-right: 0.5rem !important;
}

.tl-p-2 {
  padding: 0.5rem !important;
}

.tl-pt-2 {
  padding-top: 0.5rem !important;
}

.tl-pb-2 {
  padding-bottom: 0.5rem !important;
}

.tl-pl-2 {
  padding-left: 0.5rem !important;
}

.tl-pr-2 {
  padding-right: 0.5rem !important;
}

.tl-mx-2 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}

.tl-my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.tl-px-2 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}

.tl-py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.tl-m-3 {
  margin: 1rem !important;
}

.tl-mt-3 {
  margin-top: 1rem !important;
}

.tl-mb-3 {
  margin-bottom: 1rem !important;
}

.tl-ml-3 {
  margin-left: 1rem !important;
}

.tl-mr-3 {
  margin-right: 1rem !important;
}

.tl-p-3 {
  padding: 1rem !important;
}

.tl-pt-3 {
  padding-top: 1rem !important;
}

.tl-pb-3 {
  padding-bottom: 1rem !important;
}

.tl-pl-3 {
  padding-left: 1rem !important;
}

.tl-pr-3 {
  padding-right: 1rem !important;
}

.tl-mx-3 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}

.tl-my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.tl-px-3 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}

.tl-py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.tl-m-4 {
  margin: 1.5rem !important;
}

.tl-mt-4 {
  margin-top: 1.5rem !important;
}

.tl-mb-4 {
  margin-bottom: 1.5rem !important;
}

.tl-ml-4 {
  margin-left: 1.5rem !important;
}

.tl-mr-4 {
  margin-right: 1.5rem !important;
}

.tl-p-4 {
  padding: 1.5rem !important;
}

.tl-pt-4 {
  padding-top: 1.5rem !important;
}

.tl-pb-4 {
  padding-bottom: 1.5rem !important;
}

.tl-pl-4 {
  padding-left: 1.5rem !important;
}

.tl-pr-4 {
  padding-right: 1.5rem !important;
}

.tl-mx-4 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}

.tl-my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.tl-px-4 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.tl-py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.tl-m-5 {
  margin: 3rem !important;
}

.tl-mt-5 {
  margin-top: 3rem !important;
}

.tl-mb-5 {
  margin-bottom: 3rem !important;
}

.tl-ml-5 {
  margin-left: 3rem !important;
}

.tl-mr-5 {
  margin-right: 3rem !important;
}

.tl-p-5 {
  padding: 3rem !important;
}

.tl-pt-5 {
  padding-top: 3rem !important;
}

.tl-pb-5 {
  padding-bottom: 3rem !important;
}

.tl-pl-5 {
  padding-left: 3rem !important;
}

.tl-pr-5 {
  padding-right: 3rem !important;
}

.tl-mx-5 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}

.tl-my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.tl-px-5 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.tl-py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.tl-m-6 {
  margin: 6 !important;
}

.tl-mt-6 {
  margin-top: 6 !important;
}

.tl-mb-6 {
  margin-bottom: 6 !important;
}

.tl-ml-6 {
  margin-left: 6 !important;
}

.tl-mr-6 {
  margin-right: 6 !important;
}

.tl-p-6 {
  padding: 6 !important;
}

.tl-pt-6 {
  padding-top: 6 !important;
}

.tl-pb-6 {
  padding-bottom: 6 !important;
}

.tl-pl-6 {
  padding-left: 6 !important;
}

.tl-pr-6 {
  padding-right: 6 !important;
}

.tl-mx-6 {
  margin-left: 6 !important;
  margin-right: 6 !important;
}

.tl-my-6 {
  margin-top: 6 !important;
  margin-bottom: 6 !important;
}

.tl-px-6 {
  padding-left: 6 !important;
  padding-right: 6 !important;
}

.tl-py-6 {
  padding-top: 6 !important;
  padding-bottom: 6 !important;
}

.tl-m-7 {
  margin: 7 !important;
}

.tl-mt-7 {
  margin-top: 7 !important;
}

.tl-mb-7 {
  margin-bottom: 7 !important;
}

.tl-ml-7 {
  margin-left: 7 !important;
}

.tl-mr-7 {
  margin-right: 7 !important;
}

.tl-p-7 {
  padding: 7 !important;
}

.tl-pt-7 {
  padding-top: 7 !important;
}

.tl-pb-7 {
  padding-bottom: 7 !important;
}

.tl-pl-7 {
  padding-left: 7 !important;
}

.tl-pr-7 {
  padding-right: 7 !important;
}

.tl-mx-7 {
  margin-left: 7 !important;
  margin-right: 7 !important;
}

.tl-my-7 {
  margin-top: 7 !important;
  margin-bottom: 7 !important;
}

.tl-px-7 {
  padding-left: 7 !important;
  padding-right: 7 !important;
}

.tl-py-7 {
  padding-top: 7 !important;
  padding-bottom: 7 !important;
}

.tl-m-8 {
  margin: 8 !important;
}

.tl-mt-8 {
  margin-top: 8 !important;
}

.tl-mb-8 {
  margin-bottom: 8 !important;
}

.tl-ml-8 {
  margin-left: 8 !important;
}

.tl-mr-8 {
  margin-right: 8 !important;
}

.tl-p-8 {
  padding: 8 !important;
}

.tl-pt-8 {
  padding-top: 8 !important;
}

.tl-pb-8 {
  padding-bottom: 8 !important;
}

.tl-pl-8 {
  padding-left: 8 !important;
}

.tl-pr-8 {
  padding-right: 8 !important;
}

.tl-mx-8 {
  margin-left: 8 !important;
  margin-right: 8 !important;
}

.tl-my-8 {
  margin-top: 8 !important;
  margin-bottom: 8 !important;
}

.tl-px-8 {
  padding-left: 8 !important;
  padding-right: 8 !important;
}

.tl-py-8 {
  padding-top: 8 !important;
  padding-bottom: 8 !important;
}

.tl-m-9 {
  margin: 9 !important;
}

.tl-mt-9 {
  margin-top: 9 !important;
}

.tl-mb-9 {
  margin-bottom: 9 !important;
}

.tl-ml-9 {
  margin-left: 9 !important;
}

.tl-mr-9 {
  margin-right: 9 !important;
}

.tl-p-9 {
  padding: 9 !important;
}

.tl-pt-9 {
  padding-top: 9 !important;
}

.tl-pb-9 {
  padding-bottom: 9 !important;
}

.tl-pl-9 {
  padding-left: 9 !important;
}

.tl-pr-9 {
  padding-right: 9 !important;
}

.tl-mx-9 {
  margin-left: 9 !important;
  margin-right: 9 !important;
}

.tl-my-9 {
  margin-top: 9 !important;
  margin-bottom: 9 !important;
}

.tl-px-9 {
  padding-left: 9 !important;
  padding-right: 9 !important;
}

.tl-py-9 {
  padding-top: 9 !important;
  padding-bottom: 9 !important;
}

.tl-m-10 {
  margin: 10 !important;
}

.tl-mt-10 {
  margin-top: 10 !important;
}

.tl-mb-10 {
  margin-bottom: 10 !important;
}

.tl-ml-10 {
  margin-left: 10 !important;
}

.tl-mr-10 {
  margin-right: 10 !important;
}

.tl-p-10 {
  padding: 10 !important;
}

.tl-pt-10 {
  padding-top: 10 !important;
}

.tl-pb-10 {
  padding-bottom: 10 !important;
}

.tl-pl-10 {
  padding-left: 10 !important;
}

.tl-pr-10 {
  padding-right: 10 !important;
}

.tl-mx-10 {
  margin-left: 10 !important;
  margin-right: 10 !important;
}

.tl-my-10 {
  margin-top: 10 !important;
  margin-bottom: 10 !important;
}

.tl-px-10 {
  padding-left: 10 !important;
  padding-right: 10 !important;
}

.tl-py-10 {
  padding-top: 10 !important;
  padding-bottom: 10 !important;
}

.tl-m-11 {
  margin: 11 !important;
}

.tl-mt-11 {
  margin-top: 11 !important;
}

.tl-mb-11 {
  margin-bottom: 11 !important;
}

.tl-ml-11 {
  margin-left: 11 !important;
}

.tl-mr-11 {
  margin-right: 11 !important;
}

.tl-p-11 {
  padding: 11 !important;
}

.tl-pt-11 {
  padding-top: 11 !important;
}

.tl-pb-11 {
  padding-bottom: 11 !important;
}

.tl-pl-11 {
  padding-left: 11 !important;
}

.tl-pr-11 {
  padding-right: 11 !important;
}

.tl-mx-11 {
  margin-left: 11 !important;
  margin-right: 11 !important;
}

.tl-my-11 {
  margin-top: 11 !important;
  margin-bottom: 11 !important;
}

.tl-px-11 {
  padding-left: 11 !important;
  padding-right: 11 !important;
}

.tl-py-11 {
  padding-top: 11 !important;
  padding-bottom: 11 !important;
}

.tl-m-12 {
  margin: 12 !important;
}

.tl-mt-12 {
  margin-top: 12 !important;
}

.tl-mb-12 {
  margin-bottom: 12 !important;
}

.tl-ml-12 {
  margin-left: 12 !important;
}

.tl-mr-12 {
  margin-right: 12 !important;
}

.tl-p-12 {
  padding: 12 !important;
}

.tl-pt-12 {
  padding-top: 12 !important;
}

.tl-pb-12 {
  padding-bottom: 12 !important;
}

.tl-pl-12 {
  padding-left: 12 !important;
}

.tl-pr-12 {
  padding-right: 12 !important;
}

.tl-mx-12 {
  margin-left: 12 !important;
  margin-right: 12 !important;
}

.tl-my-12 {
  margin-top: 12 !important;
  margin-bottom: 12 !important;
}

.tl-px-12 {
  padding-left: 12 !important;
  padding-right: 12 !important;
}

.tl-py-12 {
  padding-top: 12 !important;
  padding-bottom: 12 !important;
}

.mt-auto {
  margin-top: auto;
}

[class*=tl-] h1,
[class*=tl-] h2,
[class*=tl-] h3,
[class*=tl-] h4,
[class*=tl-] h5,
[class*=tl-] h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.tl-text-left {
  text-align: left !important;
}

.tl-text-right {
  text-align: right !important;
}

.tl-text-center {
  text-align: center !important;
}

.tl-text-justify {
  text-align: justify !important;
}

.tl-text-nowrap {
  white-space: nowrap !important;
}

.tl-text-lowercase {
  text-transform: lowercase;
}

.tl-text-uppercase {
  text-transform: uppercase;
}

.tl-text-capitalize {
  text-transform: capitalize;
}

.tl-text-muted {
  color: #6c757d !important;
}

[id^=uppy-Dashboard-] .uppy-Dashboard-note {
  white-space: pre-wrap;
  max-width: 400px;
}

/*# sourceMappingURL=styles.css.map*/