/*!********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css ***!
  \********************************************************************************************************************************************************************************************************************************************************/
.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)}.cdk-high-contrast-active .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-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-option{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-option:hover:not(.mdc-list-item--disabled),.mat-mdc-option:focus:not(.mdc-list-item--disabled),.mat-mdc-option.mat-mdc-option-active,.mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled){background:rgba(0,0,0,.04)}.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-secondary, #ff4081)}.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text{color:var(--mdc-theme-error, #f44336)}.mat-mdc-optgroup-label{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-pseudo-checkbox-full{color:rgba(0,0,0,.54)}.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled{color:#b0b0b0}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#3f51b5}.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#ff4081}.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#f44336}.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after{color:#fafafa}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after{color:#b0b0b0}.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full{background:#b0b0b0}.mat-app-background{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-elevation-z0,.mat-mdc-elevation-specific.mat-elevation-z0{box-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)}.mat-elevation-z1,.mat-mdc-elevation-specific.mat-elevation-z1{box-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)}.mat-elevation-z2,.mat-mdc-elevation-specific.mat-elevation-z2{box-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)}.mat-elevation-z3,.mat-mdc-elevation-specific.mat-elevation-z3{box-shadow: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-elevation-z4,.mat-mdc-elevation-specific.mat-elevation-z4{box-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-elevation-z5,.mat-mdc-elevation-specific.mat-elevation-z5{box-shadow: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-elevation-z6,.mat-mdc-elevation-specific.mat-elevation-z6{box-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)}.mat-elevation-z7,.mat-mdc-elevation-specific.mat-elevation-z7{box-shadow: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-elevation-z8,.mat-mdc-elevation-specific.mat-elevation-z8{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)}.mat-elevation-z9,.mat-mdc-elevation-specific.mat-elevation-z9{box-shadow: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-elevation-z10,.mat-mdc-elevation-specific.mat-elevation-z10{box-shadow: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-elevation-z11,.mat-mdc-elevation-specific.mat-elevation-z11{box-shadow: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-elevation-z12,.mat-mdc-elevation-specific.mat-elevation-z12{box-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)}.mat-elevation-z13,.mat-mdc-elevation-specific.mat-elevation-z13{box-shadow: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-elevation-z14,.mat-mdc-elevation-specific.mat-elevation-z14{box-shadow: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-elevation-z15,.mat-mdc-elevation-specific.mat-elevation-z15{box-shadow: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-elevation-z16,.mat-mdc-elevation-specific.mat-elevation-z16{box-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-elevation-z17,.mat-mdc-elevation-specific.mat-elevation-z17{box-shadow: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-elevation-z18,.mat-mdc-elevation-specific.mat-elevation-z18{box-shadow: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-elevation-z19,.mat-mdc-elevation-specific.mat-elevation-z19{box-shadow: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-elevation-z20,.mat-mdc-elevation-specific.mat-elevation-z20{box-shadow: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-elevation-z21,.mat-mdc-elevation-specific.mat-elevation-z21{box-shadow: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-elevation-z22,.mat-mdc-elevation-specific.mat-elevation-z22{box-shadow: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-elevation-z23,.mat-mdc-elevation-specific.mat-elevation-z23{box-shadow: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-elevation-z24,.mat-mdc-elevation-specific.mat-elevation-z24{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-theme-loaded-marker{display:none}.mat-mdc-option{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em)}.mat-mdc-card{box-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-elevated-card-container-color:#fff}.mat-mdc-card-outlined{box-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-outlined-card-outline-color:#e0e0e0}.mat-mdc-card-subtitle{color:rgba(0,0,0,.54)}.mat-mdc-card-title{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-headline6-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-headline6-font-size, 20px);line-height:var(--mdc-typography-headline6-line-height, 32px);font-weight:var(--mdc-typography-headline6-font-weight, 500);letter-spacing:var(--mdc-typography-headline6-letter-spacing, 0.0125em);-webkit-text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-decoration:var(--mdc-typography-headline6-text-decoration, inherit);text-transform:var(--mdc-typography-headline6-text-transform, none)}.mat-mdc-card-subtitle{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-bar{--mdc-linear-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(63, 81, 181, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar{background-color:rgba(63, 81, 181, 0.25)}.mat-mdc-progress-bar.mat-accent{--mdc-linear-progress-active-indicator-color:#ff4081}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(255, 64, 129, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar{background-color:rgba(255, 64, 129, 0.25)}.mat-mdc-progress-bar.mat-warn{--mdc-linear-progress-active-indicator-color:#f44336}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots{background-image:url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(244, 67, 54, 0.25)'/%3E%3C/svg%3E")}.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar{background-color:rgba(244, 67, 54, 0.25)}.mat-mdc-tooltip{--mdc-plain-tooltip-container-color:#616161;--mdc-plain-tooltip-supporting-text-color:white}.mat-mdc-tooltip{--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}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input{color:rgba(0, 0, 0, 0.87)}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.6)}}@media all{.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.6)}}.mdc-text-field .mdc-text-field__input{caret-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,.mdc-text-field:not(.mdc-text-field--disabled)+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.54)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.6)}.mdc-text-field--filled .mdc-text-field__ripple::before,.mdc-text-field--filled .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, rgba(0, 0, 0, 0.87))}.mdc-text-field--filled:hover .mdc-text-field__ripple::before,.mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-hover-opacity, 0.04)}.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before,.mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before{opacity:var(--mdc-ripple-focus-opacity, 0.12)}.mdc-text-field--filled:not(.mdc-text-field--disabled){background-color:whitesmoke}.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.42)}.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--filled .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.38)}.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.87)}.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-primary, #3f51b5)}.mdc-text-field--outlined .mdc-text-field__ripple::before,.mdc-text-field--outlined .mdc-text-field__ripple::after{background-color:var(--mdc-ripple-color, transparent)}.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(63, 81, 181, 0.87)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mdc-text-field--disabled .mdc-text-field__input{color:rgba(0, 0, 0, 0.38)}@media all{.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:rgba(0, 0, 0, 0.38)}}@media all{.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:rgba(0, 0, 0, 0.38)}}.mdc-text-field--disabled .mdc-floating-label{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__icon--leading{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:rgba(0, 0, 0, 0.3)}.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:rgba(0, 0, 0, 0.38)}.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:rgba(0, 0, 0, 0.06)}.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.06)}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input::placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-floating-label{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-helper-text{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field-character-counter,.mdc-text-field--disabled+.mdc-text-field-helper-line .mdc-text-field-character-counter{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--leading{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__icon--trailing{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--prefix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-text-field__affix--suffix{color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-line-ripple::before{border-bottom-color:GrayText}}@media screen and (forced-colors: active),(-ms-high-contrast: active){.mdc-text-field--disabled .mdc-notched-outline__leading,.mdc-text-field--disabled .mdc-notched-outline__notch,.mdc-text-field--disabled .mdc-notched-outline__trailing{border-color:GrayText}}.mdc-text-field--disabled.mdc-text-field--filled{background-color:#fafafa}.mat-mdc-form-field-error{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field-focus-overlay{background-color:rgba(0,0,0,.87)}.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay{opacity:.04}.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay{opacity:.12}.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.54)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after{color:rgba(63,81,181,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after{color:rgba(255,64,129,.87)}.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after{color:rgba(244,67,54,.87)}.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after{color:rgba(0,0,0,.38)}.mat-mdc-form-field.mat-accent .mdc-text-field__input{caret-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(255, 64, 129, 0.87)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-secondary, #ff4081)}.mat-mdc-form-field.mat-warn .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label{color:rgba(244, 67, 54, 0.87)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid+.mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input{caret-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing{color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before{border-bottom-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing{border-color:var(--mdc-theme-error, #f44336)}.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:1px solid rgba(0,0,0,0)}[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch{border-left:none;border-right:1px solid rgba(0,0,0,0)}.mat-mdc-form-field-infix{min-height:56px}.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:28px}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -34.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:24px;padding-bottom:8px}.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:16px;padding-bottom:16px}.mdc-text-field__input{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field__affix{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mdc-text-field--textarea .mdc-text-field__input{line-height:1.5rem}.mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none)}.mat-mdc-form-field-subscript-wrapper,.mat-mdc-form-field-bottom-align::before{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-form-field,.mat-mdc-floating-label{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-form-field .mdc-text-field--outlined .mdc-floating-label--float-above{font-size:calc(16px * var(--mat-mdc-form-field-floating-label-scale, 0.75))}.mat-mdc-form-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{font-size:16px}.mdc-menu-surface{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);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-select-value{color:rgba(0,0,0,.87)}.mat-mdc-select-placeholder{color:rgba(0,0,0,.6)}.mat-mdc-select-disabled .mat-mdc-select-value{color:rgba(0,0,0,.38)}.mat-mdc-select-arrow{color:rgba(0,0,0,.54)}.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow{color:rgba(63,81,181,.87)}.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow{color:rgba(255,64,129,.87)}.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow{color:rgba(244,67,54,.87)}.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow{color:rgba(0,0,0,.38)}.mat-mdc-select-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-select{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mdc-menu-surface{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);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-autocomplete-panel{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-dialog-container{--mdc-dialog-container-color:white;--mdc-dialog-with-divider-divider-color:rgba(0, 0, 0, 0.12);--mdc-dialog-subhead-color:rgba(0, 0, 0, 0.87);--mdc-dialog-supporting-text-color:rgba(0, 0, 0, 0.6)}.mat-mdc-dialog-container{--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-elevated-container-color:#e0e0e0;--mdc-chip-elevated-disabled-container-color:#e0e0e0;--mdc-chip-label-text-color:#212121;--mdc-chip-disabled-label-text-color:#212121;--mdc-chip-with-icon-icon-color:#212121;--mdc-chip-with-icon-disabled-icon-color:#212121;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#212121;--mdc-chip-with-trailing-icon-trailing-icon-color:#212121;--mdc-chip-with-icon-selected-icon-color:#212121}.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#3f51b5;--mdc-chip-elevated-disabled-container-color:#3f51b5;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#ff4081;--mdc-chip-elevated-disabled-container-color:#ff4081;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected,.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted{--mdc-chip-elevated-container-color:#f44336;--mdc-chip-elevated-disabled-container-color:#f44336;--mdc-chip-label-text-color:white;--mdc-chip-disabled-label-text-color:white;--mdc-chip-with-icon-icon-color:white;--mdc-chip-with-icon-disabled-icon-color:white;--mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;--mdc-chip-with-trailing-icon-trailing-icon-color:white;--mdc-chip-with-icon-selected-icon-color:white}.mat-mdc-chip-focus-overlay{background:#000}.mat-mdc-chip{height:32px}.mat-mdc-standard-chip{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slide-toggle{--mdc-switch-disabled-selected-handle-color:#424242;--mdc-switch-disabled-unselected-handle-color:#424242;--mdc-switch-disabled-selected-track-color:#424242;--mdc-switch-disabled-unselected-track-color:#424242;--mdc-switch-unselected-focus-state-layer-color:#424242;--mdc-switch-unselected-pressed-state-layer-color:#424242;--mdc-switch-unselected-hover-state-layer-color:#424242;--mdc-switch-unselected-focus-track-color:#e0e0e0;--mdc-switch-unselected-hover-track-color:#e0e0e0;--mdc-switch-unselected-pressed-track-color:#e0e0e0;--mdc-switch-unselected-track-color:#e0e0e0;--mdc-switch-unselected-focus-handle-color:#212121;--mdc-switch-unselected-hover-handle-color:#212121;--mdc-switch-unselected-pressed-handle-color:#212121;--mdc-switch-handle-surface-color:var(--mdc-theme-surface, #fff);--mdc-switch-unselected-handle-color:#616161;--mdc-switch-selected-icon-color:#fff;--mdc-switch-disabled-selected-icon-color:#fff;--mdc-switch-disabled-unselected-icon-color:#fff;--mdc-switch-unselected-icon-color:#fff}.mat-mdc-slide-toggle .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-slide-toggle .mdc-switch--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-slide-toggle.mat-primary{--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}.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}.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}.mat-mdc-slide-toggle{--mdc-switch-state-layer-size:48px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-radio-button .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-radio-button.mat-primary{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-radio-button.mat-primary .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-accent{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-radio-button.mat-accent .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button.mat-warn{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-radio-button.mat-warn .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-radio-button .mdc-radio{padding:calc((40px - 20px) / 2)}.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before{top:calc(-1 * (40px - 20px) / 2);left:calc(-1 * (40px - 20px) / 2);width:40px;height:40px}.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control{top:calc((40px - 40px) / 2);right:calc((40px - 40px) / 2);left:calc((40px - 40px) / 2);width:40px;height:40px}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-slider{--mdc-slider-label-container-color:black;--mdc-slider-label-label-text-color:white;--mdc-slider-disabled-handle-color:#000;--mdc-slider-disabled-active-track-color:#000;--mdc-slider-disabled-inactive-track-color:#000;--mdc-slider-with-tick-marks-disabled-container-color:#000;--mat-mdc-slider-value-indicator-opacity: 0.6}.mat-mdc-slider.mat-primary{--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-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#3f51b5;--mat-mdc-slider-ripple-color: #3f51b5;--mat-mdc-slider-hover-ripple-color: rgba(63, 81, 181, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(63, 81, 181, 0.2)}.mat-mdc-slider.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-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#ff4081;--mat-mdc-slider-ripple-color: #ff4081;--mat-mdc-slider-hover-ripple-color: rgba(255, 64, 129, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(255, 64, 129, 0.2)}.mat-mdc-slider.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-active-container-color:#fff;--mdc-slider-with-tick-marks-inactive-container-color:#f44336;--mat-mdc-slider-ripple-color: #f44336;--mat-mdc-slider-hover-ripple-color: rgba(244, 67, 54, 0.05);--mat-mdc-slider-focus-ripple-color: rgba(244, 67, 54, 0.2)}.mat-mdc-slider{--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}.mdc-menu-surface{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);background-color:var(--mdc-theme-surface, #fff);color:var(--mdc-theme-on-surface, #000)}.mdc-list-item__primary-text{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-item__secondary-text{color:var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54))}.mdc-list-item__overline-text{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{background-color:transparent}.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item__end{color:var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38))}.mdc-list-item--disabled .mdc-list-item__start,.mdc-list-item--disabled .mdc-list-item__content,.mdc-list-item--disabled .mdc-list-item__end{opacity:0.38}.mdc-list-item--disabled .mdc-list-item__primary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__secondary-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled .mdc-list-item__overline-text{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end{color:var(--mdc-theme-on-surface, #000)}.mdc-list-item--selected .mdc-list-item__primary-text,.mdc-list-item--activated .mdc-list-item__primary-text{color:var(--mdc-theme-primary, #3f51b5)}.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start{color:var(--mdc-theme-primary, #3f51b5)}.mdc-deprecated-list-group__subheader{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mdc-list-divider::after{border-bottom-color:white}.mdc-list-divider{background-color:rgba(0, 0, 0, 0.12)}.mat-mdc-menu-item[disabled],.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,.mat-mdc-menu-item[disabled] .mat-icon-no-color{color:var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38))}.mat-mdc-menu-item .mat-icon-no-color,.mat-mdc-menu-submenu-icon{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-menu-item:hover:not([disabled]),.mat-mdc-menu-item.cdk-program-focused:not([disabled]),.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),.mat-mdc-menu-item-highlighted:not([disabled]){background:rgba(0,0,0,.04)}.mat-mdc-menu-content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle1-font-size, 16px);line-height:var(--mdc-typography-subtitle1-line-height, 28px);font-weight:var(--mdc-typography-subtitle1-font-weight, 400);letter-spacing:var(--mdc-typography-subtitle1-letter-spacing, 0.009375em);-webkit-text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle1-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle1-text-transform, none);line-height:24px}.mat-mdc-menu-content,.mat-mdc-menu-content .mat-mdc-menu-item .mdc-list-item__primary-text{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body1-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body1-font-size, 16px);line-height:var(--mdc-typography-body1-line-height, 24px);font-weight:var(--mdc-typography-body1-font-weight, 400);letter-spacing:var(--mdc-typography-body1-letter-spacing, 0.03125em);-webkit-text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-decoration:var(--mdc-typography-body1-text-decoration, inherit);text-transform:var(--mdc-typography-body1-text-transform, none)}.mat-mdc-list-base{--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}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option .mdc-list-item__start,.mat-mdc-list-option .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#3f51b5;--mdc-radio-selected-hover-icon-color:#3f51b5;--mdc-radio-selected-icon-color:#3f51b5;--mdc-radio-selected-pressed-icon-color:#3f51b5;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #3f51b5}.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-accent .mdc-list-item__start,.mat-mdc-list-option.mat-accent .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#ff4081;--mdc-radio-selected-hover-icon-color:#ff4081;--mdc-radio-selected-icon-color:#ff4081;--mdc-radio-selected-pressed-icon-color:#ff4081;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #ff4081}.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-list-option.mat-warn .mdc-list-item__start,.mat-mdc-list-option.mat-warn .mdc-list-item__end{--mdc-radio-disabled-selected-icon-color:#000;--mdc-radio-disabled-unselected-icon-color:#000;--mdc-radio-unselected-focus-icon-color:#212121;--mdc-radio-unselected-hover-icon-color:#212121;--mdc-radio-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54);--mdc-radio-selected-focus-icon-color:#f44336;--mdc-radio-selected-hover-icon-color:#f44336;--mdc-radio-selected-icon-color:#f44336;--mdc-radio-selected-pressed-icon-color:#f44336;--mat-mdc-radio-ripple-color: #000;--mat-mdc-radio-checked-ripple-color: #f44336}.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled+label,.mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled+label{color:rgba(0,0,0,.38)}.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--activated .mdc-list-item__primary-text{color:#3f51b5}.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .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}.mat-mdc-list-base{--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-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}.mat-mdc-list-base{--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-size:16px;font-weight:400;line-height:28px;font-family:Roboto, sans-serif;letter-spacing:.009375em}.mat-mdc-paginator{background:#fff;color:rgba(0,0,0,.87)}.mat-mdc-paginator-icon{fill:rgba(0,0,0,.54)}.mat-mdc-paginator-decrement,.mat-mdc-paginator-increment{border-top:2px solid rgba(0,0,0,.54);border-right:2px solid rgba(0,0,0,.54)}.mat-mdc-paginator-first,.mat-mdc-paginator-last{border-top:2px solid rgba(0,0,0,.54)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last{border-color:rgba(0,0,0,.12)}.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon{fill:rgba(0,0,0,.12)}.mat-mdc-paginator .mat-mdc-form-field-infix{min-height:40px}.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label{top:20px}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above{--mat-mdc-form-field-label-transform: translateY( -26.75px) scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));transform:var(--mat-mdc-form-field-label-transform)}.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix{padding-top:8px;padding-bottom:8px}.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label{display:none}.mat-mdc-paginator-container{min-height:56px}.mat-mdc-paginator{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-caption-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-caption-font-size, 12px);line-height:var(--mdc-typography-caption-line-height, 20px);font-weight:var(--mdc-typography-caption-font-weight, 400);letter-spacing:var(--mdc-typography-caption-letter-spacing, 0.0333333333em);-webkit-text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-decoration:var(--mdc-typography-caption-text-decoration, inherit);text-transform:var(--mdc-typography-caption-text-transform, none)}.mat-mdc-paginator .mat-mdc-select-value{font-size:12px}.mat-mdc-tab,.mat-mdc-tab-link{background-color:rgba(0,0,0,0)}.mat-mdc-tab .mdc-tab__text-label,.mat-mdc-tab-link .mdc-tab__text-label{color:rgba(0, 0, 0, 0.6)}.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element,.mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple::before,.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element{background-color:rgba(0,0,0,.38)}.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#3f51b5}.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #3f51b5)}.mdc-tab__ripple::before,.mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-link .mat-ripple-element{background-color:#3f51b5}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#ff4081}.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #ff4081)}.mat-mdc-tab-group.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element{background-color:#ff4081}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label{color:#f44336}.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline{border-color:var(--mdc-tab-indicator-active-indicator-color, #f44336)}.mat-mdc-tab-group.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple::before,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element{background-color:#f44336}.mat-mdc-tab-group.mat-background-primary,.mat-mdc-tab-nav-bar.mat-background-primary{--mat-mdc-tab-header-with-background-background-color: #3f51b5;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-accent,.mat-mdc-tab-nav-bar.mat-background-accent{--mat-mdc-tab-header-with-background-background-color: #ff4081;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-group.mat-background-warn,.mat-mdc-tab-nav-bar.mat-background-warn{--mat-mdc-tab-header-with-background-background-color: #f44336;--mat-mdc-tab-header-with-background-foreground-color: #fff}.mat-mdc-tab-header-pagination-chevron{border-color:var(--mdc-theme-on-surface, #000)}.mat-mdc-tab-header .mdc-tab{height:48px}.mdc-tab{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-checkbox .mdc-form-field{color:var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87))}.mat-mdc-checkbox .mat-ripple-element{background-color:rgba(0,0,0,.1)}.mat-mdc-checkbox .mdc-checkbox__ripple{background:#000}.mat-mdc-checkbox.mat-primary{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(63,81,181,.1)}.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#3f51b5}.mat-mdc-checkbox.mat-accent{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(255,64,129,.1)}.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#ff4081}.mat-mdc-checkbox.mat-warn{--mdc-checkbox-selected-checkmark-color:#fff;--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-disabled-selected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-disabled-unselected-icon-color:rgba(0, 0, 0, 0.38);--mdc-checkbox-unselected-icon-color:rgba(0, 0, 0, 0.54);--mdc-checkbox-unselected-pressed-icon-color:rgba(0, 0, 0, 0.54)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mat-mdc-checkbox-ripple .mat-ripple-element{background-color:rgba(244,67,54,.1)}.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected~.mdc-checkbox__ripple{background:#f44336}.mat-mdc-checkbox-disabled label{color:rgba(0,0,0,.38)}.mat-mdc-checkbox .mdc-checkbox{padding:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);margin:calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background{top:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);left:calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2)}.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control{top:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);right:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);left:calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);width:var(--mdc-checkbox-touch-target-size, 40px);height:var(--mdc-checkbox-touch-target-size, 40px)}@media all and (-ms-high-contrast: none){.mdc-checkbox .mdc-checkbox__focus-ring{display:none}}.mdc-form-field{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mat-mdc-button.mat-unthemed{--mdc-text-button-label-text-color:#000}.mat-mdc-button.mat-primary{--mdc-text-button-label-text-color:#3f51b5}.mat-mdc-button.mat-accent{--mdc-text-button-label-text-color:#ff4081}.mat-mdc-button.mat-warn{--mdc-text-button-label-text-color:#f44336}.mat-mdc-button[disabled][disabled]{--mdc-text-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-text-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-unelevated-button.mat-unthemed{--mdc-filled-button-container-color:#fff;--mdc-filled-button-label-text-color:#000}.mat-mdc-unelevated-button.mat-primary{--mdc-filled-button-container-color:#3f51b5;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-accent{--mdc-filled-button-container-color:#ff4081;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button.mat-warn{--mdc-filled-button-container-color:#f44336;--mdc-filled-button-label-text-color:#fff}.mat-mdc-unelevated-button[disabled][disabled]{--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);--mdc-filled-button-container-color:rgba(0, 0, 0, 0.12);--mdc-filled-button-label-text-color:rgba(0, 0, 0, 0.38)}.mat-mdc-raised-button.mat-unthemed{--mdc-protected-button-container-color:#fff;--mdc-protected-button-label-text-color:#000}.mat-mdc-raised-button.mat-primary{--mdc-protected-button-container-color:#3f51b5;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-accent{--mdc-protected-button-container-color:#ff4081;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button.mat-warn{--mdc-protected-button-container-color:#f44336;--mdc-protected-button-label-text-color:#fff}.mat-mdc-raised-button[disabled][disabled]{--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);--mdc-protected-button-container-color:rgba(0, 0, 0, 0.12);--mdc-protected-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-protected-button-container-elevation:0}.mat-mdc-outlined-button{--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-outlined-button.mat-unthemed{--mdc-outlined-button-label-text-color:#000}.mat-mdc-outlined-button.mat-primary{--mdc-outlined-button-label-text-color:#3f51b5}.mat-mdc-outlined-button.mat-accent{--mdc-outlined-button-label-text-color:#ff4081}.mat-mdc-outlined-button.mat-warn{--mdc-outlined-button-label-text-color:#f44336}.mat-mdc-outlined-button[disabled][disabled]{--mdc-outlined-button-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-disabled-label-text-color:rgba(0, 0, 0, 0.38);--mdc-outlined-button-outline-color:rgba(0, 0, 0, 0.12);--mdc-outlined-button-disabled-outline-color:rgba(0, 0, 0, 0.12)}.mat-mdc-button,.mat-mdc-outlined-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-button.mat-primary,.mat-mdc-outlined-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-button.mat-accent,.mat-mdc-outlined-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-button.mat-warn,.mat-mdc-outlined-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-raised-button,.mat-mdc-unelevated-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-raised-button.mat-primary,.mat-mdc-unelevated-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-accent,.mat-mdc-unelevated-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-raised-button.mat-warn,.mat-mdc-unelevated-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-button.mat-mdc-button-base,.mat-mdc-raised-button.mat-mdc-button-base,.mat-mdc-unelevated-button.mat-mdc-button-base,.mat-mdc-outlined-button.mat-mdc-button-base{height:36px}.mdc-button{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-icon-button{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-icon-button.mat-primary{--mat-mdc-button-persistent-ripple-color: #3f51b5;--mat-mdc-button-ripple-color: rgba(63, 81, 181, 0.1)}.mat-mdc-icon-button.mat-accent{--mat-mdc-button-persistent-ripple-color: #ff4081;--mat-mdc-button-ripple-color: rgba(255, 64, 129, 0.1)}.mat-mdc-icon-button.mat-warn{--mat-mdc-button-persistent-ripple-color: #f44336;--mat-mdc-button-ripple-color: rgba(244, 67, 54, 0.1)}.mat-mdc-icon-button.mat-primary{--mdc-icon-button-icon-color:#3f51b5}.mat-mdc-icon-button.mat-accent{--mdc-icon-button-icon-color:#ff4081}.mat-mdc-icon-button.mat-warn{--mdc-icon-button-icon-color:#f44336}.mat-mdc-icon-button[disabled][disabled]{--mdc-icon-button-icon-color:rgba(0, 0, 0, 0.38);--mdc-icon-button-disabled-icon-color:rgba(0, 0, 0, 0.38)}.mat-mdc-icon-button.mat-mdc-button-base{width:48px;height:48px;padding:12px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:48px;max-width:48px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:4px;margin-bottom:4px;margin-right:4px;margin-left:4px}.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:48px;left:50%;width:48px;transform:translate(-50%, -50%)}.mat-mdc-fab,.mat-mdc-mini-fab{--mat-mdc-button-persistent-ripple-color: #000;--mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1)}.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before{opacity:.04}.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before,.mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before{opacity:.12}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mat-mdc-button-persistent-ripple-color: #fff;--mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1)}.mat-mdc-fab.mat-unthemed,.mat-mdc-mini-fab.mat-unthemed{--mdc-fab-container-color:#fff;--mdc-fab-icon-color:#000;--mat-mdc-fab-color: #000}.mat-mdc-fab.mat-primary,.mat-mdc-mini-fab.mat-primary{--mdc-fab-container-color:#3f51b5;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-accent,.mat-mdc-mini-fab.mat-accent{--mdc-fab-container-color:#ff4081;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab.mat-warn,.mat-mdc-mini-fab.mat-warn{--mdc-fab-container-color:#f44336;--mdc-fab-icon-color:#fff;--mat-mdc-fab-color: #fff}.mat-mdc-fab[disabled][disabled],.mat-mdc-mini-fab[disabled][disabled]{--mdc-fab-container-color:rgba(0, 0, 0, 0.12);--mdc-fab-icon-color:rgba(0, 0, 0, 0.38);--mat-mdc-fab-color: rgba(0, 0, 0, 0.38)}.mdc-fab--extended{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-button-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-button-font-size, 14px);line-height:var(--mdc-typography-button-line-height, 36px);font-weight:var(--mdc-typography-button-font-weight, 500);letter-spacing:var(--mdc-typography-button-letter-spacing, 0.0892857143em);-webkit-text-decoration:var(--mdc-typography-button-text-decoration, none);text-decoration:var(--mdc-typography-button-text-decoration, none);text-transform:var(--mdc-typography-button-text-transform, none)}.mat-mdc-snack-bar-container{--mat-mdc-snack-bar-button-color: #ff4081;--mdc-snackbar-container-color:#333333;--mdc-snackbar-supporting-text-color:rgba(255, 255, 255, 0.87)}.mat-mdc-snack-bar-container{--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}.mdc-data-table{background-color:var(--mdc-theme-surface, #fff);border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row{background-color:inherit}.mdc-data-table__header-cell{background-color:var(--mdc-theme-surface, #fff)}.mdc-data-table__row--selected{background-color:rgba(63, 81, 181, 0.04)}.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing{border-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__cell,.mdc-data-table__header-cell{border-bottom-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__pagination{border-top-color:rgba(0, 0, 0, 0.12)}.mdc-data-table__row:not(.mdc-data-table__row--selected):hover{background-color:rgba(0, 0, 0, 0.04)}.mdc-data-table__header-cell{color:rgba(0, 0, 0, 0.87)}.mdc-data-table__pagination-total,.mdc-data-table__pagination-rows-per-page-label,.mdc-data-table__cell{color:rgba(0, 0, 0, 0.87)}.mat-mdc-table{background:#fff}.mat-mdc-table .mdc-data-table__row{height:52px}.mat-mdc-table .mdc-data-table__pagination{min-height:52px}.mat-mdc-table .mdc-data-table__header-row{height:56px}.mdc-data-table__content{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-body2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-body2-font-size, 14px);line-height:var(--mdc-typography-body2-line-height, 20px);font-weight:var(--mdc-typography-body2-font-weight, 400);letter-spacing:var(--mdc-typography-body2-letter-spacing, 0.0178571429em);-webkit-text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-decoration:var(--mdc-typography-body2-text-decoration, inherit);text-transform:var(--mdc-typography-body2-text-transform, none)}.mdc-data-table__header-cell{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;font-family:var(--mdc-typography-subtitle2-font-family, var(--mdc-typography-font-family, Roboto, sans-serif));font-size:var(--mdc-typography-subtitle2-font-size, 14px);line-height:var(--mdc-typography-subtitle2-line-height, 22px);font-weight:var(--mdc-typography-subtitle2-font-weight, 500);letter-spacing:var(--mdc-typography-subtitle2-letter-spacing, 0.0071428571em);-webkit-text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-decoration:var(--mdc-typography-subtitle2-text-decoration, inherit);text-transform:var(--mdc-typography-subtitle2-text-transform, none)}.mat-mdc-progress-spinner{--mdc-circular-progress-active-indicator-color:#3f51b5}.mat-mdc-progress-spinner.mat-accent{--mdc-circular-progress-active-indicator-color:#ff4081}.mat-mdc-progress-spinner.mat-warn{--mdc-circular-progress-active-indicator-color:#f44336}.mat-badge{position:relative}.mat-badge.mat-badge{overflow:visible}.mat-badge-hidden .mat-badge-content{display:none}.mat-badge-content{position:absolute;text-align:center;display:inline-block;border-radius:50%;transition:transform 200ms ease-in-out;transform:scale(0.6);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;pointer-events:none}.ng-animate-disabled .mat-badge-content,.mat-badge-content._mat-animation-noopable{transition:none}.mat-badge-content.mat-badge-active{transform:none}.mat-badge-small .mat-badge-content{width:16px;height:16px;line-height:16px}.mat-badge-small.mat-badge-above .mat-badge-content{top:-8px}.mat-badge-small.mat-badge-below .mat-badge-content{bottom:-8px}.mat-badge-small.mat-badge-before .mat-badge-content{left:-16px}[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content{left:auto;right:-16px}.mat-badge-small.mat-badge-after .mat-badge-content{right:-16px}[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content{right:auto;left:-16px}.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-8px}.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-8px}[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-8px}.mat-badge-medium .mat-badge-content{width:22px;height:22px;line-height:22px}.mat-badge-medium.mat-badge-above .mat-badge-content{top:-11px}.mat-badge-medium.mat-badge-below .mat-badge-content{bottom:-11px}.mat-badge-medium.mat-badge-before .mat-badge-content{left:-22px}[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content{left:auto;right:-22px}.mat-badge-medium.mat-badge-after .mat-badge-content{right:-22px}[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content{right:auto;left:-22px}.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-11px}.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-11px}[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-11px}.mat-badge-large .mat-badge-content{width:28px;height:28px;line-height:28px}.mat-badge-large.mat-badge-above .mat-badge-content{top:-14px}.mat-badge-large.mat-badge-below .mat-badge-content{bottom:-14px}.mat-badge-large.mat-badge-before .mat-badge-content{left:-28px}[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content{left:auto;right:-28px}.mat-badge-large.mat-badge-after .mat-badge-content{right:-28px}[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content{right:auto;left:-28px}.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content{left:auto;right:-14px}.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:-14px}[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content{right:auto;left:-14px}.mat-badge-content{color:#fff;background:#3f51b5}.cdk-high-contrast-active .mat-badge-content{outline:solid 1px;border-radius:0}.mat-badge-accent .mat-badge-content{background:#ff4081;color:#fff}.mat-badge-warn .mat-badge-content{color:#fff;background:#f44336}.mat-badge-disabled .mat-badge-content{background:#b9b9b9;color:rgba(0,0,0,.38)}.mat-badge-content{font-weight:600;font-size:12px;font-family:Roboto, sans-serif}.mat-badge-small .mat-badge-content{font-size:9px}.mat-badge-large .mat-badge-content{font-size:24px}.mat-bottom-sheet-container{box-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);background:#fff;color:rgba(0,0,0,.87)}.mat-bottom-sheet-container{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-button-toggle-standalone:not([class*=mat-elevation-z]),.mat-button-toggle-group:not([class*=mat-elevation-z]){box-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)}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]){box-shadow:none}.mat-button-toggle{color:rgba(0,0,0,.38)}.mat-button-toggle .mat-button-toggle-focus-overlay{background-color:rgba(0,0,0,.12)}.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87);background:#fff}.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay{background-color:#000}.mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:solid 1px #e0e0e0}[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:solid 1px #e0e0e0}.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle+.mat-button-toggle{border-left:none;border-right:none;border-top:solid 1px #e0e0e0}.mat-button-toggle-checked{background-color:#e0e0e0;color:rgba(0,0,0,.54)}.mat-button-toggle-checked.mat-button-toggle-appearance-standard{color:rgba(0,0,0,.87)}.mat-button-toggle-disabled{color:rgba(0,0,0,.26);background-color:#eee}.mat-button-toggle-disabled.mat-button-toggle-appearance-standard{background:#fff}.mat-button-toggle-disabled.mat-button-toggle-checked{background-color:#bdbdbd}.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,.mat-button-toggle-group-appearance-standard{border:solid 1px #e0e0e0}.mat-button-toggle-appearance-standard .mat-button-toggle-label-content{line-height:48px}.mat-button-toggle{font-family:Roboto, sans-serif}.mat-calendar-arrow{fill:rgba(0,0,0,.54)}.mat-datepicker-toggle,.mat-datepicker-content .mat-calendar-next-button,.mat-datepicker-content .mat-calendar-previous-button{color:rgba(0,0,0,.54)}.mat-calendar-table-header-divider::after{background:rgba(0,0,0,.12)}.mat-calendar-table-header,.mat-calendar-body-label{color:rgba(0,0,0,.54)}.mat-calendar-body-cell-content,.mat-date-range-input-separator{color:rgba(0,0,0,.87);border-color:rgba(0,0,0,0)}.mat-calendar-body-disabled>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){color:rgba(0,0,0,.38)}.mat-form-field-disabled .mat-date-range-input-separator{color:rgba(0,0,0,.38)}.mat-calendar-body-in-preview{color:rgba(0,0,0,.24)}.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.38)}.mat-calendar-body-disabled>.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){border-color:rgba(0,0,0,.18)}.mat-calendar-body-in-range::before{background:rgba(63,81,181,.2)}.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-calendar-body-comparison-bridge-start::before,[dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-comparison-bridge-end::before,[dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(63, 81, 181, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-calendar-body-selected{background-color:#3f51b5;color:#fff}.mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(63,81,181,.4)}.mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}@media(hover: hover){.mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(63,81,181,.3)}}.mat-datepicker-content{box-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);background-color:#fff;color:rgba(0,0,0,.87)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before{background:rgba(255,64,129,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(255, 64, 129, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-accent .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-accent .mat-calendar-body-selected{background-color:#ff4081;color:#fff}.mat-datepicker-content.mat-accent .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(255,64,129,.4)}.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}@media(hover: hover){.mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(255,64,129,.3)}}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before{background:rgba(244,67,54,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before{background:rgba(249,171,0,.2)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before{background:linear-gradient(to right, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before{background:linear-gradient(to left, rgba(244, 67, 54, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%)}.mat-datepicker-content.mat-warn .mat-calendar-body-in-range>.mat-calendar-body-comparison-identical,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after{background:#a8dab5}.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range>.mat-calendar-body-selected{background:#46a35e}.mat-datepicker-content.mat-warn .mat-calendar-body-selected{background-color:#f44336;color:#fff}.mat-datepicker-content.mat-warn .mat-calendar-body-disabled>.mat-calendar-body-selected{background-color:rgba(244,67,54,.4)}.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected{box-shadow:inset 0 0 0 1px #fff}.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}@media(hover: hover){.mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover>.mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical){background-color:rgba(244,67,54,.3)}}.mat-datepicker-content-touch{box-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12)}.mat-datepicker-toggle-active{color:#3f51b5}.mat-datepicker-toggle-active.mat-accent{color:#ff4081}.mat-datepicker-toggle-active.mat-warn{color:#f44336}.mat-date-range-input-inner[disabled]{color:rgba(0,0,0,.38)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base{width:40px;height:40px;padding:8px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple{width:40px;height:40px;margin-top:0px;margin-bottom:0px;margin-right:0px;margin-left:0px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring{max-height:40px;max-width:40px}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch{position:absolute;top:50%;height:40px;left:50%;width:40px;transform:translate(-50%, -50%)}.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target{display:none}.mat-calendar{font-family:Roboto, sans-serif}.mat-calendar-body{font-size:13px}.mat-calendar-body-label,.mat-calendar-period-button{font-size:14px;font-weight:500}.mat-calendar-table-header th{font-size:11px;font-weight:400}.mat-divider{border-top-color:rgba(0,0,0,.12)}.mat-divider-vertical{border-right-color:rgba(0,0,0,.12)}.mat-expansion-panel{background:#fff;color:rgba(0,0,0,.87)}.mat-expansion-panel:not([class*=mat-elevation-z]){box-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)}.mat-action-row{border-top-color:rgba(0,0,0,.12)}.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]),.mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]),.mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]){background:rgba(0,0,0,.04)}@media(hover: none){.mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover{background:#fff}}.mat-expansion-panel-header-title{color:rgba(0,0,0,.87)}.mat-expansion-panel-header-description,.mat-expansion-indicator::after{color:rgba(0,0,0,.54)}.mat-expansion-panel-header[aria-disabled=true]{color:rgba(0,0,0,.26)}.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description{color:inherit}.mat-expansion-panel-header{height:48px}.mat-expansion-panel-header.mat-expanded{height:64px}.mat-expansion-panel-header{font-family:Roboto, sans-serif;font-size:14px;font-weight:500}.mat-expansion-panel-content{font-size:14px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0178571429em}.mat-grid-tile-header,.mat-grid-tile-footer{font-size:14px}.mat-grid-tile-header .mat-line,.mat-grid-tile-footer .mat-line{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;box-sizing:border-box}.mat-grid-tile-header .mat-line:nth-child(n+2),.mat-grid-tile-footer .mat-line:nth-child(n+2){font-size:12px}.mat-icon.mat-primary{color:#3f51b5}.mat-icon.mat-accent{color:#ff4081}.mat-icon.mat-warn{color:#f44336}.mat-drawer-container{background-color:#fafafa;color:rgba(0,0,0,.87)}.mat-drawer{background-color:#fff;color:rgba(0,0,0,.87)}.mat-drawer.mat-drawer-push{background-color:#fff}.mat-drawer:not(.mat-drawer-side){box-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-drawer-side{border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-side.mat-drawer-end{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side{border-left:solid 1px rgba(0,0,0,.12);border-right:none}[dir=rtl] .mat-drawer-side.mat-drawer-end{border-left:none;border-right:solid 1px rgba(0,0,0,.12)}.mat-drawer-backdrop.mat-drawer-shown{background-color:rgba(0,0,0,.6)}.mat-step-header.cdk-keyboard-focused,.mat-step-header.cdk-program-focused,.mat-step-header:hover:not([aria-disabled]),.mat-step-header:hover[aria-disabled=false]{background-color:rgba(0,0,0,.04)}.mat-step-header:hover[aria-disabled=true]{cursor:default}@media(hover: none){.mat-step-header:hover{background:none}}.mat-step-header .mat-step-label,.mat-step-header .mat-step-optional{color:rgba(0,0,0,.54)}.mat-step-header .mat-step-icon{background-color:rgba(0,0,0,.54);color:#fff}.mat-step-header .mat-step-icon-selected,.mat-step-header .mat-step-icon-state-done,.mat-step-header .mat-step-icon-state-edit{background-color:#3f51b5;color:#fff}.mat-step-header.mat-accent .mat-step-icon{color:#fff}.mat-step-header.mat-accent .mat-step-icon-selected,.mat-step-header.mat-accent .mat-step-icon-state-done,.mat-step-header.mat-accent .mat-step-icon-state-edit{background-color:#ff4081;color:#fff}.mat-step-header.mat-warn .mat-step-icon{color:#fff}.mat-step-header.mat-warn .mat-step-icon-selected,.mat-step-header.mat-warn .mat-step-icon-state-done,.mat-step-header.mat-warn .mat-step-icon-state-edit{background-color:#f44336;color:#fff}.mat-step-header .mat-step-icon-state-error{background-color:rgba(0,0,0,0);color:#f44336}.mat-step-header .mat-step-label.mat-step-label-active{color:rgba(0,0,0,.87)}.mat-step-header .mat-step-label.mat-step-label-error{color:#f44336}.mat-stepper-horizontal,.mat-stepper-vertical{background-color:#fff}.mat-stepper-vertical-line::before{border-left-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header::before,.mat-horizontal-stepper-header::after,.mat-stepper-horizontal-line{border-top-color:rgba(0,0,0,.12)}.mat-horizontal-stepper-header{height:72px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,.mat-vertical-stepper-header{padding:24px 24px}.mat-stepper-vertical-line::before{top:-16px;bottom:-16px}.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after,.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before{top:36px}.mat-stepper-label-position-bottom .mat-stepper-horizontal-line{top:36px}.mat-stepper-vertical,.mat-stepper-horizontal{font-family:Roboto, sans-serif}.mat-step-label{font-size:14px;font-weight:400}.mat-step-sub-label-error{font-weight:normal}.mat-step-label-error{font-size:16px}.mat-step-label-selected{font-size:16px;font-weight:400}.mat-sort-header-arrow{color:#757575}.mat-toolbar{background:#f5f5f5;color:rgba(0,0,0,.87)}.mat-toolbar.mat-primary{background:#3f51b5;color:#fff}.mat-toolbar.mat-accent{background:#ff4081;color:#fff}.mat-toolbar.mat-warn{background:#f44336;color:#fff}.mat-toolbar .mat-form-field-underline,.mat-toolbar .mat-form-field-ripple,.mat-toolbar .mat-focused .mat-form-field-ripple{background-color:currentColor}.mat-toolbar .mat-form-field-label,.mat-toolbar .mat-focused .mat-form-field-label,.mat-toolbar .mat-select-value,.mat-toolbar .mat-select-arrow,.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow{color:inherit}.mat-toolbar .mat-input-element{caret-color:currentColor}.mat-toolbar-multiple-rows{min-height:64px}.mat-toolbar-row,.mat-toolbar-single-row{height:64px}@media(max-width: 599px){.mat-toolbar-multiple-rows{min-height:56px}.mat-toolbar-row,.mat-toolbar-single-row{height:56px}}.mat-toolbar,.mat-toolbar h1,.mat-toolbar h2,.mat-toolbar h3,.mat-toolbar h4,.mat-toolbar h5,.mat-toolbar h6{font-size:20px;font-weight:500;line-height:32px;font-family:Roboto, sans-serif;letter-spacing:.0125em;margin:0}.mat-tree{background:#fff}.mat-tree-node,.mat-nested-tree-node{color:rgba(0,0,0,.87)}.mat-tree-node{min-height:48px}.mat-tree{font-family:Roboto, sans-serif}.mat-tree-node,.mat-nested-tree-node{font-weight:400;font-size:14px}.mat-h1,.mat-headline-5,.mat-typography .mat-h1,.mat-typography .mat-headline-5,.mat-typography h1{font-size:24px;font-weight:400;line-height:32px;font-family: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-size:20px;font-weight:500;line-height:32px;font-family: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-size:16px;font-weight:400;line-height:28px;font-family: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-size:16px;font-weight:400;line-height:24px;font-family:Roboto, sans-serif;letter-spacing:.03125em;margin:0 0 16px}.mat-h5,.mat-typography .mat-h5,.mat-typography h5{font:400 calc(14px * 0.83)/20px Roboto, sans-serif;margin:0 0 12px}.mat-h6,.mat-typography .mat-h6,.mat-typography h6{font:400 calc(14px * 0.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-size:14px;font-weight:500;line-height:22px;font-family:Roboto, sans-serif;letter-spacing:.0071428571em}.mat-body,.mat-body-2,.mat-typography .mat-body,.mat-typography .mat-body-2,.mat-typography{font-size:14px;font-weight:400;line-height:20px;font-family: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-size:12px;font-weight:400;line-height:20px;font-family:Roboto, sans-serif;letter-spacing:.0333333333em}.mat-headline-1,.mat-typography .mat-headline-1{font-size:96px;font-weight:300;line-height:96px;font-family:Roboto, sans-serif;letter-spacing:-0.015625em;margin:0 0 56px}.mat-headline-2,.mat-typography .mat-headline-2{font-size:60px;font-weight:300;line-height:60px;font-family:Roboto, sans-serif;letter-spacing:-.0083333333em;margin:0 0 64px}.mat-headline-3,.mat-typography .mat-headline-3{font-size:48px;font-weight:400;line-height:50px;font-family:Roboto, sans-serif;letter-spacing:normal;margin:0 0 64px}.mat-headline-4,.mat-typography .mat-headline-4{font-size:34px;font-weight:400;line-height:40px;font-family:Roboto, sans-serif;letter-spacing:.0073529412em;margin:0 0 64px}
/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/font-awesome/css/font-awesome.css ***!
  \****************************************************************************************************************************************************************************************************************************************/
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?v=4.7.0');
  src: url('fontawesome-webfont.2b13baa7dd4f54c9.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('fontawesome-webfont.e9955780856cf8aa.woff2?v=4.7.0') format('woff2'), url('fontawesome-webfont.cf011583fb81df9f.woff?v=4.7.0') format('woff'), url('fontawesome-webfont.8a7cb27d142e3e19.ttf?v=4.7.0') format('truetype'), url('fontawesome-webfont.da909aa098b0ee2d.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  animation: fa-spin 1s infinite steps(8);
}
@keyframes fa-spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/app/scss/application.scss?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8"; /*!
 * Bootstrap v4.0.0-alpha.2 (http://getbootstrap.com)
 * Copyright 2011-2015 Twitter, Inc.
 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
 */
/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline;
}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

a {
  background-color: transparent;
}

a:active {
  outline: 0;
}
a:hover {
  outline: 0;
}

abbr[title] {
  border-bottom: 1px dotted;
}

b,
strong {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

mark {
  background: #ff0;
  color: #000;
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

img {
  border: 0;
}

svg:not(:root) {
  overflow: hidden;
}

figure {
  margin: 1em 40px;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  overflow: auto;
}

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0;
}

button {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled],
html input[disabled] {
  cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

input {
  line-height: normal;
}

input[type=checkbox],
input[type=radio] {
  box-sizing: border-box;
  padding: 0;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

input[type=search] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

legend {
  border: 0;
  padding: 0;
}

textarea {
  overflow: auto;
}

optgroup {
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

@media print {
  *,
  *::before,
  *::after {
    text-shadow: none !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  abbr[title]::after {
    content: " (" attr(title) ")";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

@-moz-viewport {
  width: device-width;
}
@-webkit-viewport {
  width: device-width;
}
@viewport {
  width: device-width;
}
html {
  font-size: 14px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  color: #343434;
  background-color: #eee;
}

[tabindex="-1"]:focus {
  outline: none !important;
}

h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 0.5rem;
}

p {
  margin-top: 0;
  margin-bottom: 1rem;
}

abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}

address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}

ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}

ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}

dt {
  font-weight: bold;
}

dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}

blockquote {
  margin: 0 0 1rem;
}

a {
  color: #218BC3;
  text-decoration: none;
}
a:focus, a:hover {
  color: #165c82;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

pre {
  margin-top: 0;
  margin-bottom: 1rem;
}

figure {
  margin: 0 0 1rem;
}

img {
  vertical-align: middle;
}

[role=button] {
  cursor: pointer;
}

a,
area,
button,
[role=button],
input,
label,
select,
summary,
textarea {
  touch-action: manipulation;
}

table {
  background-color: transparent;
}

caption {
  padding-top: 0.75rem;
  padding-bottom: 0.75rem;
  color: #999999;
  text-align: left;
  caption-side: bottom;
}

th {
  text-align: left;
}

label {
  display: inline-block;
  margin-bottom: 0.5rem;
}

button:focus {
  outline: 1px dotted;
  outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
textarea {
  margin: 0;
  line-height: inherit;
  border-radius: 0;
}

textarea {
  resize: vertical;
}

fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: inherit;
}

input[type=search] {
  box-sizing: inherit;
  -webkit-appearance: none;
}

output {
  display: inline-block;
}

[hidden] {
  display: none !important;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  margin-bottom: 0.5rem;
  font-family: inherit;
  font-weight: 300;
  line-height: 1.1;
  color: inherit;
}

h1 {
  font-size: 2.5rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.75rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
}

h6 {
  font-size: 1rem;
}

.h1 {
  font-size: 2.5rem;
}

.h2 {
  font-size: 2rem;
}

.h3 {
  font-size: 1.75rem;
}

.h4 {
  font-size: 1.5rem;
}

.h5 {
  font-size: 1.25rem;
}

.h6 {
  font-size: 1rem;
}

.lead {
  font-size: 1.25rem;
  font-weight: 300;
}

.display-1 {
  font-size: 6rem;
  font-weight: 300;
}

.display-2 {
  font-size: 5.5rem;
  font-weight: 300;
}

.display-3 {
  font-size: 4.5rem;
  font-weight: 300;
}

.display-4 {
  font-size: 3.5rem;
  font-weight: 300;
}

hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
}

small,
.small {
  font-size: 80%;
  font-weight: normal;
}

mark,
.mark {
  padding: 0.2em;
  background-color: #fdf7e6;
}

.list-unstyled {
  padding-left: 0;
  list-style: none;
}

.list-inline {
  padding-left: 0;
  list-style: none;
}

.list-inline-item {
  display: inline-block;
}
.list-inline-item:not(:last-child) {
  margin-right: 5px;
}

.dl-horizontal {
  margin-right: -1.875rem;
  margin-left: -1.875rem;
}
.dl-horizontal::after {
  content: "";
  display: table;
  clear: both;
}

.initialism {
  font-size: 90%;
  text-transform: uppercase;
}

.blockquote {
  padding: 0.5rem 1rem;
  margin-bottom: 1rem;
  font-size: 1.25rem;
  border-left: 0.25rem solid #eeeeee;
}

.blockquote-footer {
  display: block;
  font-size: 80%;
  line-height: 1.5;
  color: #999999;
}
.blockquote-footer::before {
  content: "— ";
}

.blockquote-reverse {
  padding-right: 1rem;
  padding-left: 0;
  text-align: right;
  border-right: 0.25rem solid #eeeeee;
  border-left: 0;
}

.blockquote-reverse .blockquote-footer::before {
  content: "";
}
.blockquote-reverse .blockquote-footer::after {
  content: " —";
}

.img-fluid, .carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  display: block;
  max-width: 100%;
  height: auto;
}

.img-rounded {
  border-radius: 0.3rem;
}

.img-thumbnail {
  padding: 0.25rem;
  line-height: 1.5;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.075);
  display: inline-block;
  max-width: 100%;
  height: auto;
}

.img-circle {
  border-radius: 50%;
}

.figure {
  display: inline-block;
}

.figure-img {
  margin-bottom: 0.5rem;
  line-height: 1;
}

.figure-caption {
  font-size: 90%;
  color: #999999;
}

code,
kbd,
pre,
samp {
  font-family: Menlo, Monaco, Consolas, "Courier New", monospace;
}

code {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #bd4147;
  background-color: #f9f2f4;
  border-radius: 0.25rem;
}

kbd {
  padding: 0.2rem 0.4rem;
  font-size: 90%;
  color: #fff;
  background-color: #333;
  border-radius: 0.2rem;
  box-shadow: inset 0 -0.1rem 0 rgba(0, 0, 0, 0.25);
}
kbd kbd {
  padding: 0;
  font-size: 100%;
  font-weight: bold;
  box-shadow: none;
}

pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  font-size: 90%;
  line-height: 1.5;
  color: #343434;
}
pre code {
  padding: 0;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
  border-radius: 0;
}

.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}
@media (min-width: 544px) {
  .container {
    max-width: 576px;
  }
}
@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 940px;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1140px;
  }
}

.container-fluid {
  margin-left: auto;
  margin-right: auto;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
}

.col-xl-12, .col-xl-11, .col-xl-10, .col-xl-9, .col-xl-8, .col-xl-7, .col-xl-6, .col-xl-5, .col-xl-4, .col-xl-3, .col-xl-2, .col-xl-1, .col-lg-12, .col-lg-11, .col-lg-10, .col-lg-9, .col-lg-8, .col-lg-7, .col-lg-6, .col-lg-5, .col-lg-4, .col-lg-3, .col-lg-2, .col-lg-1, .col-md-12, .col-md-11, .col-md-10, .col-md-9, .col-md-8, .col-md-7, .col-md-6, .col-md-5, .col-md-4, .col-md-3, .col-md-2, .col-md-1, .col-sm-12, .col-sm-11, .col-sm-10, .col-sm-9, .col-sm-8, .col-sm-7, .col-sm-6, .col-sm-5, .col-sm-4, .col-sm-3, .col-sm-2, .col-sm-1, .col-xs-12, .col-xs-11, .col-xs-10, .col-xs-9, .col-xs-8, .col-xs-7, .col-xs-6, .col-xs-5, .col-xs-4, .col-xs-3, .col-xs-2, .col-xs-1 {
  position: relative;
  min-height: 1px;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.col-xs-1 {
  flex: 0 0 8.3333333333%;
}

.col-xs-2 {
  flex: 0 0 16.6666666667%;
}

.col-xs-3 {
  flex: 0 0 25%;
}

.col-xs-4 {
  flex: 0 0 33.3333333333%;
}

.col-xs-5 {
  flex: 0 0 41.6666666667%;
}

.col-xs-6 {
  flex: 0 0 50%;
}

.col-xs-7 {
  flex: 0 0 58.3333333333%;
}

.col-xs-8 {
  flex: 0 0 66.6666666667%;
}

.col-xs-9 {
  flex: 0 0 75%;
}

.col-xs-10 {
  flex: 0 0 83.3333333333%;
}

.col-xs-11 {
  flex: 0 0 91.6666666667%;
}

.col-xs-12 {
  flex: 0 0 100%;
}

.col-xs-pull-0 {
  right: auto;
}

.col-xs-pull-1 {
  right: 8.3333333333%;
}

.col-xs-pull-2 {
  right: 16.6666666667%;
}

.col-xs-pull-3 {
  right: 25%;
}

.col-xs-pull-4 {
  right: 33.3333333333%;
}

.col-xs-pull-5 {
  right: 41.6666666667%;
}

.col-xs-pull-6 {
  right: 50%;
}

.col-xs-pull-7 {
  right: 58.3333333333%;
}

.col-xs-pull-8 {
  right: 66.6666666667%;
}

.col-xs-pull-9 {
  right: 75%;
}

.col-xs-pull-10 {
  right: 83.3333333333%;
}

.col-xs-pull-11 {
  right: 91.6666666667%;
}

.col-xs-pull-12 {
  right: 100%;
}

.col-xs-push-0 {
  left: auto;
}

.col-xs-push-1 {
  left: 8.3333333333%;
}

.col-xs-push-2 {
  left: 16.6666666667%;
}

.col-xs-push-3 {
  left: 25%;
}

.col-xs-push-4 {
  left: 33.3333333333%;
}

.col-xs-push-5 {
  left: 41.6666666667%;
}

.col-xs-push-6 {
  left: 50%;
}

.col-xs-push-7 {
  left: 58.3333333333%;
}

.col-xs-push-8 {
  left: 66.6666666667%;
}

.col-xs-push-9 {
  left: 75%;
}

.col-xs-push-10 {
  left: 83.3333333333%;
}

.col-xs-push-11 {
  left: 91.6666666667%;
}

.col-xs-push-12 {
  left: 100%;
}

.col-xs-offset-0 {
  margin-left: 0%;
}

.col-xs-offset-1 {
  margin-left: 8.3333333333%;
}

.col-xs-offset-2 {
  margin-left: 16.6666666667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.3333333333%;
}

.col-xs-offset-5 {
  margin-left: 41.6666666667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.3333333333%;
}

.col-xs-offset-8 {
  margin-left: 66.6666666667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.3333333333%;
}

.col-xs-offset-11 {
  margin-left: 91.6666666667%;
}

.col-xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 544px) {
  .col-sm-1 {
    flex: 0 0 8.3333333333%;
  }
  .col-sm-2 {
    flex: 0 0 16.6666666667%;
  }
  .col-sm-3 {
    flex: 0 0 25%;
  }
  .col-sm-4 {
    flex: 0 0 33.3333333333%;
  }
  .col-sm-5 {
    flex: 0 0 41.6666666667%;
  }
  .col-sm-6 {
    flex: 0 0 50%;
  }
  .col-sm-7 {
    flex: 0 0 58.3333333333%;
  }
  .col-sm-8 {
    flex: 0 0 66.6666666667%;
  }
  .col-sm-9 {
    flex: 0 0 75%;
  }
  .col-sm-10 {
    flex: 0 0 83.3333333333%;
  }
  .col-sm-11 {
    flex: 0 0 91.6666666667%;
  }
  .col-sm-12 {
    flex: 0 0 100%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-pull-1 {
    right: 8.3333333333%;
  }
  .col-sm-pull-2 {
    right: 16.6666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.3333333333%;
  }
  .col-sm-pull-5 {
    right: 41.6666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.3333333333%;
  }
  .col-sm-pull-8 {
    right: 66.6666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.3333333333%;
  }
  .col-sm-pull-11 {
    right: 91.6666666667%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-push-1 {
    left: 8.3333333333%;
  }
  .col-sm-push-2 {
    left: 16.6666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.3333333333%;
  }
  .col-sm-push-5 {
    left: 41.6666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.3333333333%;
  }
  .col-sm-push-8 {
    left: 66.6666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.3333333333%;
  }
  .col-sm-push-11 {
    left: 91.6666666667%;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 768px) {
  .col-md-1 {
    flex: 0 0 8.3333333333%;
  }
  .col-md-2 {
    flex: 0 0 16.6666666667%;
  }
  .col-md-3 {
    flex: 0 0 25%;
  }
  .col-md-4 {
    flex: 0 0 33.3333333333%;
  }
  .col-md-5 {
    flex: 0 0 41.6666666667%;
  }
  .col-md-6 {
    flex: 0 0 50%;
  }
  .col-md-7 {
    flex: 0 0 58.3333333333%;
  }
  .col-md-8 {
    flex: 0 0 66.6666666667%;
  }
  .col-md-9 {
    flex: 0 0 75%;
  }
  .col-md-10 {
    flex: 0 0 83.3333333333%;
  }
  .col-md-11 {
    flex: 0 0 91.6666666667%;
  }
  .col-md-12 {
    flex: 0 0 100%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-pull-1 {
    right: 8.3333333333%;
  }
  .col-md-pull-2 {
    right: 16.6666666667%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-4 {
    right: 33.3333333333%;
  }
  .col-md-pull-5 {
    right: 41.6666666667%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-7 {
    right: 58.3333333333%;
  }
  .col-md-pull-8 {
    right: 66.6666666667%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-10 {
    right: 83.3333333333%;
  }
  .col-md-pull-11 {
    right: 91.6666666667%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-push-1 {
    left: 8.3333333333%;
  }
  .col-md-push-2 {
    left: 16.6666666667%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-4 {
    left: 33.3333333333%;
  }
  .col-md-push-5 {
    left: 41.6666666667%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-7 {
    left: 58.3333333333%;
  }
  .col-md-push-8 {
    left: 66.6666666667%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-10 {
    left: 83.3333333333%;
  }
  .col-md-push-11 {
    left: 91.6666666667%;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
  .col-md-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-md-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-md-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-md-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-md-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 992px) {
  .col-lg-1 {
    flex: 0 0 8.3333333333%;
  }
  .col-lg-2 {
    flex: 0 0 16.6666666667%;
  }
  .col-lg-3 {
    flex: 0 0 25%;
  }
  .col-lg-4 {
    flex: 0 0 33.3333333333%;
  }
  .col-lg-5 {
    flex: 0 0 41.6666666667%;
  }
  .col-lg-6 {
    flex: 0 0 50%;
  }
  .col-lg-7 {
    flex: 0 0 58.3333333333%;
  }
  .col-lg-8 {
    flex: 0 0 66.6666666667%;
  }
  .col-lg-9 {
    flex: 0 0 75%;
  }
  .col-lg-10 {
    flex: 0 0 83.3333333333%;
  }
  .col-lg-11 {
    flex: 0 0 91.6666666667%;
  }
  .col-lg-12 {
    flex: 0 0 100%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-pull-1 {
    right: 8.3333333333%;
  }
  .col-lg-pull-2 {
    right: 16.6666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.3333333333%;
  }
  .col-lg-pull-5 {
    right: 41.6666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.3333333333%;
  }
  .col-lg-pull-8 {
    right: 66.6666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.3333333333%;
  }
  .col-lg-pull-11 {
    right: 91.6666666667%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-push-1 {
    left: 8.3333333333%;
  }
  .col-lg-push-2 {
    left: 16.6666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.3333333333%;
  }
  .col-lg-push-5 {
    left: 41.6666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.3333333333%;
  }
  .col-lg-push-8 {
    left: 66.6666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.3333333333%;
  }
  .col-lg-push-11 {
    left: 91.6666666667%;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
}
@media (min-width: 1200px) {
  .col-xl-1 {
    flex: 0 0 8.3333333333%;
  }
  .col-xl-2 {
    flex: 0 0 16.6666666667%;
  }
  .col-xl-3 {
    flex: 0 0 25%;
  }
  .col-xl-4 {
    flex: 0 0 33.3333333333%;
  }
  .col-xl-5 {
    flex: 0 0 41.6666666667%;
  }
  .col-xl-6 {
    flex: 0 0 50%;
  }
  .col-xl-7 {
    flex: 0 0 58.3333333333%;
  }
  .col-xl-8 {
    flex: 0 0 66.6666666667%;
  }
  .col-xl-9 {
    flex: 0 0 75%;
  }
  .col-xl-10 {
    flex: 0 0 83.3333333333%;
  }
  .col-xl-11 {
    flex: 0 0 91.6666666667%;
  }
  .col-xl-12 {
    flex: 0 0 100%;
  }
  .col-xl-pull-0 {
    right: auto;
  }
  .col-xl-pull-1 {
    right: 8.3333333333%;
  }
  .col-xl-pull-2 {
    right: 16.6666666667%;
  }
  .col-xl-pull-3 {
    right: 25%;
  }
  .col-xl-pull-4 {
    right: 33.3333333333%;
  }
  .col-xl-pull-5 {
    right: 41.6666666667%;
  }
  .col-xl-pull-6 {
    right: 50%;
  }
  .col-xl-pull-7 {
    right: 58.3333333333%;
  }
  .col-xl-pull-8 {
    right: 66.6666666667%;
  }
  .col-xl-pull-9 {
    right: 75%;
  }
  .col-xl-pull-10 {
    right: 83.3333333333%;
  }
  .col-xl-pull-11 {
    right: 91.6666666667%;
  }
  .col-xl-pull-12 {
    right: 100%;
  }
  .col-xl-push-0 {
    left: auto;
  }
  .col-xl-push-1 {
    left: 8.3333333333%;
  }
  .col-xl-push-2 {
    left: 16.6666666667%;
  }
  .col-xl-push-3 {
    left: 25%;
  }
  .col-xl-push-4 {
    left: 33.3333333333%;
  }
  .col-xl-push-5 {
    left: 41.6666666667%;
  }
  .col-xl-push-6 {
    left: 50%;
  }
  .col-xl-push-7 {
    left: 58.3333333333%;
  }
  .col-xl-push-8 {
    left: 66.6666666667%;
  }
  .col-xl-push-9 {
    left: 75%;
  }
  .col-xl-push-10 {
    left: 83.3333333333%;
  }
  .col-xl-push-11 {
    left: 91.6666666667%;
  }
  .col-xl-push-12 {
    left: 100%;
  }
  .col-xl-offset-0 {
    margin-left: 0%;
  }
  .col-xl-offset-1 {
    margin-left: 8.3333333333%;
  }
  .col-xl-offset-2 {
    margin-left: 16.6666666667%;
  }
  .col-xl-offset-3 {
    margin-left: 25%;
  }
  .col-xl-offset-4 {
    margin-left: 33.3333333333%;
  }
  .col-xl-offset-5 {
    margin-left: 41.6666666667%;
  }
  .col-xl-offset-6 {
    margin-left: 50%;
  }
  .col-xl-offset-7 {
    margin-left: 58.3333333333%;
  }
  .col-xl-offset-8 {
    margin-left: 66.6666666667%;
  }
  .col-xl-offset-9 {
    margin-left: 75%;
  }
  .col-xl-offset-10 {
    margin-left: 83.3333333333%;
  }
  .col-xl-offset-11 {
    margin-left: 91.6666666667%;
  }
  .col-xl-offset-12 {
    margin-left: 100%;
  }
}
.col-xs-first {
  order: -1;
}

.col-xs-last {
  order: 1;
}

@media (min-width: 544px) {
  .col-sm-first {
    order: -1;
  }
  .col-sm-last {
    order: 1;
  }
}
@media (min-width: 768px) {
  .col-md-first {
    order: -1;
  }
  .col-md-last {
    order: 1;
  }
}
@media (min-width: 992px) {
  .col-lg-first {
    order: -1;
  }
  .col-lg-last {
    order: 1;
  }
}
@media (min-width: 1200px) {
  .col-xl-first {
    order: -1;
  }
  .col-xl-last {
    order: 1;
  }
}
.row-xs-top {
  align-items: flex-start;
}

.row-xs-center {
  align-items: center;
}

.row-xs-bottom {
  align-items: flex-end;
}

@media (min-width: 544px) {
  .row-sm-top {
    align-items: flex-start;
  }
  .row-sm-center {
    align-items: center;
  }
  .row-sm-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 768px) {
  .row-md-top {
    align-items: flex-start;
  }
  .row-md-center {
    align-items: center;
  }
  .row-md-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 992px) {
  .row-lg-top {
    align-items: flex-start;
  }
  .row-lg-center {
    align-items: center;
  }
  .row-lg-bottom {
    align-items: flex-end;
  }
}
@media (min-width: 1200px) {
  .row-xl-top {
    align-items: flex-start;
  }
  .row-xl-center {
    align-items: center;
  }
  .row-xl-bottom {
    align-items: flex-end;
  }
}
.col-xs-top {
  align-self: flex-start;
}

.col-xs-center {
  align-self: center;
}

.col-xs-bottom {
  align-self: flex-end;
}

@media (min-width: 544px) {
  .col-sm-top {
    align-self: flex-start;
  }
  .col-sm-center {
    align-self: center;
  }
  .col-sm-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 768px) {
  .col-md-top {
    align-self: flex-start;
  }
  .col-md-center {
    align-self: center;
  }
  .col-md-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 992px) {
  .col-lg-top {
    align-self: flex-start;
  }
  .col-lg-center {
    align-self: center;
  }
  .col-lg-bottom {
    align-self: flex-end;
  }
}
@media (min-width: 1200px) {
  .col-xl-top {
    align-self: flex-start;
  }
  .col-xl-center {
    align-self: center;
  }
  .col-xl-bottom {
    align-self: flex-end;
  }
}
.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 1rem;
}
.table th,
.table td {
  padding: 0.75rem;
  line-height: 1.5;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table thead th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #eee;
}

.table-sm th,
.table-sm td {
  padding: 0.3rem;
}

.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered th,
.table-bordered td {
  border: 1px solid #ddd;
}
.table-bordered thead th,
.table-bordered thead td {
  border-bottom-width: 2px;
}

.table-striped tbody tr:nth-of-type(odd) {
  background-color: #f3f3f3;
}

.table-hover tbody tr:hover {
  background-color: #eeeeee;
}

.table-active,
.table-active > th,
.table-active > td {
  background-color: #eeeeee;
}

.table-hover .table-active:hover {
  background-color: #e2e2e2;
}
.table-hover .table-active:hover > td,
.table-hover .table-active:hover > th {
  background-color: #e2e2e2;
}

.table-success,
.table-success > th,
.table-success > td {
  background-color: #ecfaec;
}

.table-hover .table-success:hover {
  background-color: #d8f5d8;
}
.table-hover .table-success:hover > td,
.table-hover .table-success:hover > th {
  background-color: #d8f5d8;
}

.table-info,
.table-info > th,
.table-info > td {
  background-color: #f2fafa;
}

.table-hover .table-info:hover {
  background-color: #e0f3f3;
}
.table-hover .table-info:hover > td,
.table-hover .table-info:hover > th {
  background-color: #e0f3f3;
}

.table-warning,
.table-warning > th,
.table-warning > td {
  background-color: #fdf7e6;
}

.table-hover .table-warning:hover {
  background-color: #fcefce;
}
.table-hover .table-warning:hover > td,
.table-hover .table-warning:hover > th {
  background-color: #fcefce;
}

.table-danger,
.table-danger > th,
.table-danger > td {
  background-color: #fff2ef;
}

.table-hover .table-danger:hover {
  background-color: #ffddd6;
}
.table-hover .table-danger:hover > td,
.table-hover .table-danger:hover > th {
  background-color: #ffddd6;
}

.table-responsive {
  display: block;
  width: 100%;
  min-height: 0.01%;
  overflow-x: auto;
}

.thead-inverse th {
  color: #fff;
  background-color: #343434;
}

.thead-default th {
  color: #555555;
  background-color: #eeeeee;
}

.table-inverse {
  color: #eeeeee;
  background-color: #343434;
}
.table-inverse.table-bordered {
  border: 0;
}
.table-inverse th,
.table-inverse td,
.table-inverse thead th {
  border-color: #555555;
}

.table-reflow thead {
  float: left;
}
.table-reflow tbody {
  display: block;
  white-space: nowrap;
}
.table-reflow th,
.table-reflow td {
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
}
.table-reflow th:last-child,
.table-reflow td:last-child {
  border-right: 1px solid #ddd;
}
.table-reflow thead:last-child tr:last-child th,
.table-reflow thead:last-child tr:last-child td,
.table-reflow tbody:last-child tr:last-child th,
.table-reflow tbody:last-child tr:last-child td,
.table-reflow tfoot:last-child tr:last-child th,
.table-reflow tfoot:last-child tr:last-child td {
  border-bottom: 1px solid #ddd;
}
.table-reflow tr {
  float: left;
}
.table-reflow tr th,
.table-reflow tr td {
  display: block !important;
  border: 1px solid #ddd;
}

.form-control {
  display: block;
  width: 100%;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  line-height: 1.5;
  color: #555555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.form-control::-ms-expand {
  background-color: transparent;
  border: 0;
}
.form-control:focus {
  border-color: #4D90FE;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::placeholder {
  color: #999;
  opacity: 1;
}
.form-control:disabled, .form-control[readonly] {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control:disabled {
  cursor: not-allowed;
}

.form-control-file,
.form-control-range {
  display: block;
}

.form-control-label {
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
  input[type=date].form-control,
  input[type=time].form-control,
  input[type=datetime-local].form-control,
  input[type=month].form-control {
    line-height: 2.25rem;
  }
  input[type=date].input-sm, .input-group-sm input[type=date].form-control,
  input[type=time].input-sm,
  .input-group-sm input[type=time].form-control,
  input[type=datetime-local].input-sm,
  .input-group-sm input[type=datetime-local].form-control,
  input[type=month].input-sm,
  .input-group-sm input[type=month].form-control {
    line-height: 1.8625rem;
  }
  input[type=date].input-lg, .input-group-lg input[type=date].form-control,
  input[type=time].input-lg,
  .input-group-lg input[type=time].form-control,
  input[type=datetime-local].input-lg,
  .input-group-lg input[type=datetime-local].form-control,
  input[type=month].input-lg,
  .input-group-lg input[type=month].form-control {
    line-height: 3.1666666667rem;
  }
}
.form-control-static {
  min-height: 2.25rem;
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
  margin-bottom: 0;
}
.form-control-static.form-control-sm, .input-group-sm > .form-control-static.form-control,
.input-group-sm > .form-control-static.input-group-addon,
.input-group-sm > .input-group-btn > .form-control-static.btn, .form-control-static.form-control-lg, .input-group-lg > .form-control-static.form-control,
.input-group-lg > .form-control-static.input-group-addon,
.input-group-lg > .input-group-btn > .form-control-static.btn {
  padding-right: 0;
  padding-left: 0;
}

.form-control-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.form-control-lg, .input-group-lg > .form-control,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.3rem;
}

.form-group {
  margin-bottom: 1rem;
}

.radio,
.checkbox {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
}
.radio label,
.checkbox label {
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio label input:only-child,
.checkbox label input:only-child {
  position: static;
}

.radio input[type=radio],
.radio-inline input[type=radio],
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox] {
  position: absolute;
  margin-top: 0.25rem;
  margin-left: -1.25rem;
}

.radio + .radio,
.checkbox + .checkbox {
  margin-top: -0.25rem;
}

.radio-inline,
.checkbox-inline {
  position: relative;
  display: inline-block;
  padding-left: 1.25rem;
  margin-bottom: 0;
  font-weight: normal;
  vertical-align: middle;
  cursor: pointer;
}

.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 0.75rem;
}

input[type=radio]:disabled, input[type=radio].disabled,
input[type=checkbox]:disabled,
input[type=checkbox].disabled {
  cursor: not-allowed;
}

.radio-inline.disabled,
.checkbox-inline.disabled {
  cursor: not-allowed;
}

.radio.disabled label,
.checkbox.disabled label {
  cursor: not-allowed;
}

.form-control-success,
.form-control-warning,
.form-control-danger {
  padding-right: 2.25rem;
  background-repeat: no-repeat;
  background-position: center right 0.5625rem;
  background-size: 1.4625rem 1.4625rem;
}

.has-success .text-help,
.has-success .form-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .radio-inline,
.has-success .checkbox-inline, .has-success.radio label, .has-success.checkbox label, .has-success.radio-inline label, .has-success.checkbox-inline label {
  color: #64bd63;
}
.has-success .form-control {
  border-color: #64bd63;
}
.has-success .input-group-addon {
  color: #64bd63;
  border-color: #64bd63;
  background-color: #f2faf2;
}
.has-success .form-control-feedback {
  color: #64bd63;
}
.has-success .form-control-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjNWNiODVjIiBkPSJNMjMzLjggNjEwYy0xMy4zIDAtMjYtNi0zNC0xNi44TDkwLjUgNDQ4LjhDNzYuMyA0MzAgODAgNDAzLjMgOTguOCAzODljMTguOC0xNC4yIDQ1LjUtMTAuNCA1OS44IDguNGw3MiA5NUw0NTEuMyAyNDJjMTIuNS0yMCAzOC44LTI2LjIgNTguOC0xMy43IDIwIDEyLjQgMjYgMzguNyAxMy43IDU4LjhMMjcwIDU5MGMtNy40IDEyLTIwLjIgMTkuNC0zNC4zIDIwaC0yeiIvPjwvc3ZnPg==");
}

.has-warning .text-help,
.has-warning .form-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .radio-inline,
.has-warning .checkbox-inline, .has-warning.radio label, .has-warning.checkbox label, .has-warning.radio-inline label, .has-warning.checkbox-inline label {
  color: #f0b518;
}
.has-warning .form-control {
  border-color: #f0b518;
}
.has-warning .input-group-addon {
  color: #f0b518;
  border-color: #f0b518;
  background-color: #fcf2d8;
}
.has-warning .form-control-feedback {
  color: #f0b518;
}
.has-warning .form-control-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZjBhZDRlIiBkPSJNNjAzIDY0MC4ybC0yNzguNS01MDljLTMuOC02LjYtMTAuOC0xMC42LTE4LjUtMTAuNnMtMTQuNyA0LTE4LjUgMTAuNkw5IDY0MC4yYy0zLjcgNi41LTMuNiAxNC40LjIgMjAuOCAzLjggNi41IDEwLjggMTAuNCAxOC4zIDEwLjRoNTU3YzcuNiAwIDE0LjYtNCAxOC40LTEwLjQgMy41LTYuNCAzLjYtMTQuNCAwLTIwLjh6bS0yNjYuNC0zMGgtNjEuMlY1NDloNjEuMnY2MS4yem0wLTEwN2gtNjEuMlYzMDRoNjEuMnYxOTl6Ii8+PC9zdmc+");
}

.has-danger .text-help,
.has-danger .form-control-label,
.has-danger .radio,
.has-danger .checkbox,
.has-danger .radio-inline,
.has-danger .checkbox-inline, .has-danger.radio label, .has-danger.checkbox label, .has-danger.radio-inline label, .has-danger.checkbox-inline label {
  color: #dd5826;
}
.has-danger .form-control {
  border-color: #dd5826;
}
.has-danger .input-group-addon {
  color: #dd5826;
  border-color: #dd5826;
  background-color: #f9e0d6;
}
.has-danger .form-control-feedback {
  color: #dd5826;
}
.has-danger .form-control-danger {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2MTIgNzkyIj48cGF0aCBmaWxsPSIjZDk1MzRmIiBkPSJNNDQ3IDU0NC40Yy0xNC40IDE0LjQtMzcuNiAxNC40LTUyIDBsLTg5LTkyLjctODkgOTIuN2MtMTQuNSAxNC40LTM3LjcgMTQuNC01MiAwLTE0LjQtMTQuNC0xNC40LTM3LjYgMC01Mmw5Mi40LTk2LjMtOTIuNC05Ni4zYy0xNC40LTE0LjQtMTQuNC0zNy42IDAtNTJzMzcuNi0xNC4zIDUyIDBsODkgOTIuOCA4OS4yLTkyLjdjMTQuNC0xNC40IDM3LjYtMTQuNCA1MiAwIDE0LjMgMTQuNCAxNC4zIDM3LjYgMCA1MkwzNTQuNiAzOTZsOTIuNCA5Ni40YzE0LjQgMTQuNCAxNC40IDM3LjYgMCA1MnoiLz48L3N2Zz4=");
}

@media (min-width: 544px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .form-control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type=radio],
  .form-inline .checkbox input[type=checkbox] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}

.btn {
  display: inline-block;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
          user-select: none;
  border: 1px solid transparent;
  padding: 0.375rem 1rem;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: all 0.2s ease-in-out;
}
.btn:focus, .btn.focus, .btn:active:focus, .btn:active.focus, .btn.active:focus, .btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:focus, .btn:hover {
  text-decoration: none;
}
.btn.focus {
  text-decoration: none;
}
.btn:active, .btn.active {
  background-image: none;
  outline: 0;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled, .btn:disabled {
  cursor: not-allowed;
  opacity: 0.65;
  box-shadow: none;
}

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none;
}

.btn-primary {
  color: #fff;
  background-color: #5d8fc2;
  border-color: #5d8fc2;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-primary:hover {
  color: #fff;
  background-color: #4175ab;
  border-color: #3e70a4;
}
.btn-primary:focus, .btn-primary.focus {
  color: #fff;
  background-color: #4175ab;
  border-color: #3e70a4;
}
.btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #4175ab;
  border-color: #3e70a4;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-primary:active:hover, .btn-primary:active:focus, .btn-primary:active.focus, .btn-primary.active:hover, .btn-primary.active:focus, .btn-primary.active.focus, .open > .btn-primary.dropdown-toggle:hover, .open > .btn-primary.dropdown-toggle:focus, .open > .btn-primary.dropdown-toggle.focus {
  color: #fff;
  background-color: #376492;
  border-color: #2c4f74;
}
.btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary:disabled:focus, .btn-primary:disabled.focus {
  background-color: #5d8fc2;
  border-color: #5d8fc2;
}
.btn-primary.disabled:hover, .btn-primary:disabled:hover {
  background-color: #5d8fc2;
  border-color: #5d8fc2;
}

.btn-secondary {
  color: #343434;
  background-color: #f8f8f8;
  border-color: #ccc;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-secondary:hover {
  color: #343434;
  background-color: #dfdfdf;
  border-color: #adadad;
}
.btn-secondary:focus, .btn-secondary.focus {
  color: #343434;
  background-color: #dfdfdf;
  border-color: #adadad;
}
.btn-secondary:active, .btn-secondary.active, .open > .btn-secondary.dropdown-toggle {
  color: #343434;
  background-color: #dfdfdf;
  border-color: #adadad;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-secondary:active:hover, .btn-secondary:active:focus, .btn-secondary:active.focus, .btn-secondary.active:hover, .btn-secondary.active:focus, .btn-secondary.active.focus, .open > .btn-secondary.dropdown-toggle:hover, .open > .btn-secondary.dropdown-toggle:focus, .open > .btn-secondary.dropdown-toggle.focus {
  color: #343434;
  background-color: #cdcdcd;
  border-color: #8c8c8c;
}
.btn-secondary.disabled:focus, .btn-secondary.disabled.focus, .btn-secondary:disabled:focus, .btn-secondary:disabled.focus {
  background-color: #f8f8f8;
  border-color: #ccc;
}
.btn-secondary.disabled:hover, .btn-secondary:disabled:hover {
  background-color: #f8f8f8;
  border-color: #ccc;
}

.btn-info {
  color: #fff;
  background-color: #5dc4bf;
  border-color: #5dc4bf;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-info:hover {
  color: #fff;
  background-color: #40aea9;
  border-color: #3da7a2;
}
.btn-info:focus, .btn-info.focus {
  color: #fff;
  background-color: #40aea9;
  border-color: #3da7a2;
}
.btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  color: #fff;
  background-color: #40aea9;
  border-color: #3da7a2;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-info:active:hover, .btn-info:active:focus, .btn-info:active.focus, .btn-info.active:hover, .btn-info.active:focus, .btn-info.active.focus, .open > .btn-info.dropdown-toggle:hover, .open > .btn-info.dropdown-toggle:focus, .open > .btn-info.dropdown-toggle.focus {
  color: #fff;
  background-color: #369490;
  border-color: #2b7673;
}
.btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info:disabled:focus, .btn-info:disabled.focus {
  background-color: #5dc4bf;
  border-color: #5dc4bf;
}
.btn-info.disabled:hover, .btn-info:disabled:hover {
  background-color: #5dc4bf;
  border-color: #5dc4bf;
}

.btn-success {
  color: #fff;
  background-color: #64bd63;
  border-color: #64bd63;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-success:hover {
  color: #fff;
  background-color: #48a746;
  border-color: #449f43;
}
.btn-success:focus, .btn-success.focus {
  color: #fff;
  background-color: #48a746;
  border-color: #449f43;
}
.btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #48a746;
  border-color: #449f43;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-success:active:hover, .btn-success:active:focus, .btn-success:active.focus, .btn-success.active:hover, .btn-success.active:focus, .btn-success.active.focus, .open > .btn-success.dropdown-toggle:hover, .open > .btn-success.dropdown-toggle:focus, .open > .btn-success.dropdown-toggle.focus {
  color: #fff;
  background-color: #3d8d3c;
  border-color: #307130;
}
.btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success:disabled:focus, .btn-success:disabled.focus {
  background-color: #64bd63;
  border-color: #64bd63;
}
.btn-success.disabled:hover, .btn-success:disabled:hover {
  background-color: #64bd63;
  border-color: #64bd63;
}

.btn-warning {
  color: #fff;
  background-color: #f0b518;
  border-color: #f0b518;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-warning:hover {
  color: #fff;
  background-color: #c8950d;
  border-color: #be8e0c;
}
.btn-warning:focus, .btn-warning.focus {
  color: #fff;
  background-color: #c8950d;
  border-color: #be8e0c;
}
.btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  color: #fff;
  background-color: #c8950d;
  border-color: #be8e0c;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-warning:active:hover, .btn-warning:active:focus, .btn-warning:active.focus, .btn-warning.active:hover, .btn-warning.active:focus, .btn-warning.active.focus, .open > .btn-warning.dropdown-toggle:hover, .open > .btn-warning.dropdown-toggle:focus, .open > .btn-warning.dropdown-toggle.focus {
  color: #fff;
  background-color: #a67c0b;
  border-color: #805f08;
}
.btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning:disabled:focus, .btn-warning:disabled.focus {
  background-color: #f0b518;
  border-color: #f0b518;
}
.btn-warning.disabled:hover, .btn-warning:disabled:hover {
  background-color: #f0b518;
  border-color: #f0b518;
}

.btn-danger {
  color: #fff;
  background-color: #dd5826;
  border-color: #dd5826;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
}
.btn-danger:hover {
  color: #fff;
  background-color: #b4461c;
  border-color: #ab421b;
}
.btn-danger:focus, .btn-danger.focus {
  color: #fff;
  background-color: #b4461c;
  border-color: #ab421b;
}
.btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  color: #fff;
  background-color: #b4461c;
  border-color: #ab421b;
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-danger:active:hover, .btn-danger:active:focus, .btn-danger:active.focus, .btn-danger.active:hover, .btn-danger.active:focus, .btn-danger.active.focus, .open > .btn-danger.dropdown-toggle:hover, .open > .btn-danger.dropdown-toggle:focus, .open > .btn-danger.dropdown-toggle.focus {
  color: #fff;
  background-color: #953a17;
  border-color: #722c12;
}
.btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger:disabled:focus, .btn-danger:disabled.focus {
  background-color: #dd5826;
  border-color: #dd5826;
}
.btn-danger.disabled:hover, .btn-danger:disabled:hover {
  background-color: #dd5826;
  border-color: #dd5826;
}

.btn-primary-outline {
  color: #5d8fc2;
  background-image: none;
  background-color: transparent;
  border-color: #5d8fc2;
}
.btn-primary-outline:focus, .btn-primary-outline.focus, .btn-primary-outline:active, .btn-primary-outline.active, .open > .btn-primary-outline.dropdown-toggle {
  color: #fff;
  background-color: #5d8fc2;
  border-color: #5d8fc2;
}
.btn-primary-outline:hover {
  color: #fff;
  background-color: #5d8fc2;
  border-color: #5d8fc2;
}
.btn-primary-outline.disabled:focus, .btn-primary-outline.disabled.focus, .btn-primary-outline:disabled:focus, .btn-primary-outline:disabled.focus {
  border-color: #a7c2de;
}
.btn-primary-outline.disabled:hover, .btn-primary-outline:disabled:hover {
  border-color: #a7c2de;
}

.btn-secondary-outline {
  color: #ccc;
  background-image: none;
  background-color: transparent;
  border-color: #ccc;
}
.btn-secondary-outline:focus, .btn-secondary-outline.focus, .btn-secondary-outline:active, .btn-secondary-outline.active, .open > .btn-secondary-outline.dropdown-toggle {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-secondary-outline:hover {
  color: #fff;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-secondary-outline.disabled:focus, .btn-secondary-outline.disabled.focus, .btn-secondary-outline:disabled:focus, .btn-secondary-outline:disabled.focus {
  border-color: white;
}
.btn-secondary-outline.disabled:hover, .btn-secondary-outline:disabled:hover {
  border-color: white;
}

.btn-info-outline {
  color: #5dc4bf;
  background-image: none;
  background-color: transparent;
  border-color: #5dc4bf;
}
.btn-info-outline:focus, .btn-info-outline.focus, .btn-info-outline:active, .btn-info-outline.active, .open > .btn-info-outline.dropdown-toggle {
  color: #fff;
  background-color: #5dc4bf;
  border-color: #5dc4bf;
}
.btn-info-outline:hover {
  color: #fff;
  background-color: #5dc4bf;
  border-color: #5dc4bf;
}
.btn-info-outline.disabled:focus, .btn-info-outline.disabled.focus, .btn-info-outline:disabled:focus, .btn-info-outline:disabled.focus {
  border-color: #a8dfdd;
}
.btn-info-outline.disabled:hover, .btn-info-outline:disabled:hover {
  border-color: #a8dfdd;
}

.btn-success-outline {
  color: #64bd63;
  background-image: none;
  background-color: transparent;
  border-color: #64bd63;
}
.btn-success-outline:focus, .btn-success-outline.focus, .btn-success-outline:active, .btn-success-outline.active, .open > .btn-success-outline.dropdown-toggle {
  color: #fff;
  background-color: #64bd63;
  border-color: #64bd63;
}
.btn-success-outline:hover {
  color: #fff;
  background-color: #64bd63;
  border-color: #64bd63;
}
.btn-success-outline.disabled:focus, .btn-success-outline.disabled.focus, .btn-success-outline:disabled:focus, .btn-success-outline:disabled.focus {
  border-color: #abdbab;
}
.btn-success-outline.disabled:hover, .btn-success-outline:disabled:hover {
  border-color: #abdbab;
}

.btn-warning-outline {
  color: #f0b518;
  background-image: none;
  background-color: transparent;
  border-color: #f0b518;
}
.btn-warning-outline:focus, .btn-warning-outline.focus, .btn-warning-outline:active, .btn-warning-outline.active, .open > .btn-warning-outline.dropdown-toggle {
  color: #fff;
  background-color: #f0b518;
  border-color: #f0b518;
}
.btn-warning-outline:hover {
  color: #fff;
  background-color: #f0b518;
  border-color: #f0b518;
}
.btn-warning-outline.disabled:focus, .btn-warning-outline.disabled.focus, .btn-warning-outline:disabled:focus, .btn-warning-outline:disabled.focus {
  border-color: #f6d478;
}
.btn-warning-outline.disabled:hover, .btn-warning-outline:disabled:hover {
  border-color: #f6d478;
}

.btn-danger-outline {
  color: #dd5826;
  background-image: none;
  background-color: transparent;
  border-color: #dd5826;
}
.btn-danger-outline:focus, .btn-danger-outline.focus, .btn-danger-outline:active, .btn-danger-outline.active, .open > .btn-danger-outline.dropdown-toggle {
  color: #fff;
  background-color: #dd5826;
  border-color: #dd5826;
}
.btn-danger-outline:hover {
  color: #fff;
  background-color: #dd5826;
  border-color: #dd5826;
}
.btn-danger-outline.disabled:focus, .btn-danger-outline.disabled.focus, .btn-danger-outline:disabled:focus, .btn-danger-outline:disabled.focus {
  border-color: #eb9c7e;
}
.btn-danger-outline.disabled:hover, .btn-danger-outline:disabled:hover {
  border-color: #eb9c7e;
}

.btn-link {
  font-weight: normal;
  color: #218BC3;
  border-radius: 0;
}
.btn-link, .btn-link:active, .btn-link.active, .btn-link:disabled {
  background-color: transparent;
  box-shadow: none;
}
.btn-link, .btn-link:focus, .btn-link:active {
  border-color: transparent;
}
.btn-link:hover {
  border-color: transparent;
}
.btn-link:focus, .btn-link:hover {
  color: #165c82;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link:disabled:focus, .btn-link:disabled:hover {
  color: #999999;
  text-decoration: none;
}

.btn-lg, .btn-group-lg > .btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
  border-radius: 0.3rem;
}

.btn-sm, .btn-group-sm > .btn {
  padding: 0.25rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
  border-radius: 0.2rem;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.in {
  opacity: 1;
}

.collapse {
  display: none;
}
.collapse.in {
  display: block;
}

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  transition-timing-function: ease;
  transition-duration: 0.35s;
  transition-property: height;
}

.dropup,
.dropdown {
  position: relative;
}

.dropdown-toggle::after {
  display: inline-block;
  width: 0;
  height: 0;
  margin-right: 0.25rem;
  margin-left: 0.25rem;
  vertical-align: middle;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:focus {
  outline: 0;
}

.dropup .dropdown-toggle::after {
  border-top: 0;
  border-bottom: 0.3em solid;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  font-size: 1rem;
  color: #343434;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem;
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.dropdown-divider {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
  background-color: #e5e5e5;
}

.dropdown-item {
  display: block;
  width: 100%;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.5;
  color: #555555;
  text-align: inherit;
  white-space: nowrap;
  background: none;
  border: 0;
}
.dropdown-item:focus, .dropdown-item:hover {
  color: #272727;
  text-decoration: none;
  background-color: #f5f5f5;
}
.dropdown-item.active, .dropdown-item.active:focus, .dropdown-item.active:hover {
  color: #fff;
  text-decoration: none;
  background-color: #5d8fc2;
  outline: 0;
}
.dropdown-item.disabled, .dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
  color: #999999;
}
.dropdown-item.disabled:focus, .dropdown-item.disabled:hover {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: "progid:DXImageTransform.Microsoft.gradient(enabled = false)";
}

.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}

.dropdown-menu-right {
  right: 0;
  left: auto;
}

.dropdown-menu-left {
  right: auto;
  left: 0;
}

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 0.875rem;
  line-height: 1.5;
  color: #999999;
  white-space: nowrap;
}

.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}

.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.3em solid;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover {
  z-index: 2;
}

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}

.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar::after {
  content: "";
  display: table;
  clear: both;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group > .btn-group {
  float: left;
}

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}

.btn-group > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group > .btn-lg + .dropdown-toggle, .btn-group-lg.btn-group > .btn + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group.open .dropdown-toggle {
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  box-shadow: none;
}

.btn .caret {
  margin-left: 0;
}

.btn-lg .caret, .btn-group-lg > .btn .caret {
  border-width: 0.3em 0.3em 0;
  border-bottom-width: 0;
}

.dropup .btn-lg .caret, .dropup .btn-group-lg > .btn .caret {
  border-width: 0 0.3em 0.3em;
}

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group::after {
  content: "";
  display: table;
  clear: both;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0.25rem;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

[data-toggle=buttons] > .btn input[type=radio],
[data-toggle=buttons] > .btn input[type=checkbox],
[data-toggle=buttons] > .btn-group > .btn input[type=radio],
[data-toggle=buttons] > .btn-group > .btn input[type=checkbox] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.input-group {
  position: relative;
  display: flex;
}
.input-group .form-control {
  position: relative;
  z-index: 2;
  flex: 1;
  margin-bottom: 0;
}
.input-group .form-control:focus, .input-group .form-control:active, .input-group .form-control:hover {
  z-index: 3;
}

.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-addon,
.input-group-btn {
  white-space: nowrap;
  vertical-align: middle;
}

.input-group-addon {
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  font-weight: normal;
  line-height: 1;
  color: #555555;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 0.25rem;
}
.input-group-addon.form-control-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  border-radius: 0.2rem;
}
.input-group-addon.form-control-lg,
.input-group-lg > .input-group-addon,
.input-group-lg > .input-group-btn > .input-group-addon.btn {
  padding: 0.75rem 1.25rem;
  font-size: 1.25rem;
  border-radius: 0.3rem;
}
.input-group-addon input[type=radio],
.input-group-addon input[type=checkbox] {
  margin-top: 0;
}

.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
.input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.input-group-addon:first-child {
  border-right: 0;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.input-group-addon:last-child {
  border-left: 0;
}

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -1px;
}
.input-group-btn > .btn:focus, .input-group-btn > .btn:active, .input-group-btn > .btn:hover {
  z-index: 3;
}
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .btn-group {
  margin-right: -1px;
}
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group {
  z-index: 2;
  margin-left: -1px;
}
.input-group-btn:last-child > .btn:focus, .input-group-btn:last-child > .btn:active, .input-group-btn:last-child > .btn:hover,
.input-group-btn:last-child > .btn-group:focus,
.input-group-btn:last-child > .btn-group:active,
.input-group-btn:last-child > .btn-group:hover {
  z-index: 3;
}

.c-input {
  position: relative;
  display: inline;
  padding-left: 1.5rem;
  color: #555;
  cursor: pointer;
}
.c-input > input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.c-input > input:checked ~ .c-indicator {
  color: #fff;
  background-color: #0074d9;
  box-shadow: none;
}
.c-input > input:focus ~ .c-indicator {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}
.c-input > input:active ~ .c-indicator {
  color: #fff;
  background-color: #84c6ff;
  box-shadow: none;
}
.c-input + .c-input {
  margin-left: 1rem;
}

.c-indicator {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 1rem;
  height: 1rem;
  font-size: 65%;
  line-height: 1rem;
  color: #eee;
  text-align: center;
  -webkit-user-select: none;
          user-select: none;
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  box-shadow: inset 0 0.125rem 0.125rem rgba(0, 0, 0, 0.1);
}

.c-checkbox .c-indicator {
  border-radius: 0.25rem;
}
.c-checkbox input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYuNCwxTDUuNywxLjdMMi45LDQuNUwyLjEsMy43TDEuNCwzTDAsNC40bDAuNywwLjdsMS41LDEuNWwwLjcsMC43bDAuNy0wLjdsMy41LTMuNWwwLjctMC43TDYuNCwxTDYuNCwxeiINCgkvPg0KPC9zdmc+DQo=);
}
.c-checkbox input:indeterminate ~ .c-indicator {
  background-color: #0074d9;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iOHB4IiBoZWlnaHQ9IjhweCIgdmlld0JveD0iMCAwIDggOCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgOCA4IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0wLDN2Mmg4VjNIMHoiLz4NCjwvc3ZnPg0K);
  box-shadow: none;
}

.c-radio .c-indicator {
  border-radius: 50%;
}
.c-radio input:checked ~ .c-indicator {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgOCA4IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA4IDgiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTQsMUMyLjMsMSwxLDIuMywxLDRzMS4zLDMsMywzczMtMS4zLDMtM1M1LjcsMSw0LDF6Ii8+DQo8L3N2Zz4NCg==);
}

.c-inputs-stacked .c-input {
  display: inline;
}
.c-inputs-stacked .c-input::after {
  display: block;
  margin-bottom: 0.25rem;
  content: "";
}
.c-inputs-stacked .c-input + .c-input {
  margin-left: 0;
}

.c-select {
  display: inline-block;
  max-width: 100%;
  padding: 0.375rem 1.75rem 0.375rem 0.75rem;
  padding-right: 0.75rem \9 ;
  color: #555555;
  vertical-align: middle;
  background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAUCAMAAACzvE1FAAAADFBMVEUzMzMzMzMzMzMzMzMKAG/3AAAAA3RSTlMAf4C/aSLHAAAAPElEQVR42q3NMQ4AIAgEQTn//2cLdRKppSGzBYwzVXvznNWs8C58CiussPJj8h6NwgorrKRdTvuV9v16Afn0AYFOB7aYAAAAAElFTkSuQmCC) no-repeat right 0.75rem center;
  background-image: none \9 ;
  background-size: 8px 10px;
  border: 1px solid #ccc;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.c-select:focus {
  border-color: #51a7e8;
  outline: none;
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.075), 0 0 5px rgba(81, 167, 232, 0.5);
}
.c-select::-ms-expand {
  opacity: 0;
}

.c-select-sm {
  padding-top: 3px;
  padding-bottom: 3px;
  font-size: 12px;
}
.c-select-sm:not([multiple]) {
  height: 26px;
  min-height: 26px;
}

.file {
  position: relative;
  display: inline-block;
  height: 2.5rem;
  cursor: pointer;
}

.file input {
  min-width: 14rem;
  margin: 0;
  filter: alpha(opacity=0);
  opacity: 0;
}

.file-custom {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  z-index: 5;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  -webkit-user-select: none;
          user-select: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 0.25rem;
  box-shadow: inset 0 0.2rem 0.4rem rgba(0, 0, 0, 0.05);
}

.file-custom::after {
  content: "Choose file...";
}

.file-custom::before {
  position: absolute;
  top: -0.075rem;
  right: -0.075rem;
  bottom: -0.075rem;
  z-index: 6;
  display: block;
  height: 2.5rem;
  padding: 0.5rem 1rem;
  line-height: 1.5;
  color: #555;
  content: "Browse";
  background-color: #eee;
  border: 1px solid #ddd;
  border-radius: 0 0.25rem 0.25rem 0;
}

.file input:focus ~ .file-custom {
  box-shadow: 0 0 0 0.075rem #fff, 0 0 0 0.2rem #0074d9;
}

.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: inline-block;
}
.nav-link:focus, .nav-link:hover {
  text-decoration: none;
}
.nav-link.disabled {
  color: #999999;
}
.nav-link.disabled, .nav-link.disabled:focus, .nav-link.disabled:hover {
  color: #999999;
  cursor: not-allowed;
  background-color: transparent;
}

.nav-inline .nav-item {
  display: inline-block;
}
.nav-inline .nav-item + .nav-item,
.nav-inline .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs::after {
  content: "";
  display: table;
  clear: both;
}
.nav-tabs .nav-item {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.nav-tabs .nav-link {
  display: block;
  padding: 0.5em 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}
.nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
  border-color: #eeeeee #eeeeee #ddd;
}
.nav-tabs .nav-link.disabled, .nav-tabs .nav-link.disabled:focus, .nav-tabs .nav-link.disabled:hover {
  color: #999999;
  background-color: transparent;
  border-color: transparent;
}
.nav-tabs .nav-link.active, .nav-tabs .nav-link.active:focus, .nav-tabs .nav-link.active:hover,
.nav-tabs .nav-item.open .nav-link,
.nav-tabs .nav-item.open .nav-link:focus,
.nav-tabs .nav-item.open .nav-link:hover {
  color: #555555;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
}

.nav-pills::after {
  content: "";
  display: table;
  clear: both;
}
.nav-pills .nav-item {
  float: left;
}
.nav-pills .nav-item + .nav-item {
  margin-left: 0.2rem;
}
.nav-pills .nav-link {
  display: block;
  padding: 0.5em 1em;
  border-radius: 0.25rem;
}
.nav-pills .nav-link.active, .nav-pills .nav-link.active:focus, .nav-pills .nav-link.active:hover,
.nav-pills .nav-item.open .nav-link,
.nav-pills .nav-item.open .nav-link:focus,
.nav-pills .nav-item.open .nav-link:hover {
  color: #fff;
  cursor: default;
  background-color: #5d8fc2;
}

.nav-stacked .nav-item {
  display: block;
  float: none;
}
.nav-stacked .nav-item + .nav-item {
  margin-top: 0.2rem;
  margin-left: 0;
}

.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}

.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}

.navbar {
  position: relative;
  padding: 0 0;
}
.navbar::after {
  content: "";
  display: table;
  clear: both;
}
@media (min-width: 544px) {
  .navbar {
    border-radius: 0;
  }
}

.navbar-full {
  z-index: 1000;
}
@media (min-width: 544px) {
  .navbar-full {
    border-radius: 0;
  }
}

.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
}
@media (min-width: 544px) {
  .navbar-fixed-top,
  .navbar-fixed-bottom {
    border-radius: 0;
  }
}

.navbar-fixed-top {
  top: 0;
}

.navbar-fixed-bottom {
  bottom: 0;
}

.navbar-sticky-top {
  position: sticky;
  top: 0;
  z-index: 1030;
  width: 100%;
}
@media (min-width: 544px) {
  .navbar-sticky-top {
    border-radius: 0;
  }
}

.navbar-brand {
  float: left;
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
  margin-right: 1rem;
  font-size: 1.25rem;
}
.navbar-brand:focus, .navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand > img {
  display: block;
}

.navbar-divider {
  float: left;
  width: 1px;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
  margin-right: 0;
  margin-left: 0;
  overflow: hidden;
}
.navbar-divider::before {
  content: " ";
}

.navbar-toggler {
  padding: 0.5rem 0.75rem;
  font-size: 1.25rem;
  line-height: 1;
  background: none;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.navbar-toggler:focus, .navbar-toggler:hover {
  text-decoration: none;
}

@media (min-width: 544px) {
  .navbar-toggleable-xs {
    display: block !important;
  }
}
@media (min-width: 768px) {
  .navbar-toggleable-sm {
    display: block !important;
  }
}
@media (min-width: 992px) {
  .navbar-toggleable-md {
    display: block !important;
  }
}

.navbar-nav .nav-item {
  float: left;
}
.navbar-nav .nav-link {
  display: block;
  padding-top: 0.425rem;
  padding-bottom: 0.425rem;
}
.navbar-nav .nav-link + .nav-link {
  margin-left: 1rem;
}
.navbar-nav .nav-item + .nav-item {
  margin-left: 1rem;
}

.navbar-light .navbar-brand {
  color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {
  color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
  color: rgba(0, 0, 0, 0.6);
}
.navbar-light .navbar-nav .open > .nav-link, .navbar-light .navbar-nav .open > .nav-link:focus, .navbar-light .navbar-nav .open > .nav-link:hover,
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .active > .nav-link:focus,
.navbar-light .navbar-nav .active > .nav-link:hover,
.navbar-light .navbar-nav .nav-link.open,
.navbar-light .navbar-nav .nav-link.open:focus,
.navbar-light .navbar-nav .nav-link.open:hover,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.active:focus,
.navbar-light .navbar-nav .nav-link.active:hover {
  color: rgba(0, 0, 0, 0.8);
}
.navbar-light .navbar-divider {
  background-color: rgba(0, 0, 0, 0.075);
}

.navbar-dark .navbar-brand {
  color: rgb(255, 255, 255);
}
.navbar-dark .navbar-brand:focus, .navbar-dark .navbar-brand:hover {
  color: rgb(255, 255, 255);
}
.navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 0.5);
}
.navbar-dark .navbar-nav .nav-link:focus, .navbar-dark .navbar-nav .nav-link:hover {
  color: rgba(255, 255, 255, 0.75);
}
.navbar-dark .navbar-nav .open > .nav-link, .navbar-dark .navbar-nav .open > .nav-link:focus, .navbar-dark .navbar-nav .open > .nav-link:hover,
.navbar-dark .navbar-nav .active > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link:focus,
.navbar-dark .navbar-nav .active > .nav-link:hover,
.navbar-dark .navbar-nav .nav-link.open,
.navbar-dark .navbar-nav .nav-link.open:focus,
.navbar-dark .navbar-nav .nav-link.open:hover,
.navbar-dark .navbar-nav .nav-link.active,
.navbar-dark .navbar-nav .nav-link.active:focus,
.navbar-dark .navbar-nav .nav-link.active:hover {
  color: rgb(255, 255, 255);
}
.navbar-dark .navbar-divider {
  background-color: rgba(255, 255, 255, 0.075);
}

.card {
  position: relative;
  display: block;
  margin-bottom: 0.75rem;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 0.25rem;
}

.card-block {
  padding: 1.25rem;
}

.card-title {
  margin-bottom: 0.75rem;
}

.card-subtitle {
  margin-top: -0.375rem;
  margin-bottom: 0;
}

.card-text:last-child {
  margin-bottom: 0;
}

.card-link:hover {
  text-decoration: none;
}
.card-link + .card-link {
  margin-left: 1.25rem;
}

.card > .list-group:first-child .list-group-item:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
.card > .list-group:last-child .list-group-item:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}

.card-header {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-bottom: 1px solid #e5e5e5;
}
.card-header:first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}

.card-footer {
  padding: 0.75rem 1.25rem;
  background-color: #f5f5f5;
  border-top: 1px solid #e5e5e5;
}
.card-footer:last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}

.card-primary {
  background-color: #5d8fc2;
  border-color: #5d8fc2;
}

.card-success {
  background-color: #64bd63;
  border-color: #64bd63;
}

.card-info {
  background-color: #5dc4bf;
  border-color: #5dc4bf;
}

.card-warning {
  background-color: #f0b518;
  border-color: #f0b518;
}

.card-danger {
  background-color: #dd5826;
  border-color: #dd5826;
}

.card-primary-outline {
  background-color: transparent;
  border-color: #5d8fc2;
}

.card-secondary-outline {
  background-color: transparent;
  border-color: #ccc;
}

.card-info-outline {
  background-color: transparent;
  border-color: #5dc4bf;
}

.card-success-outline {
  background-color: transparent;
  border-color: #64bd63;
}

.card-warning-outline {
  background-color: transparent;
  border-color: #f0b518;
}

.card-danger-outline {
  background-color: transparent;
  border-color: #dd5826;
}

.card-inverse .card-header,
.card-inverse .card-footer {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.card-inverse .card-header,
.card-inverse .card-footer,
.card-inverse .card-title,
.card-inverse .card-blockquote {
  color: #fff;
}
.card-inverse .card-link,
.card-inverse .card-text,
.card-inverse .card-blockquote > footer {
  color: rgba(255, 255, 255, 0.65);
}
.card-inverse .card-link:focus, .card-inverse .card-link:hover {
  color: #fff;
}

.card-blockquote {
  padding: 0;
  margin-bottom: 0;
  border-left: 0;
}

.card-img {
  border-radius: 0.25rem;
}

.card-img-overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 1.25rem;
}

.card-img-top {
  border-radius: 0.25rem 0.25rem 0 0;
}

.card-img-bottom {
  border-radius: 0 0 0.25rem 0.25rem;
}

@media (min-width: 544px) {
  .card-deck {
    display: flex;
    flex-flow: row wrap;
    margin-right: -0.625rem;
    margin-left: -0.625rem;
  }
  .card-deck .card {
    flex: 1 0 0;
    margin-right: 0.625rem;
    margin-left: 0.625rem;
  }
}
@media (min-width: 544px) {
  .card-group {
    display: flex;
    flex-flow: row wrap;
  }
  .card-group .card {
    flex: 1 0 0;
  }
  .card-group .card + .card {
    margin-left: 0;
    border-left: 0;
  }
  .card-group .card:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-top {
    border-top-right-radius: 0;
  }
  .card-group .card:first-child .card-img-bottom {
    border-bottom-right-radius: 0;
  }
  .card-group .card:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-top {
    border-top-left-radius: 0;
  }
  .card-group .card:last-child .card-img-bottom {
    border-bottom-left-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) {
    border-radius: 0;
  }
  .card-group .card:not(:first-child):not(:last-child) .card-img-top,
  .card-group .card:not(:first-child):not(:last-child) .card-img-bottom {
    border-radius: 0;
  }
}
@media (min-width: 544px) {
  .card-columns {
    column-count: 3;
    column-gap: 1.25rem;
  }
  .card-columns .card {
    display: inline-block;
    width: 100%;
  }
}
.breadcrumb {
  padding: 0.75rem 0;
  margin-bottom: 1rem;
  list-style: none;
  background-color: transparent;
  border-radius: 0.25rem;
}
.breadcrumb::after {
  content: "";
  display: table;
  clear: both;
}
.breadcrumb > li {
  float: left;
}
.breadcrumb > li + li::before {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  color: #999999;
  content: "/";
}
.breadcrumb > .active {
  color: #555555;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}

.page-item {
  display: inline;
}
.page-item:first-child .page-link {
  margin-left: 0;
  border-bottom-left-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.page-item:last-child .page-link {
  border-bottom-right-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.page-item.active .page-link, .page-item.active .page-link:focus, .page-item.active .page-link:hover {
  z-index: 2;
  color: #555555;
  cursor: default;
  background-color: #eeeeee;
  border-color: transparent;
}
.page-item.disabled .page-link, .page-item.disabled .page-link:focus, .page-item.disabled .page-link:hover {
  color: #999999;
  cursor: not-allowed;
  background-color: #fff;
  border-color: transparent;
}

.page-link {
  position: relative;
  float: left;
  padding: 0.5rem 0.75rem;
  margin-left: -1px;
  line-height: 1.5;
  color: #777;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
}
.page-link:focus, .page-link:hover {
  color: #555555;
  background-color: #eeeeee;
  border-color: transparent;
}

.pagination-lg .page-link {
  padding: 0.75rem 1.5rem;
  font-size: 1.25rem;
  line-height: 1.3333333333;
}
.pagination-lg .page-item:first-child .page-link {
  border-bottom-left-radius: 0.3rem;
  border-top-left-radius: 0.3rem;
}
.pagination-lg .page-item:last-child .page-link {
  border-bottom-right-radius: 0.3rem;
  border-top-right-radius: 0.3rem;
}

.pagination-sm .page-link {
  padding: 0.275rem 0.75rem;
  font-size: 0.875rem;
  line-height: 1.5;
}
.pagination-sm .page-item:first-child .page-link {
  border-bottom-left-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
}
.pagination-sm .page-item:last-child .page-link {
  border-bottom-right-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
}

.pager {
  padding-left: 0;
  margin-top: 1rem;
  margin-bottom: 1rem;
  text-align: center;
  list-style: none;
}
.pager::after {
  content: "";
  display: table;
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:focus, .pager li > a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}
.pager .disabled > a, .pager .disabled > a:focus, .pager .disabled > a:hover {
  color: #999999;
  cursor: not-allowed;
  background-color: #fff;
}
.pager .disabled > span {
  color: #999999;
  cursor: not-allowed;
  background-color: #fff;
}

.pager-next > a,
.pager-next > span {
  float: right;
}

.pager-prev > a,
.pager-prev > span {
  float: left;
}

.label {
  display: inline-block;
  padding: 0.25em 0.4em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25rem;
}
.label:empty {
  display: none;
}

.btn .label {
  position: relative;
  top: -1px;
}

a.label:focus, a.label:hover {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}

.label-pill {
  padding-right: 0.6em;
  padding-left: 0.6em;
  border-radius: 10rem;
}

.label-default {
  background-color: #999999;
}
.label-default[href]:focus, .label-default[href]:hover {
  background-color: gray;
}

.label-primary {
  background-color: #5d8fc2;
}
.label-primary[href]:focus, .label-primary[href]:hover {
  background-color: #4175ab;
}

.label-success {
  background-color: #64bd63;
}
.label-success[href]:focus, .label-success[href]:hover {
  background-color: #48a746;
}

.label-info {
  background-color: #5dc4bf;
}
.label-info[href]:focus, .label-info[href]:hover {
  background-color: #40aea9;
}

.label-warning {
  background-color: #f0b518;
}
.label-warning[href]:focus, .label-warning[href]:hover {
  background-color: #c8950d;
}

.label-danger {
  background-color: #dd5826;
}
.label-danger[href]:focus, .label-danger[href]:hover {
  background-color: #b4461c;
}

.jumbotron {
  padding: 2rem 1rem;
  margin-bottom: 2rem;
  background-color: #eeeeee;
  border-radius: 0.3rem;
}
@media (min-width: 544px) {
  .jumbotron {
    padding: 4rem 2rem;
  }
}

.jumbotron-hr {
  border-top-color: #d5d5d5;
}

.jumbotron-fluid {
  padding-right: 0;
  padding-left: 0;
  border-radius: 0;
}

.alert {
  padding: 15px;
  margin-bottom: 1rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}

.alert-heading {
  color: inherit;
}

.alert-link {
  font-weight: bold;
}

.alert-dismissible {
  padding-right: 35px;
}
.alert-dismissible .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  background-color: #ecfaec;
  border-color: #d8f5d8;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c4efc4;
}
.alert-success .alert-link {
  color: #2b542c;
}

.alert-info {
  background-color: #f2fafa;
  border-color: #d8f0f0;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #c6e9e9;
}
.alert-info .alert-link {
  color: #245269;
}

.alert-warning {
  background-color: #fdf7e6;
  border-color: #fcefce;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #fae8b6;
}
.alert-warning .alert-link {
  color: #66512c;
}

.alert-danger {
  background-color: #fff2ef;
  border-color: #ffddd6;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #ffc9bc;
}
.alert-danger .alert-link {
  color: #843534;
}

@keyframes progress-bar-stripes {
  from {
    background-position: 1rem 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  display: block;
  width: 100%;
  height: 1rem;
  margin-bottom: 1rem;
}

.progress[value] {
  color: #0074d9;
  border: 0;
  -webkit-appearance: none;
          appearance: none;
}

.progress[value]::-webkit-progress-bar {
  background-color: #eee;
  border-radius: 0.25rem;
  box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
}

.progress[value]::-webkit-progress-value::before {
  content: attr(value);
}

.progress[value]::-webkit-progress-value {
  background-color: #0074d9;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.progress[value="100"]::-webkit-progress-value {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

@media screen and (min-width: 0\0 ) {
  .progress {
    background-color: #eee;
    border-radius: 0.25rem;
    box-shadow: inset 0 0.1rem 0.1rem rgba(0, 0, 0, 0.1);
  }
  .progress-bar {
    display: inline-block;
    height: 1rem;
    text-indent: -999rem;
    background-color: #0074d9;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
  }
  .progress[width^="0"] {
    min-width: 2rem;
    color: #999999;
    background-color: transparent;
    background-image: none;
  }
  .progress[width="100%"] {
    border-top-right-radius: 0.25rem;
    border-bottom-right-radius: 0.25rem;
  }
}
.progress-striped[value]::-webkit-progress-value {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

.progress-striped[value]::-moz-progress-bar {
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 1rem 1rem;
}

@media screen and (min-width: 0\0 ) {
  .progress-bar-striped {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
    background-size: 1rem 1rem;
  }
}
.progress-animated[value]::-webkit-progress-value {
  animation: progress-bar-stripes 2s linear infinite;
}

.progress-animated[value]::-moz-progress-bar {
  animation: progress-bar-stripes 2s linear infinite;
}

@media screen and (min-width: 0\0 ) {
  .progress-animated .progress-bar-striped {
    animation: progress-bar-stripes 2s linear infinite;
  }
}
.progress-success[value]::-webkit-progress-value {
  background-color: #64bd63;
}
.progress-success[value]::-moz-progress-bar {
  background-color: #64bd63;
}
@media screen and (min-width: 0\0 ) {
  .progress-success .progress-bar {
    background-color: #64bd63;
  }
}

.progress-info[value]::-webkit-progress-value {
  background-color: #5dc4bf;
}
.progress-info[value]::-moz-progress-bar {
  background-color: #5dc4bf;
}
@media screen and (min-width: 0\0 ) {
  .progress-info .progress-bar {
    background-color: #5dc4bf;
  }
}

.progress-warning[value]::-webkit-progress-value {
  background-color: #f0b518;
}
.progress-warning[value]::-moz-progress-bar {
  background-color: #f0b518;
}
@media screen and (min-width: 0\0 ) {
  .progress-warning .progress-bar {
    background-color: #f0b518;
  }
}

.progress-danger[value]::-webkit-progress-value {
  background-color: #dd5826;
}
.progress-danger[value]::-moz-progress-bar {
  background-color: #dd5826;
}
@media screen and (min-width: 0\0 ) {
  .progress-danger .progress-bar {
    background-color: #dd5826;
  }
}

.media {
  display: flex;
  margin-bottom: 1rem;
}

.media-body {
  flex: 1;
}

.media-middle {
  align-self: center;
}

.media-bottom {
  align-self: flex-end;
}

.media-object {
  display: block;
}
.media-object.img-thumbnail {
  max-width: none;
}

.media-right {
  padding-left: 10px;
}

.media-left {
  padding-right: 10px;
}

.media-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.media-list {
  padding-left: 0;
  list-style: none;
}

.list-group {
  padding-left: 0;
  margin-bottom: 0;
}

.list-group-item {
  position: relative;
  display: block;
  padding: 0.75rem 1.25rem;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 0.25rem;
  border-top-left-radius: 0.25rem;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.list-group-flush .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.list-group-flush:first-child .list-group-item:first-child {
  border-top: 0;
}
.list-group-flush:last-child .list-group-item:last-child {
  border-bottom: 0;
}

a.list-group-item,
button.list-group-item {
  width: 100%;
  color: #555;
  text-align: inherit;
}
a.list-group-item .list-group-item-heading,
button.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item:focus, a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
  color: #555;
  text-decoration: none;
  background-color: #f5f5f5;
}

.list-group-item.disabled, .list-group-item.disabled:focus, .list-group-item.disabled:hover {
  color: #999999;
  cursor: not-allowed;
  background-color: #eeeeee;
}
.list-group-item.disabled .list-group-item-heading, .list-group-item.disabled:focus .list-group-item-heading, .list-group-item.disabled:hover .list-group-item-heading {
  color: inherit;
}
.list-group-item.disabled .list-group-item-text, .list-group-item.disabled:focus .list-group-item-text, .list-group-item.disabled:hover .list-group-item-text {
  color: #999999;
}
.list-group-item.active, .list-group-item.active:focus, .list-group-item.active:hover {
  z-index: 2;
  color: #fff;
  background-color: #5d8fc2;
  border-color: #5d8fc2;
}
.list-group-item.active .list-group-item-heading,
.list-group-item.active .list-group-item-heading > small,
.list-group-item.active .list-group-item-heading > .small, .list-group-item.active:focus .list-group-item-heading,
.list-group-item.active:focus .list-group-item-heading > small,
.list-group-item.active:focus .list-group-item-heading > .small, .list-group-item.active:hover .list-group-item-heading,
.list-group-item.active:hover .list-group-item-heading > small,
.list-group-item.active:hover .list-group-item-heading > .small {
  color: inherit;
}
.list-group-item.active .list-group-item-text, .list-group-item.active:focus .list-group-item-text, .list-group-item.active:hover .list-group-item-text {
  color: #f1f5fa;
}

.list-group-item-success {
  color: #3c763d;
  background-color: #ecfaec;
}

a.list-group-item-success,
button.list-group-item-success {
  color: #3c763d;
}
a.list-group-item-success .list-group-item-heading,
button.list-group-item-success .list-group-item-heading {
  color: inherit;
}
a.list-group-item-success:focus, a.list-group-item-success:hover,
button.list-group-item-success:focus,
button.list-group-item-success:hover {
  color: #3c763d;
  background-color: #d8f5d8;
}
a.list-group-item-success.active, a.list-group-item-success.active:focus, a.list-group-item-success.active:hover,
button.list-group-item-success.active,
button.list-group-item-success.active:focus,
button.list-group-item-success.active:hover {
  color: #fff;
  background-color: #3c763d;
  border-color: #3c763d;
}

.list-group-item-info {
  color: #31708f;
  background-color: #f2fafa;
}

a.list-group-item-info,
button.list-group-item-info {
  color: #31708f;
}
a.list-group-item-info .list-group-item-heading,
button.list-group-item-info .list-group-item-heading {
  color: inherit;
}
a.list-group-item-info:focus, a.list-group-item-info:hover,
button.list-group-item-info:focus,
button.list-group-item-info:hover {
  color: #31708f;
  background-color: #e0f3f3;
}
a.list-group-item-info.active, a.list-group-item-info.active:focus, a.list-group-item-info.active:hover,
button.list-group-item-info.active,
button.list-group-item-info.active:focus,
button.list-group-item-info.active:hover {
  color: #fff;
  background-color: #31708f;
  border-color: #31708f;
}

.list-group-item-warning {
  color: #8a6d3b;
  background-color: #fdf7e6;
}

a.list-group-item-warning,
button.list-group-item-warning {
  color: #8a6d3b;
}
a.list-group-item-warning .list-group-item-heading,
button.list-group-item-warning .list-group-item-heading {
  color: inherit;
}
a.list-group-item-warning:focus, a.list-group-item-warning:hover,
button.list-group-item-warning:focus,
button.list-group-item-warning:hover {
  color: #8a6d3b;
  background-color: #fcefce;
}
a.list-group-item-warning.active, a.list-group-item-warning.active:focus, a.list-group-item-warning.active:hover,
button.list-group-item-warning.active,
button.list-group-item-warning.active:focus,
button.list-group-item-warning.active:hover {
  color: #fff;
  background-color: #8a6d3b;
  border-color: #8a6d3b;
}

.list-group-item-danger {
  color: #a94442;
  background-color: #fff2ef;
}

a.list-group-item-danger,
button.list-group-item-danger {
  color: #a94442;
}
a.list-group-item-danger .list-group-item-heading,
button.list-group-item-danger .list-group-item-heading {
  color: inherit;
}
a.list-group-item-danger:focus, a.list-group-item-danger:hover,
button.list-group-item-danger:focus,
button.list-group-item-danger:hover {
  color: #a94442;
  background-color: #ffddd6;
}
a.list-group-item-danger.active, a.list-group-item-danger.active:focus, a.list-group-item-danger.active:hover,
button.list-group-item-danger.active,
button.list-group-item-danger.active:focus,
button.list-group-item-danger.active:hover {
  color: #fff;
  background-color: #a94442;
  border-color: #a94442;
}

.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}

.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}

.embed-responsive {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.embed-responsive-21by9 {
  padding-bottom: 42.8571428571%;
}

.embed-responsive-16by9 {
  padding-bottom: 56.25%;
}

.embed-responsive-4by3 {
  padding-bottom: 75%;
}

.embed-responsive-1by1 {
  padding-bottom: 100%;
}

.close {
  float: right;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: 0.2;
}
.close:focus, .close:hover {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
  -webkit-overflow-scrolling: touch;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}
.modal.in .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.in {
  opacity: 0.5;
}

.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
}
.modal-header::after {
  content: "";
  display: table;
  clear: both;
}

.modal-header .close {
  margin-top: -2px;
}

.modal-title {
  margin: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  padding: 15px;
}

.modal-footer {
  padding: 15px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer::after {
  content: "";
  display: table;
  clear: both;
}
.modal-footer .btn + .btn {
  margin-bottom: 0;
  margin-left: 5px;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 544px) {
  .modal-dialog {
    width: 600px;
    margin: 30px auto;
  }
  .modal-content {
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
  }
  .modal-sm {
    width: 300px;
  }
}
@media (min-width: 768px) {
  .modal-lg {
    width: 900px;
  }
}
.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  opacity: 0;
}
.tooltip.in {
  opacity: 0.9;
}
.tooltip.tooltip-top, .tooltip.bs-tether-element-attached-bottom {
  padding: 5px 0;
  margin-top: -3px;
}
.tooltip.tooltip-top .tooltip-arrow, .tooltip.bs-tether-element-attached-bottom .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: rgba(0, 0, 0, 0.85);
}
.tooltip.tooltip-right, .tooltip.bs-tether-element-attached-left {
  padding: 0 5px;
  margin-left: 3px;
}
.tooltip.tooltip-right .tooltip-arrow, .tooltip.bs-tether-element-attached-left .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: rgba(0, 0, 0, 0.85);
}
.tooltip.tooltip-bottom, .tooltip.bs-tether-element-attached-top {
  padding: 5px 0;
  margin-top: 3px;
}
.tooltip.tooltip-bottom .tooltip-arrow, .tooltip.bs-tether-element-attached-top .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: rgba(0, 0, 0, 0.85);
}
.tooltip.tooltip-left, .tooltip.bs-tether-element-attached-right {
  padding: 0 5px;
  margin-left: -3px;
}
.tooltip.tooltip-left .tooltip-arrow, .tooltip.bs-tether-element-attached-right .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: rgba(0, 0, 0, 0.85);
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  background-color: rgba(0, 0, 0, 0.85);
  border-radius: 0.25rem;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1060;
  display: block;
  max-width: 276px;
  padding: 1px;
  font-family: "Open Sans", sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 0.875rem;
  background-color: #ebeff1;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.popover.popover-top, .popover.bs-tether-element-attached-bottom {
  margin-top: -10px;
}
.popover.popover-top .popover-arrow, .popover.bs-tether-element-attached-bottom .popover-arrow {
  bottom: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-color: #ebeff1;
  border-bottom-width: 0;
}
.popover.popover-top .popover-arrow::after, .popover.bs-tether-element-attached-bottom .popover-arrow::after {
  bottom: 1px;
  margin-left: -10px;
  content: "";
  border-top-color: #ebeff1;
  border-bottom-width: 0;
}
.popover.popover-right, .popover.bs-tether-element-attached-left {
  margin-left: 10px;
}
.popover.popover-right .popover-arrow, .popover.bs-tether-element-attached-left .popover-arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-right-color: #ebeff1;
  border-left-width: 0;
}
.popover.popover-right .popover-arrow::after, .popover.bs-tether-element-attached-left .popover-arrow::after {
  bottom: -10px;
  left: 1px;
  content: "";
  border-right-color: #ebeff1;
  border-left-width: 0;
}
.popover.popover-bottom, .popover.bs-tether-element-attached-top {
  margin-top: 10px;
}
.popover.popover-bottom .popover-arrow, .popover.bs-tether-element-attached-top .popover-arrow {
  top: -11px;
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #ebeff1;
}
.popover.popover-bottom .popover-arrow::after, .popover.bs-tether-element-attached-top .popover-arrow::after {
  top: 1px;
  margin-left: -10px;
  content: "";
  border-top-width: 0;
  border-bottom-color: #ebeff1;
}
.popover.popover-left, .popover.bs-tether-element-attached-right {
  margin-left: -10px;
}
.popover.popover-left .popover-arrow, .popover.bs-tether-element-attached-right .popover-arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #ebeff1;
}
.popover.popover-left .popover-arrow::after, .popover.bs-tether-element-attached-right .popover-arrow::after {
  right: 1px;
  bottom: -10px;
  content: "";
  border-right-width: 0;
  border-left-color: #ebeff1;
}

.popover-title {
  padding: 8px 14px;
  margin: 0;
  font-size: 1rem;
  background-color: #e2e8eb;
  border-bottom: 1px solid #d3dce0;
  border-radius: -0.7rem -0.7rem 0 0;
}

.popover-content {
  padding: 9px 14px;
}

.popover-arrow, .popover-arrow::after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover-arrow {
  border-width: 11px;
}

.popover-arrow::after {
  content: "";
  border-width: 10px;
}

.carousel {
  position: relative;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.carousel-inner > .carousel-item {
  position: relative;
  display: none;
  transition: 0.6s ease-in-out left;
}
.carousel-inner > .carousel-item > img,
.carousel-inner > .carousel-item > a > img {
  line-height: 1;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-inner > .carousel-item {
    transition: transform 0.6s ease-in-out;
    -webkit-backface-visibility: hidden;
            backface-visibility: hidden;
    perspective: 1000px;
  }
  .carousel-inner > .carousel-item.next, .carousel-inner > .carousel-item.active.right {
    left: 0;
    transform: translate3d(100%, 0, 0);
  }
  .carousel-inner > .carousel-item.prev, .carousel-inner > .carousel-item.active.left {
    left: 0;
    transform: translate3d(-100%, 0, 0);
  }
  .carousel-inner > .carousel-item.next.left, .carousel-inner > .carousel-item.prev.right, .carousel-inner > .carousel-item.active {
    left: 0;
    transform: translate3d(0, 0, 0);
  }
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15%;
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  opacity: 0.5;
}
.carousel-control.left {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#80000000", endColorstr="#00000000", GradientType=1);
}
.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#80000000", GradientType=1);
}
.carousel-control:focus, .carousel-control:hover {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  font-family: serif;
  line-height: 1;
}
.carousel-control .icon-prev {
  left: 50%;
  margin-left: -10px;
}
.carousel-control .icon-next {
  right: 50%;
  margin-right: -10px;
}
.carousel-control .icon-prev::before {
  content: "‹";
}
.carousel-control .icon-next::before {
  content: "›";
}

.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  padding-left: 0;
  margin-left: -30%;
  text-align: center;
  list-style: none;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  cursor: pointer;
  background-color: rgba(0, 0, 0, 0);
  border: 1px solid #fff;
  border-radius: 10px;
}
.carousel-indicators .active {
  width: 12px;
  height: 12px;
  margin: 0;
  background-color: #fff;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 20px;
  left: 15%;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}

@media (min-width: 544px) {
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    font-size: 30px;
  }
  .carousel-control .icon-prev {
    margin-left: -15px;
  }
  .carousel-control .icon-next {
    margin-right: -15px;
  }
  .carousel-caption {
    right: 20%;
    left: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.clearfix::after {
  content: "";
  display: table;
  clear: both;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.pull-xs-left {
  float: left !important;
}

.pull-xs-right {
  float: right !important;
}

.pull-xs-none {
  float: none !important;
}

@media (min-width: 544px) {
  .pull-sm-left {
    float: left !important;
  }
  .pull-sm-right {
    float: right !important;
  }
  .pull-sm-none {
    float: none !important;
  }
}
@media (min-width: 768px) {
  .pull-md-left {
    float: left !important;
  }
  .pull-md-right {
    float: right !important;
  }
  .pull-md-none {
    float: none !important;
  }
}
@media (min-width: 992px) {
  .pull-lg-left {
    float: left !important;
  }
  .pull-lg-right {
    float: right !important;
  }
  .pull-lg-none {
    float: none !important;
  }
}
@media (min-width: 1200px) {
  .pull-xl-left {
    float: left !important;
  }
  .pull-xl-right {
    float: right !important;
  }
  .pull-xl-none {
    float: none !important;
  }
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.invisible {
  visibility: hidden !important;
}

.text-hide {
  font: "0/0" a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.text-justify {
  text-align: justify !important;
}

.text-nowrap {
  white-space: nowrap !important;
}

.text-truncate {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-xs-left {
  text-align: left !important;
}

.text-xs-right {
  text-align: right !important;
}

.text-xs-center {
  text-align: center !important;
}

@media (min-width: 544px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-right {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
.text-lowercase {
  text-transform: lowercase !important;
}

.text-uppercase {
  text-transform: uppercase !important;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.font-weight-normal {
  font-weight: normal;
}

.font-weight-bold {
  font-weight: bold;
}

.font-italic {
  font-style: italic;
}

.text-muted {
  color: #999999;
}

.text-primary {
  color: #5d8fc2 !important;
}

a.text-primary:focus, a.text-primary:hover {
  color: #4175ab;
}

.text-success {
  color: #64bd63 !important;
}

a.text-success:focus, a.text-success:hover {
  color: #48a746;
}

.text-info {
  color: #5dc4bf !important;
}

a.text-info:focus, a.text-info:hover {
  color: #40aea9;
}

.text-warning {
  color: #f0b518 !important;
}

a.text-warning:focus, a.text-warning:hover {
  color: #c8950d;
}

.text-danger {
  color: #dd5826 !important;
}

a.text-danger:focus, a.text-danger:hover {
  color: #b4461c;
}

.bg-inverse {
  color: #eeeeee;
  background-color: #343434;
}

.bg-faded {
  background-color: #f7f7f9;
}

.bg-primary {
  color: #fff !important;
  background-color: #5d8fc2 !important;
}

a.bg-primary:focus, a.bg-primary:hover {
  background-color: #4175ab;
}

.bg-success {
  color: #fff !important;
  background-color: #64bd63 !important;
}

a.bg-success:focus, a.bg-success:hover {
  background-color: #48a746;
}

.bg-info {
  color: #fff !important;
  background-color: #5dc4bf !important;
}

a.bg-info:focus, a.bg-info:hover {
  background-color: #40aea9;
}

.bg-warning {
  color: #fff !important;
  background-color: #f0b518 !important;
}

a.bg-warning:focus, a.bg-warning:hover {
  background-color: #c8950d;
}

.bg-danger {
  color: #fff !important;
  background-color: #dd5826 !important;
}

a.bg-danger:focus, a.bg-danger:hover {
  background-color: #b4461c;
}

.m-x-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

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

.m-t-0 {
  margin-top: 0 !important;
}

.m-r-0 {
  margin-right: 0 !important;
}

.m-b-0 {
  margin-bottom: 0 !important;
}

.m-l-0 {
  margin-left: 0 !important;
}

.m-x-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.m-y-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.m-a-1 {
  margin: 1rem 1rem !important;
}

.m-t-1 {
  margin-top: 1rem !important;
}

.m-r-1 {
  margin-right: 1rem !important;
}

.m-b-1 {
  margin-bottom: 1rem !important;
}

.m-l-1 {
  margin-left: 1rem !important;
}

.m-x-1 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.m-y-1 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.m-a-2 {
  margin: 1.5rem 1.5rem !important;
}

.m-t-2 {
  margin-top: 1.5rem !important;
}

.m-r-2 {
  margin-right: 1.5rem !important;
}

.m-b-2 {
  margin-bottom: 1.5rem !important;
}

.m-l-2 {
  margin-left: 1.5rem !important;
}

.m-x-2 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.m-y-2 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.m-a-3 {
  margin: 3rem 3rem !important;
}

.m-t-3 {
  margin-top: 3rem !important;
}

.m-r-3 {
  margin-right: 3rem !important;
}

.m-b-3 {
  margin-bottom: 3rem !important;
}

.m-l-3 {
  margin-left: 3rem !important;
}

.m-x-3 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.m-y-3 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

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

.p-t-0 {
  padding-top: 0 !important;
}

.p-r-0 {
  padding-right: 0 !important;
}

.p-b-0 {
  padding-bottom: 0 !important;
}

.p-l-0 {
  padding-left: 0 !important;
}

.p-x-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.p-y-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.p-a-1 {
  padding: 1rem 1rem !important;
}

.p-t-1 {
  padding-top: 1rem !important;
}

.p-r-1 {
  padding-right: 1rem !important;
}

.p-b-1 {
  padding-bottom: 1rem !important;
}

.p-l-1 {
  padding-left: 1rem !important;
}

.p-x-1 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.p-y-1 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.p-a-2 {
  padding: 1.5rem 1.5rem !important;
}

.p-t-2 {
  padding-top: 1.5rem !important;
}

.p-r-2 {
  padding-right: 1.5rem !important;
}

.p-b-2 {
  padding-bottom: 1.5rem !important;
}

.p-l-2 {
  padding-left: 1.5rem !important;
}

.p-x-2 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.p-y-2 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.p-a-3 {
  padding: 3rem 3rem !important;
}

.p-t-3 {
  padding-top: 3rem !important;
}

.p-r-3 {
  padding-right: 3rem !important;
}

.p-b-3 {
  padding-bottom: 3rem !important;
}

.p-l-3 {
  padding-left: 3rem !important;
}

.p-x-3 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.p-y-3 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pos-f-t {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.hidden-xs-up {
  display: none !important;
}

@media (max-width: 543px) {
  .hidden-xs-down {
    display: none !important;
  }
}

@media (min-width: 544px) {
  .hidden-sm-up {
    display: none !important;
  }
}

@media (max-width: 767px) {
  .hidden-sm-down {
    display: none !important;
  }
}

@media (min-width: 768px) {
  .hidden-md-up {
    display: none !important;
  }
}

@media (max-width: 991px) {
  .hidden-md-down {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .hidden-lg-up {
    display: none !important;
  }
}

@media (max-width: 1199px) {
  .hidden-lg-down {
    display: none !important;
  }
}

@media (min-width: 1200px) {
  .hidden-xl-up {
    display: none !important;
  }
}

.hidden-xl-down {
  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;
  }
}

/* 1️⃣ Include core Material styles first */
.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);
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-visually-hidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
  outline: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  left: 0;
}
[dir=rtl] .cdk-visually-hidden {
  left: auto;
  right: 0;
}

.cdk-overlay-container, .cdk-global-overlay-wrapper {
  pointer-events: none;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

.cdk-overlay-container {
  position: fixed;
  z-index: 1000;
}
.cdk-overlay-container:empty {
  display: none;
}

.cdk-global-overlay-wrapper {
  display: flex;
  position: absolute;
  z-index: 1000;
}

.cdk-overlay-pane {
  position: absolute;
  pointer-events: auto;
  box-sizing: border-box;
  z-index: 1000;
  display: flex;
  max-width: 100%;
  max-height: 100%;
}

.cdk-overlay-backdrop {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  pointer-events: auto;
  -webkit-tap-highlight-color: transparent;
  transition: opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);
  opacity: 0;
}
.cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 1;
}
.cdk-high-contrast-active .cdk-overlay-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0.6;
}

.cdk-overlay-dark-backdrop {
  background: rgba(0, 0, 0, 0.32);
}

.cdk-overlay-transparent-backdrop {
  transition: visibility 1ms linear, opacity 1ms linear;
  visibility: hidden;
  opacity: 1;
}
.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing {
  opacity: 0;
  visibility: visible;
}

.cdk-overlay-backdrop-noop-animation {
  transition: none;
}

.cdk-overlay-connected-position-bounding-box {
  position: absolute;
  z-index: 1000;
  display: flex;
  flex-direction: column;
  min-width: 1px;
  min-height: 1px;
}

.cdk-global-scrollblock {
  position: fixed;
  width: 100%;
  overflow-y: scroll;
}

textarea.cdk-textarea-autosize {
  resize: none;
}

textarea.cdk-textarea-autosize-measuring {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: auto !important;
  overflow: hidden !important;
}

textarea.cdk-textarea-autosize-measuring-firefox {
  padding: 2px 0 !important;
  box-sizing: content-box !important;
  height: 0 !important;
}

@keyframes cdk-text-field-autofill-start { /*!*/ }
@keyframes cdk-text-field-autofill-end { /*!*/ }
.cdk-text-field-autofill-monitored:-webkit-autofill {
  animation: cdk-text-field-autofill-start 0s 1ms;
}

.cdk-text-field-autofill-monitored:not(:-webkit-autofill) {
  animation: cdk-text-field-autofill-end 0s 1ms;
}

.mat-focus-indicator {
  position: relative;
}
.mat-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-focus-indicator-display, none);
  border: var(--mat-focus-indicator-border-width, 3px) var(--mat-focus-indicator-border-style, solid) var(--mat-focus-indicator-border-color, transparent);
  border-radius: var(--mat-focus-indicator-border-radius, 4px);
}
.mat-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-focus-indicator-display: block;
}

.mat-mdc-focus-indicator {
  position: relative;
}
.mat-mdc-focus-indicator::before {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  box-sizing: border-box;
  pointer-events: none;
  display: var(--mat-mdc-focus-indicator-display, none);
  border: var(--mat-mdc-focus-indicator-border-width, 3px) var(--mat-mdc-focus-indicator-border-style, solid) var(--mat-mdc-focus-indicator-border-color, transparent);
  border-radius: var(--mat-mdc-focus-indicator-border-radius, 4px);
}
.mat-mdc-focus-indicator:focus::before {
  content: "";
}

.cdk-high-contrast-active {
  --mat-mdc-focus-indicator-display: block;
}

/* 2️⃣ Define palettes */
/* 4️⃣ Define theme */
/* 5️⃣ Apply theme to all Angular Material components */
.mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}

.mat-mdc-option {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-option:hover:not(.mdc-list-item--disabled), .mat-mdc-option:focus:not(.mdc-list-item--disabled), .mat-mdc-option.mat-mdc-option-active, .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}

.mat-accent .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--mdc-theme-secondary, #dce0e3);
}

.mat-warn .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text {
  color: var(--mdc-theme-error, #ef5350);
}

.mat-mdc-optgroup-label {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-pseudo-checkbox-full {
  color: rgba(0, 0, 0, 0.54);
}
.mat-pseudo-checkbox-full.mat-pseudo-checkbox-disabled {
  color: #b0b0b0;
}

.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: var(--theme-primary-500);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: var(--theme-primary-500);
}
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #dce0e3;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #dce0e3;
}
.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #dce0e3;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #dce0e3;
}
.mat-accent .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-accent .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #ef5350;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #ef5350;
}
.mat-warn .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full::after,
.mat-warn .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full::after {
  color: #fafafa;
}

.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #b0b0b0;
}
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-checked.mat-pseudo-checkbox-full,
.mat-pseudo-checkbox-disabled.mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-full {
  background: #b0b0b0;
}

.mat-app-background {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-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);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-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);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-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);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: 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-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-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-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: 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-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-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);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: 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-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  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);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: 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-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: 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-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: 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-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-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);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: 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-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: 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-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: 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-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-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-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: 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-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: 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-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: 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-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: 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-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: 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-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: 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-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: 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-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-theme-loaded-marker {
  display: none;
}

.mat-mdc-card {
  box-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-elevated-card-container-color: #fff;
}

.mat-mdc-card-outlined {
  box-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-outlined-card-outline-color: #e0e0e0;
}

.mat-mdc-card-subtitle {
  color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: var(--theme-primary-500);
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-dots {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='var(--theme-primary-500)'/%3E%3C/svg%3E");
}
.mat-mdc-progress-bar .mdc-linear-progress__buffer-bar {
  background-color: var(--theme-primary-500);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #dce0e3;
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-dots {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(220, 224, 227, 0.25)'/%3E%3C/svg%3E");
}
.mat-mdc-progress-bar.mat-accent .mdc-linear-progress__buffer-bar {
  background-color: rgba(220, 224, 227, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #ef5350;
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-dots {
  background-image: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' enable-background='new 0 0 5 2' xml:space='preserve' viewBox='0 0 5 2' preserveAspectRatio='none slice'%3E%3Ccircle cx='1' cy='1' r='1' fill='rgba(239, 83, 80, 0.25)'/%3E%3C/svg%3E");
}
.mat-mdc-progress-bar.mat-warn .mdc-linear-progress__buffer-bar {
  background-color: rgba(239, 83, 80, 0.25);
}
.mat-mdc-tooltip {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: white;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.87);
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
@media all {
  .mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.6);
  }
}
.mdc-text-field .mdc-text-field__input {
  caret-color: var(--mdc-theme-primary, var(--theme-primary-500));
}
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field-character-counter,
.mdc-text-field:not(.mdc-text-field--disabled) + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.54);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.6);
}
.mdc-text-field--filled .mdc-text-field__ripple::before,
.mdc-text-field--filled .mdc-text-field__ripple::after {
  background-color: var(--mdc-ripple-color, rgba(0, 0, 0, 0.87));
}
.mdc-text-field--filled:hover .mdc-text-field__ripple::before, .mdc-text-field--filled.mdc-ripple-surface--hover .mdc-text-field__ripple::before {
  opacity: var(--mdc-ripple-hover-opacity, 0.04);
}
.mdc-text-field--filled.mdc-ripple-upgraded--background-focused .mdc-text-field__ripple::before, .mdc-text-field--filled:not(.mdc-ripple-upgraded):focus .mdc-text-field__ripple::before {
  opacity: var(--mdc-ripple-focus-opacity, 0.12);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) {
  background-color: whitesmoke;
}
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.42);
}
.mdc-text-field--filled:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--filled .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-primary, var(--theme-primary-500));
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.87);
}
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-primary, var(--theme-primary-500));
}
[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-leading-icon, .mdc-text-field--outlined.mdc-text-field--with-leading-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-text-field--outlined.mdc-text-field--with-trailing-icon, .mdc-text-field--outlined.mdc-text-field--with-trailing-icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

.mdc-text-field--outlined .mdc-text-field__ripple::before,
.mdc-text-field--outlined .mdc-text-field__ripple::after {
  background-color: var(--mdc-ripple-color, transparent);
}
[dir=rtl] .mdc-text-field--with-leading-icon.mdc-text-field--outlined, .mdc-text-field--with-leading-icon.mdc-text-field--outlined[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
.mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--theme-primary-500);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid .mdc-text-field__input {
  caret-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mdc-text-field--disabled .mdc-text-field__input {
  color: rgba(0, 0, 0, 0.38);
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
@media all {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: rgba(0, 0, 0, 0.38);
  }
}
.mdc-text-field--disabled .mdc-floating-label {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field-character-counter,
.mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field__icon--leading {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled .mdc-text-field__icon--trailing {
  color: rgba(0, 0, 0, 0.3);
}
.mdc-text-field--disabled .mdc-text-field__affix--prefix {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-text-field__affix--suffix {
  color: rgba(0, 0, 0, 0.38);
}
.mdc-text-field--disabled .mdc-line-ripple::before {
  border-bottom-color: rgba(0, 0, 0, 0.06);
}
.mdc-text-field--disabled .mdc-notched-outline__leading,
.mdc-text-field--disabled .mdc-notched-outline__notch,
.mdc-text-field--disabled .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.06);
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input::placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__input:-ms-input-placeholder {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-floating-label {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-helper-text {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field-character-counter,
  .mdc-text-field--disabled + .mdc-text-field-helper-line .mdc-text-field-character-counter {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--leading {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__icon--trailing {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--prefix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-text-field__affix--suffix {
    color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-line-ripple::before {
    border-bottom-color: GrayText;
  }
}
@media screen and (forced-colors: active), (-ms-high-contrast: active) {
  .mdc-text-field--disabled .mdc-notched-outline__leading,
  .mdc-text-field--disabled .mdc-notched-outline__notch,
  .mdc-text-field--disabled .mdc-notched-outline__trailing {
    border-color: GrayText;
  }
}
.mdc-text-field--disabled.mdc-text-field--filled {
  background-color: #fafafa;
}
[dir=rtl] .mdc-text-field--end-aligned .mdc-text-field__input, .mdc-text-field--end-aligned .mdc-text-field__input[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

[dir=rtl] .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker), .mdc-floating-label--required:not(.mdc-floating-label--hide-required-marker)[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}
.mat-mdc-form-field-error {
  color: var(--mdc-theme-error, #ef5350);
}

.mat-mdc-form-field-focus-overlay {
  background-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-form-field:hover .mat-mdc-form-field-focus-overlay {
  opacity: 0.04;
}

.mat-mdc-form-field.mat-focused .mat-mdc-form-field-focus-overlay {
  opacity: 0.12;
}

.mat-mdc-form-field-type-mat-native-select .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-primary .mat-mdc-form-field-infix::after {
  color: rgba(var(--theme-primary-500), 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-accent .mat-mdc-form-field-infix::after {
  color: rgba(220, 224, 227, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-focused.mat-warn .mat-mdc-form-field-infix::after {
  color: rgba(239, 83, 80, 0.87);
}
.mat-mdc-form-field-type-mat-native-select.mat-form-field-disabled .mat-mdc-form-field-infix::after {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-form-field.mat-accent .mdc-text-field__input {
  caret-color: var(--mdc-theme-secondary, #dce0e3);
}
.mat-mdc-form-field.mat-accent:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-secondary, #dce0e3);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(220, 224, 227, 0.87);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid .mdc-text-field__input {
  caret-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-accent .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-secondary, #dce0e3);
}

.mat-mdc-form-field.mat-warn .mdc-text-field__input {
  caret-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--focused:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: rgba(239, 83, 80, 0.87);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):hover .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::after {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--invalid + .mdc-text-field-helper-line .mdc-text-field-helper-text--validation-msg {
  color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid .mdc-text-field__input {
  caret-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-text-field__icon--trailing {
  color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-line-ripple::before {
  border-bottom-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled):not(.mdc-text-field--focused):hover .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--invalid:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__leading,
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__notch,
.mat-mdc-form-field.mat-warn .mdc-text-field--outlined:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-notched-outline__trailing {
  border-color: var(--mdc-theme-error, #ef5350);
}

.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: 1px solid transparent;
}

[dir=rtl] .mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field.mat-mdc-form-field .mdc-notched-outline__notch {
  border-left: none;
  border-right: 1px solid transparent;
}

.mat-mdc-form-field-infix {
  min-height: 56px;
}

.mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 28px;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -34.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 24px;
  padding-bottom: 8px;
}

.mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 16px;
  padding-bottom: 16px;
}

.mdc-menu-surface {
  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);
  background-color: var(--mdc-theme-surface, #fff);
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item__primary-text {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-item__secondary-text {
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__overline-text {
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  background-color: transparent;
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__end {
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--disabled .mdc-list-item__start,
.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end {
  opacity: 0.38;
}

.mdc-list-item--disabled .mdc-list-item__primary-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__secondary-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__overline-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}

.mdc-deprecated-list-group__subheader {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-divider::after {
  border-bottom-color: white;
}

.mdc-list-divider {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-select-value {
  color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-select-placeholder {
  color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-select-disabled .mat-mdc-select-value {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-select-arrow {
  color: rgba(0, 0, 0, 0.54);
}

.mat-mdc-form-field.mat-focused.mat-primary .mat-mdc-select-arrow {
  color: rgba(var(--theme-primary-500), 0.87);
}
.mat-mdc-form-field.mat-focused.mat-accent .mat-mdc-select-arrow {
  color: rgba(220, 224, 227, 0.87);
}
.mat-mdc-form-field.mat-focused.mat-warn .mat-mdc-select-arrow {
  color: rgba(239, 83, 80, 0.87);
}
.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-invalid .mat-mdc-select-arrow {
  color: rgba(239, 83, 80, 0.87);
}
.mat-mdc-form-field .mat-mdc-select.mat-mdc-select-disabled .mat-mdc-select-arrow {
  color: rgba(0, 0, 0, 0.38);
}

.mdc-menu-surface {
  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);
  background-color: var(--mdc-theme-surface, #fff);
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item__primary-text {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-item__secondary-text {
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__overline-text {
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  background-color: transparent;
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__end {
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--disabled .mdc-list-item__start,
.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end {
  opacity: 0.38;
}

.mdc-list-item--disabled .mdc-list-item__primary-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__secondary-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__overline-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}

.mdc-deprecated-list-group__subheader {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-divider::after {
  border-bottom-color: white;
}

.mdc-list-divider {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-dialog-container {
  --mdc-dialog-container-color: white;
  --mdc-dialog-with-divider-divider-color: rgba(0, 0, 0, 0.12);
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-primary.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-primary.mat-mdc-chip-highlighted {
  --mdc-chip-elevated-container-color: var(--theme-primary-500);
  --mdc-chip-elevated-disabled-container-color: var(--theme-primary-500);
  --mdc-chip-label-text-color: white;
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
}
.mat-mdc-standard-chip.mat-accent.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-accent.mat-mdc-chip-highlighted {
  --mdc-chip-elevated-container-color: #dce0e3;
  --mdc-chip-elevated-disabled-container-color: #dce0e3;
  --mdc-chip-label-text-color: black;
  --mdc-chip-disabled-label-text-color: black;
  --mdc-chip-with-icon-icon-color: black;
  --mdc-chip-with-icon-disabled-icon-color: black;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: black;
  --mdc-chip-with-trailing-icon-trailing-icon-color: black;
  --mdc-chip-with-icon-selected-icon-color: black;
}
.mat-mdc-standard-chip.mat-warn.mat-mdc-chip-selected, .mat-mdc-standard-chip.mat-warn.mat-mdc-chip-highlighted {
  --mdc-chip-elevated-container-color: #ef5350;
  --mdc-chip-elevated-disabled-container-color: #ef5350;
  --mdc-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-chip-focus-overlay {
  background: black;
}

.mat-mdc-chip {
  height: 32px;
}

.mat-mdc-slide-toggle {
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-handle-surface-color: var(--mdc-theme-surface, #fff);
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-unselected-icon-color: #fff;
}
.mat-mdc-slide-toggle .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-slide-toggle .mdc-switch--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-slide-toggle.mat-primary {
  --mdc-switch-selected-focus-state-layer-color: var(--theme-primary-600);
  --mdc-switch-selected-handle-color: var(--theme-primary-600);
  --mdc-switch-selected-hover-state-layer-color: var(--theme-primary-600);
  --mdc-switch-selected-pressed-state-layer-color: var(--theme-primary-600);
  --mdc-switch-selected-focus-handle-color: var(--theme-primary-900);
  --mdc-switch-selected-hover-handle-color: var(--theme-primary-900);
  --mdc-switch-selected-pressed-handle-color: var(--theme-primary-900);
  --mdc-switch-selected-focus-track-color: var(--theme-primary-300);
  --mdc-switch-selected-hover-track-color: var(--theme-primary-300);
  --mdc-switch-selected-pressed-track-color: var(--theme-primary-300);
  --mdc-switch-selected-track-color: var(--theme-primary-300);
}
.mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #d8dce0;
  --mdc-switch-selected-handle-color: #d8dce0;
  --mdc-switch-selected-hover-state-layer-color: #d8dce0;
  --mdc-switch-selected-pressed-state-layer-color: #d8dce0;
  --mdc-switch-selected-focus-handle-color: #c5cbd0;
  --mdc-switch-selected-hover-handle-color: #c5cbd0;
  --mdc-switch-selected-pressed-handle-color: #c5cbd0;
  --mdc-switch-selected-focus-track-color: #e7e9eb;
  --mdc-switch-selected-hover-track-color: #e7e9eb;
  --mdc-switch-selected-pressed-track-color: #e7e9eb;
  --mdc-switch-selected-track-color: #e7e9eb;
}
.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;
}

.mat-mdc-slide-toggle {
  --mdc-switch-state-layer-size: 48px;
}

.mat-mdc-radio-button .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--theme-primary-500);
  --mdc-radio-selected-hover-icon-color: var(--theme-primary-500);
  --mdc-radio-selected-icon-color: var(--theme-primary-500);
  --mdc-radio-selected-pressed-icon-color: var(--theme-primary-500);
  --mat-mdc-radio-ripple-color: #000;
  --mat-mdc-radio-checked-ripple-color: var(--theme-primary-500);
}
.mat-mdc-radio-button.mat-primary .mdc-radio--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #dce0e3;
  --mdc-radio-selected-hover-icon-color: #dce0e3;
  --mdc-radio-selected-icon-color: #dce0e3;
  --mdc-radio-selected-pressed-icon-color: #dce0e3;
  --mat-mdc-radio-ripple-color: #000;
  --mat-mdc-radio-checked-ripple-color: #dce0e3;
}
.mat-mdc-radio-button.mat-accent .mdc-radio--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef5350;
  --mdc-radio-selected-hover-icon-color: #ef5350;
  --mdc-radio-selected-icon-color: #ef5350;
  --mdc-radio-selected-pressed-icon-color: #ef5350;
  --mat-mdc-radio-ripple-color: #000;
  --mat-mdc-radio-checked-ripple-color: #ef5350;
}
.mat-mdc-radio-button.mat-warn .mdc-radio--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-radio-button .mdc-radio {
  padding: calc((40px - 20px) / 2);
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__background::before {
  top: calc(-1 * (40px - 20px) / 2);
  left: calc(-1 * (40px - 20px) / 2);
  width: 40px;
  height: 40px;
}
.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control {
  top: calc((40px - 40px) / 2);
  right: calc((40px - 40px) / 2);
  left: calc((40px - 40px) / 2);
  width: 40px;
  height: 40px;
}

.mat-mdc-slider {
  --mdc-slider-label-container-color: black;
  --mdc-slider-label-label-text-color: white;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-mdc-slider-value-indicator-opacity: 0.6;
}
.mat-mdc-slider.mat-primary {
  --mdc-slider-handle-color: var(--theme-primary-500);
  --mdc-slider-focus-handle-color: var(--theme-primary-500);
  --mdc-slider-hover-handle-color: var(--theme-primary-500);
  --mdc-slider-active-track-color: var(--theme-primary-500);
  --mdc-slider-inactive-track-color: var(--theme-primary-500);
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: var(--theme-primary-500);
  --mat-mdc-slider-ripple-color: var(--theme-primary-500);
  --mat-mdc-slider-hover-ripple-color: rgba(var(--theme-primary-500), 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(var(--theme-primary-500), 0.2);
}
.mat-mdc-slider.mat-accent {
  --mdc-slider-handle-color: #dce0e3;
  --mdc-slider-focus-handle-color: #dce0e3;
  --mdc-slider-hover-handle-color: #dce0e3;
  --mdc-slider-active-track-color: #dce0e3;
  --mdc-slider-inactive-track-color: #dce0e3;
  --mdc-slider-with-tick-marks-active-container-color: #000;
  --mdc-slider-with-tick-marks-inactive-container-color: #dce0e3;
  --mat-mdc-slider-ripple-color: #dce0e3;
  --mat-mdc-slider-hover-ripple-color: rgba(220, 224, 227, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(220, 224, 227, 0.2);
}
.mat-mdc-slider.mat-warn {
  --mdc-slider-handle-color: #ef5350;
  --mdc-slider-focus-handle-color: #ef5350;
  --mdc-slider-hover-handle-color: #ef5350;
  --mdc-slider-active-track-color: #ef5350;
  --mdc-slider-inactive-track-color: #ef5350;
  --mdc-slider-with-tick-marks-active-container-color: #fff;
  --mdc-slider-with-tick-marks-inactive-container-color: #ef5350;
  --mat-mdc-slider-ripple-color: #ef5350;
  --mat-mdc-slider-hover-ripple-color: rgba(239, 83, 80, 0.05);
  --mat-mdc-slider-focus-ripple-color: rgba(239, 83, 80, 0.2);
}

.mdc-menu-surface {
  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);
  background-color: var(--mdc-theme-surface, #fff);
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item__primary-text {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-item__secondary-text {
  color: var(--mdc-theme-text-secondary-on-background, rgba(0, 0, 0, 0.54));
}

.mdc-list-item__overline-text {
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  background-color: transparent;
}

.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-theme-text-icon-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item__end {
  color: var(--mdc-theme-text-hint-on-background, rgba(0, 0, 0, 0.38));
}

.mdc-list-item--disabled .mdc-list-item__start,
.mdc-list-item--disabled .mdc-list-item__content,
.mdc-list-item--disabled .mdc-list-item__end {
  opacity: 0.38;
}

.mdc-list-item--disabled .mdc-list-item__primary-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__secondary-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled .mdc-list-item__overline-text {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-icon .mdc-list-item__end {
  color: var(--mdc-theme-on-surface, #000);
}
.mdc-list-item--disabled.mdc-list-item--with-trailing-meta .mdc-list-item__end {
  color: var(--mdc-theme-on-surface, #000);
}

.mdc-list-item--selected .mdc-list-item__primary-text,
.mdc-list-item--activated .mdc-list-item__primary-text {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}
.mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--mdc-theme-primary, var(--theme-primary-500));
}

.mdc-deprecated-list-group__subheader {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mdc-list-divider::after {
  border-bottom-color: white;
}

.mdc-list-divider {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-menu-item[disabled],
.mat-mdc-menu-item[disabled] .mat-mdc-menu-submenu-icon,
.mat-mdc-menu-item[disabled] .mat-icon-no-color {
  color: var(--mdc-theme-text-disabled-on-background, rgba(0, 0, 0, 0.38));
}

.mat-mdc-menu-item .mat-icon-no-color,
.mat-mdc-menu-submenu-icon {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}

.mat-mdc-menu-item:hover:not([disabled]),
.mat-mdc-menu-item.cdk-program-focused:not([disabled]),
.mat-mdc-menu-item.cdk-keyboard-focused:not([disabled]),
.mat-mdc-menu-item-highlighted:not([disabled]) {
  background: rgba(0, 0, 0, 0.04);
}

.mat-mdc-list-base {
  --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;
}

.mat-mdc-list-option .mdc-list-item__start, .mat-mdc-list-option .mdc-list-item__end {
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--theme-primary-500);
  --mdc-checkbox-selected-hover-icon-color: var(--theme-primary-500);
  --mdc-checkbox-selected-icon-color: var(--theme-primary-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--theme-primary-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --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-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-list-option .mdc-list-item__start, .mat-mdc-list-option .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: var(--theme-primary-500);
  --mdc-radio-selected-hover-icon-color: var(--theme-primary-500);
  --mdc-radio-selected-icon-color: var(--theme-primary-500);
  --mdc-radio-selected-pressed-icon-color: var(--theme-primary-500);
  --mat-mdc-radio-ripple-color: #000;
  --mat-mdc-radio-checked-ripple-color: var(--theme-primary-500);
}
.mat-mdc-list-option .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option .mdc-list-item__end .mdc-radio--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-list-option.mat-accent .mdc-list-item__start, .mat-mdc-list-option.mat-accent .mdc-list-item__end {
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #dce0e3;
  --mdc-checkbox-selected-hover-icon-color: #dce0e3;
  --mdc-checkbox-selected-icon-color: #dce0e3;
  --mdc-checkbox-selected-pressed-icon-color: #dce0e3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --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-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-list-option.mat-accent .mdc-list-item__start, .mat-mdc-list-option.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #dce0e3;
  --mdc-radio-selected-hover-icon-color: #dce0e3;
  --mdc-radio-selected-icon-color: #dce0e3;
  --mdc-radio-selected-pressed-icon-color: #dce0e3;
  --mat-mdc-radio-ripple-color: #000;
  --mat-mdc-radio-checked-ripple-color: #dce0e3;
}
.mat-mdc-list-option.mat-accent .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option.mat-accent .mdc-list-item__end .mdc-radio--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-list-option.mat-warn .mdc-list-item__start, .mat-mdc-list-option.mat-warn .mdc-list-item__end {
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ef5350;
  --mdc-checkbox-selected-hover-icon-color: #ef5350;
  --mdc-checkbox-selected-icon-color: #ef5350;
  --mdc-checkbox-selected-pressed-icon-color: #ef5350;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --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-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-list-option.mat-warn .mdc-list-item__start, .mat-mdc-list-option.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: #000;
  --mdc-radio-disabled-unselected-icon-color: #000;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #ef5350;
  --mdc-radio-selected-hover-icon-color: #ef5350;
  --mdc-radio-selected-icon-color: #ef5350;
  --mdc-radio-selected-pressed-icon-color: #ef5350;
  --mat-mdc-radio-ripple-color: #000;
  --mat-mdc-radio-checked-ripple-color: #ef5350;
}
.mat-mdc-list-option.mat-warn .mdc-list-item__start .mdc-radio--disabled + label, .mat-mdc-list-option.mat-warn .mdc-list-item__end .mdc-radio--disabled + label {
  color: rgba(0, 0, 0, 0.38);
}

.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--activated .mdc-list-item__primary-text {
  color: var(--theme-primary-500);
}
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected.mdc-list-item--with-leading-icon .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated.mdc-list-item--with-leading-icon .mdc-list-item__start {
  color: var(--theme-primary-500);
}

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

.mat-mdc-list-base {
  --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-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;
}

.mat-mdc-paginator {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-paginator-icon {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-mdc-paginator-decrement,
.mat-mdc-paginator-increment {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
  border-right: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-mdc-paginator-first,
.mat-mdc-paginator-last {
  border-top: 2px solid rgba(0, 0, 0, 0.54);
}

.mat-mdc-icon-button[disabled] .mat-mdc-paginator-decrement,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-increment,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-first,
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-last {
  border-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-icon-button[disabled] .mat-mdc-paginator-icon {
  fill: rgba(0, 0, 0, 0.12);
}

.mat-mdc-paginator .mat-mdc-form-field-infix {
  min-height: 40px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper .mat-mdc-form-field-flex .mat-mdc-floating-label {
  top: 20px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  --mat-mdc-form-field-label-transform: translateY(
          -26.75px)
          scale(var(--mat-mdc-form-field-floating-label-scale, 0.75));
  transform: var(--mat-mdc-form-field-label-transform);
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mdc-text-field--no-label:not(.mdc-text-field--outlined):not(.mdc-text-field--textarea) .mat-mdc-form-field-infix {
  padding-top: 8px;
  padding-bottom: 8px;
}
.mat-mdc-paginator .mat-mdc-text-field-wrapper:not(.mdc-text-field--outlined) .mat-mdc-floating-label {
  display: none;
}

.mat-mdc-paginator-container {
  min-height: 56px;
}

.mat-mdc-tab, .mat-mdc-tab-link {
  background-color: transparent;
}
.mat-mdc-tab .mdc-tab__text-label, .mat-mdc-tab-link .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.6);
}
.mat-mdc-tab.mat-mdc-tab-disabled .mdc-tab__ripple::before,
.mat-mdc-tab.mat-mdc-tab-disabled .mat-ripple-element, .mat-mdc-tab-link.mat-mdc-tab-disabled .mdc-tab__ripple::before,
.mat-mdc-tab-link.mat-mdc-tab-disabled .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: var(--theme-primary-500);
}
.mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: var(--mdc-tab-indicator-active-indicator-color, var(--theme-primary-500));
}
.mdc-tab__ripple::before,
.mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-link .mat-ripple-element {
  background-color: var(--theme-primary-500);
}

.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #dce0e3;
}
.mat-mdc-tab-group.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-group.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: var(--mdc-tab-indicator-active-indicator-color, #dce0e3);
}
.mat-mdc-tab-group.mat-accent .mdc-tab__ripple::before,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-group.mat-accent .mat-mdc-tab-link .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-accent .mdc-tab__ripple::before,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-accent .mat-mdc-tab-link .mat-ripple-element {
  background-color: #dce0e3;
}
.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: #ef5350;
}
.mat-mdc-tab-group.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-group.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline, .mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link:not(.mat-mdc-tab-disabled) .mdc-tab-indicator__content--underline {
  border-color: var(--mdc-tab-indicator-active-indicator-color, #ef5350);
}
.mat-mdc-tab-group.mat-warn .mdc-tab__ripple::before,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-group.mat-warn .mat-mdc-tab-link .mat-ripple-element, .mat-mdc-tab-nav-bar.mat-warn .mdc-tab__ripple::before,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-header-pagination .mat-ripple-element,
.mat-mdc-tab-nav-bar.mat-warn .mat-mdc-tab-link .mat-ripple-element {
  background-color: #ef5350;
}

.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-mdc-tab-header-with-background-background-color: var(--theme-primary-500);
  --mat-mdc-tab-header-with-background-foreground-color: #000;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-mdc-tab-header-with-background-background-color: #dce0e3;
  --mat-mdc-tab-header-with-background-foreground-color: #000;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-mdc-tab-header-with-background-background-color: #ef5350;
  --mat-mdc-tab-header-with-background-foreground-color: #fff;
}

.mat-mdc-tab-header-pagination-chevron {
  border-color: var(--mdc-theme-on-surface, #000);
}

.mat-mdc-tab-header .mdc-tab {
  height: 48px;
}

.mat-mdc-checkbox .mdc-form-field {
  color: var(--mdc-theme-text-primary-on-background, rgba(0, 0, 0, 0.87));
}
.mat-mdc-checkbox .mat-ripple-element {
  background-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-checkbox .mdc-checkbox__ripple {
  background: #000;
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: var(--theme-primary-500);
  --mdc-checkbox-selected-hover-icon-color: var(--theme-primary-500);
  --mdc-checkbox-selected-icon-color: var(--theme-primary-500);
  --mdc-checkbox-selected-pressed-icon-color: var(--theme-primary-500);
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --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-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element {
  background-color: var(--theme-primary-500);
  opacity: 0.1;
}
.mat-mdc-checkbox.mat-primary .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background: var(--theme-primary-500);
}
.mat-mdc-checkbox.mat-accent {
  --mdc-checkbox-selected-checkmark-color: #000;
  --mdc-checkbox-selected-focus-icon-color: #dce0e3;
  --mdc-checkbox-selected-hover-icon-color: #dce0e3;
  --mdc-checkbox-selected-icon-color: #dce0e3;
  --mdc-checkbox-selected-pressed-icon-color: #dce0e3;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --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-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element {
  background-color: rgba(220, 224, 227, 0.1);
}
.mat-mdc-checkbox.mat-accent .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background: #dce0e3;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-icon-color: #ef5350;
  --mdc-checkbox-selected-hover-icon-color: #ef5350;
  --mdc-checkbox-selected-icon-color: #ef5350;
  --mdc-checkbox-selected-pressed-icon-color: #ef5350;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --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-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
}
.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected ~ .mat-mdc-checkbox-ripple .mat-ripple-element {
  background-color: rgba(239, 83, 80, 0.1);
}
.mat-mdc-checkbox.mat-warn .mdc-checkbox--selected ~ .mdc-checkbox__ripple {
  background: #ef5350;
}

.mat-mdc-checkbox-disabled label {
  color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-checkbox .mdc-checkbox {
  padding: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  margin: calc((var(--mdc-checkbox-touch-target-size, 40px) - 40px) / 2);
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__background {
  top: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
  left: calc((var(--mdc-checkbox-ripple-size, 40px) - 18px) / 2);
}
.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control {
  top: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
  right: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
  left: calc((40px - var(--mdc-checkbox-touch-target-size, 40px)) / 2);
  width: var(--mdc-checkbox-touch-target-size, 40px);
  height: var(--mdc-checkbox-touch-target-size, 40px);
}

.mat-mdc-button.mat-unthemed {
  --mdc-text-button-label-text-color: #000;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: var(--theme-primary-500);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #dce0e3;
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #ef5350;
}
.mat-mdc-button[disabled][disabled] {
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-text-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-unelevated-button.mat-unthemed {
  --mdc-filled-button-container-color: #fff;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: var(--theme-primary-500);
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #dce0e3;
  --mdc-filled-button-label-text-color: #000;
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #ef5350;
  --mdc-filled-button-label-text-color: #fff;
}
.mat-mdc-unelevated-button[disabled][disabled] {
  --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);
  --mdc-filled-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-label-text-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-raised-button.mat-unthemed {
  --mdc-protected-button-container-color: #fff;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: var(--theme-primary-500);
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #dce0e3;
  --mdc-protected-button-label-text-color: #000;
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #ef5350;
  --mdc-protected-button-label-text-color: #fff;
}
.mat-mdc-raised-button[disabled][disabled] {
  --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);
  --mdc-protected-button-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-protected-button-container-elevation: 0;
}

.mat-mdc-outlined-button {
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
}
.mat-mdc-outlined-button.mat-unthemed {
  --mdc-outlined-button-label-text-color: #000;
}
.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: var(--theme-primary-500);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #dce0e3;
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #ef5350;
}
.mat-mdc-outlined-button[disabled][disabled] {
  --mdc-outlined-button-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-button, .mat-mdc-outlined-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-outlined-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-button.mat-primary, .mat-mdc-outlined-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: var(--theme-primary-500);
  --mat-mdc-button-ripple-color: rgba(var(--theme-primary-500), 0.1);
}
.mat-mdc-button.mat-accent, .mat-mdc-outlined-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #dce0e3;
  --mat-mdc-button-ripple-color: rgba(220, 224, 227, 0.1);
}
.mat-mdc-button.mat-warn, .mat-mdc-outlined-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #ef5350;
  --mat-mdc-button-ripple-color: rgba(239, 83, 80, 0.1);
}

.mat-mdc-raised-button, .mat-mdc-unelevated-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-raised-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-raised-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-unelevated-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-raised-button.mat-primary, .mat-mdc-unelevated-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-accent, .mat-mdc-unelevated-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn, .mat-mdc-unelevated-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-button.mat-mdc-button-base,
.mat-mdc-raised-button.mat-mdc-button-base,
.mat-mdc-unelevated-button.mat-mdc-button-base,
.mat-mdc-outlined-button.mat-mdc-button-base {
  height: 36px;
}

.mat-mdc-icon-button {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-icon-button:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-icon-button.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-icon-button.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-icon-button.mat-primary {
  --mat-mdc-button-persistent-ripple-color: var(--theme-primary-500);
  --mat-mdc-button-ripple-color: rgba(var(--theme-primary-500), 0.1);
}
.mat-mdc-icon-button.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #dce0e3;
  --mat-mdc-button-ripple-color: rgba(220, 224, 227, 0.1);
}
.mat-mdc-icon-button.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #ef5350;
  --mat-mdc-button-ripple-color: rgba(239, 83, 80, 0.1);
}
.mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: var(--theme-primary-500);
}
.mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #dce0e3;
}
.mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #ef5350;
}
.mat-mdc-icon-button[disabled][disabled] {
  --mdc-icon-button-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-icon-button.mat-mdc-button-base {
  width: 48px;
  height: 48px;
  padding: 12px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
  max-height: 48px;
  max-width: 48px;
}
.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
  width: 40px;
  height: 40px;
  margin-top: 4px;
  margin-bottom: 4px;
  margin-right: 4px;
  margin-left: 4px;
}
.mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
  max-height: 40px;
  max-width: 40px;
}
.mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 48px;
  /* @noflip */ /*rtl:ignore*/
  left: 50%;
  width: 48px;
  transform: translate(-50%, -50%);
}

.mat-mdc-fab, .mat-mdc-mini-fab {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab:hover .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab:hover .mat-mdc-button-persistent-ripple::before {
  opacity: 0.04;
}
.mat-mdc-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-program-focused .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab.cdk-keyboard-focused .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab:active .mat-mdc-button-persistent-ripple::before, .mat-mdc-mini-fab:active .mat-mdc-button-persistent-ripple::before {
  opacity: 0.12;
}
.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-mdc-button-persistent-ripple-color: #000;
  --mat-mdc-button-ripple-color: rgba(0, 0, 0, 0.1);
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-mdc-button-persistent-ripple-color: #fff;
  --mat-mdc-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-fab.mat-unthemed, .mat-mdc-mini-fab.mat-unthemed {
  --mdc-fab-container-color: #fff;
  --mdc-fab-icon-color: #000;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-container-color: var(--theme-primary-500);
  --mdc-fab-icon-color: #000;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-container-color: #dce0e3;
  --mdc-fab-icon-color: #000;
  --mat-mdc-fab-color: #000;
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-container-color: #ef5350;
  --mdc-fab-icon-color: #fff;
  --mat-mdc-fab-color: #fff;
}
.mat-mdc-fab[disabled][disabled], .mat-mdc-mini-fab[disabled][disabled] {
  --mdc-fab-container-color: rgba(0, 0, 0, 0.12);
  --mdc-fab-icon-color: rgba(0, 0, 0, 0.38);
  --mat-mdc-fab-color: rgba(0, 0, 0, 0.38);
}

.mat-mdc-snack-bar-container {
  --mat-mdc-snack-bar-button-color: #dce0e3;
  --mdc-snackbar-container-color: #333333;
  --mdc-snackbar-supporting-text-color: rgba(255, 255, 255, 0.87);
}

.mdc-data-table {
  background-color: var(--mdc-theme-surface, #fff);
  border-color: rgba(0, 0, 0, 0.12);
}
.mdc-data-table__row {
  background-color: inherit;
}

.mdc-data-table__header-cell {
  background-color: var(--mdc-theme-surface, #fff);
}

.mdc-data-table__row--selected {
  background-color: rgba(var(--theme-primary-500), 0.04);
}

.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__leading,
.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__notch,
.mdc-data-table__pagination-rows-per-page-select--outlined:not(.mdc-select--disabled) .mdc-notched-outline__trailing {
  border-color: rgba(0, 0, 0, 0.12);
}
.mdc-data-table__cell,
.mdc-data-table__header-cell {
  border-bottom-color: rgba(0, 0, 0, 0.12);
}

.mdc-data-table__pagination {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mdc-data-table__row:not(.mdc-data-table__row--selected):hover {
  background-color: rgba(0, 0, 0, 0.04);
}

.mdc-data-table__header-cell {
  color: rgba(0, 0, 0, 0.87);
}

.mdc-data-table__pagination-total,
.mdc-data-table__pagination-rows-per-page-label,
.mdc-data-table__cell {
  color: rgba(0, 0, 0, 0.87);
}

[dir=rtl] .mdc-data-table__pagination-button .mdc-button__icon, .mdc-data-table__pagination-button .mdc-button__icon[dir=rtl] {
  /*rtl:begin:ignore*/
  /*rtl:end:ignore*/
}

.mat-mdc-table {
  background: white;
}

.mat-mdc-table .mdc-data-table__row {
  height: 52px;
}
.mat-mdc-table .mdc-data-table__pagination {
  min-height: 52px;
}
.mat-mdc-table .mdc-data-table__header-row {
  height: 56px;
}

.mat-mdc-progress-spinner {
  --mdc-circular-progress-active-indicator-color: var(--theme-primary-500);
}
.mat-mdc-progress-spinner.mat-accent {
  --mdc-circular-progress-active-indicator-color: #dce0e3;
}
.mat-mdc-progress-spinner.mat-warn {
  --mdc-circular-progress-active-indicator-color: #ef5350;
}

.mat-badge {
  position: relative;
}

.mat-badge.mat-badge {
  overflow: visible;
}

.mat-badge-hidden .mat-badge-content {
  display: none;
}

.mat-badge-content {
  position: absolute;
  text-align: center;
  display: inline-block;
  border-radius: 50%;
  transition: transform 200ms ease-in-out;
  transform: scale(0.6);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  pointer-events: none;
}

.ng-animate-disabled .mat-badge-content,
.mat-badge-content._mat-animation-noopable {
  transition: none;
}

.mat-badge-content.mat-badge-active {
  transform: none;
}

.mat-badge-small .mat-badge-content {
  width: 16px;
  height: 16px;
  line-height: 16px;
}
.mat-badge-small.mat-badge-above .mat-badge-content {
  top: -8px;
}
.mat-badge-small.mat-badge-below .mat-badge-content {
  bottom: -8px;
}
.mat-badge-small.mat-badge-before .mat-badge-content {
  left: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-before .mat-badge-content {
  left: auto;
  right: -16px;
}
.mat-badge-small.mat-badge-after .mat-badge-content {
  right: -16px;
}
[dir=rtl] .mat-badge-small.mat-badge-after .mat-badge-content {
  right: auto;
  left: -16px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -8px;
}
.mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -8px;
}
[dir=rtl] .mat-badge-small.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -8px;
}

.mat-badge-medium .mat-badge-content {
  width: 22px;
  height: 22px;
  line-height: 22px;
}
.mat-badge-medium.mat-badge-above .mat-badge-content {
  top: -11px;
}
.mat-badge-medium.mat-badge-below .mat-badge-content {
  bottom: -11px;
}
.mat-badge-medium.mat-badge-before .mat-badge-content {
  left: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-before .mat-badge-content {
  left: auto;
  right: -22px;
}
.mat-badge-medium.mat-badge-after .mat-badge-content {
  right: -22px;
}
[dir=rtl] .mat-badge-medium.mat-badge-after .mat-badge-content {
  right: auto;
  left: -22px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -11px;
}
.mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -11px;
}
[dir=rtl] .mat-badge-medium.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -11px;
}

.mat-badge-large .mat-badge-content {
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.mat-badge-large.mat-badge-above .mat-badge-content {
  top: -14px;
}
.mat-badge-large.mat-badge-below .mat-badge-content {
  bottom: -14px;
}
.mat-badge-large.mat-badge-before .mat-badge-content {
  left: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-before .mat-badge-content {
  left: auto;
  right: -28px;
}
.mat-badge-large.mat-badge-after .mat-badge-content {
  right: -28px;
}
[dir=rtl] .mat-badge-large.mat-badge-after .mat-badge-content {
  right: auto;
  left: -28px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-before .mat-badge-content {
  left: auto;
  right: -14px;
}
.mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: -14px;
}
[dir=rtl] .mat-badge-large.mat-badge-overlap.mat-badge-after .mat-badge-content {
  right: auto;
  left: -14px;
}

.mat-badge-content {
  color: white;
  background: var(--theme-primary-500);
}
.cdk-high-contrast-active .mat-badge-content {
  outline: solid 1px;
  border-radius: 0;
}

.mat-badge-accent .mat-badge-content {
  background: #dce0e3;
  color: black;
}

.mat-badge-warn .mat-badge-content {
  color: rgba(0, 0, 0, 0.87);
  background: #ef5350;
}

.mat-badge-disabled .mat-badge-content {
  background: #b9b9b9;
  color: rgba(0, 0, 0, 0.38);
}

.mat-bottom-sheet-container {
  box-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);
  background: white;
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-standalone:not([class*=mat-elevation-z]),
.mat-button-toggle-group:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard:not([class*=mat-elevation-z]),
.mat-button-toggle-group-appearance-standard:not([class*=mat-elevation-z]) {
  box-shadow: none;
}

.mat-button-toggle {
  color: rgba(0, 0, 0, 0.38);
}
.mat-button-toggle .mat-button-toggle-focus-overlay {
  background-color: rgba(0, 0, 0, 0.12);
}

.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
  background: white;
}
.mat-button-toggle-appearance-standard .mat-button-toggle-focus-overlay {
  background-color: black;
}

.mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: solid 1px #e0e0e0;
}

[dir=rtl] .mat-button-toggle-group-appearance-standard .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: solid 1px #e0e0e0;
}

.mat-button-toggle-group-appearance-standard.mat-button-toggle-vertical .mat-button-toggle + .mat-button-toggle {
  border-left: none;
  border-right: none;
  border-top: solid 1px #e0e0e0;
}

.mat-button-toggle-checked {
  background-color: #e0e0e0;
  color: rgba(0, 0, 0, 0.54);
}
.mat-button-toggle-checked.mat-button-toggle-appearance-standard {
  color: rgba(0, 0, 0, 0.87);
}

.mat-button-toggle-disabled {
  color: rgba(0, 0, 0, 0.26);
  background-color: #eeeeee;
}
.mat-button-toggle-disabled.mat-button-toggle-appearance-standard {
  background: white;
}
.mat-button-toggle-disabled.mat-button-toggle-checked {
  background-color: #bdbdbd;
}

.mat-button-toggle-standalone.mat-button-toggle-appearance-standard,
.mat-button-toggle-group-appearance-standard {
  border: solid 1px #e0e0e0;
}

.mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 48px;
}

.mat-calendar-arrow {
  fill: rgba(0, 0, 0, 0.54);
}

.mat-datepicker-toggle,
.mat-datepicker-content .mat-calendar-next-button,
.mat-datepicker-content .mat-calendar-previous-button {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-table-header-divider::after {
  background: rgba(0, 0, 0, 0.12);
}

.mat-calendar-table-header,
.mat-calendar-body-label {
  color: rgba(0, 0, 0, 0.54);
}

.mat-calendar-body-cell-content,
.mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.87);
  border-color: transparent;
}

.mat-calendar-body-disabled > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  color: rgba(0, 0, 0, 0.38);
}

.mat-form-field-disabled .mat-date-range-input-separator {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-in-preview {
  color: rgba(0, 0, 0, 0.24);
}

.mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-body-disabled > .mat-calendar-body-today:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  border-color: rgba(0, 0, 0, 0.18);
}

.mat-calendar-body-in-range::before {
  background: var(--theme-primary-500);
}

.mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}

.mat-calendar-body-comparison-bridge-start::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, var(--theme-primary-500) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-comparison-bridge-end::before,
[dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, var(--theme-primary-500) 50%, rgba(249, 171, 0, 0.2) 50%);
}

.mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}

.mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}

.mat-calendar-body-selected {
  background-color: var(--theme-primary-500);
  color: white;
}

.mat-calendar-body-disabled > .mat-calendar-body-selected {
  opacity: 0.2;
}

.mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px white;
}

.cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: var(--theme-primary-500);
}

@media (hover: hover) {
  .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: var(--theme-primary-500);
  }
}
.mat-datepicker-content {
  box-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);
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range::before {
  background: rgba(220, 224, 227, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(220, 224, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-accent [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(220, 224, 227, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-accent .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-selected {
  background-color: #dce0e3;
  color: black;
}
.mat-datepicker-content.mat-accent .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(220, 224, 227, 0.4);
}
.mat-datepicker-content.mat-accent .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px black;
}
.mat-datepicker-content.mat-accent .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-accent .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(220, 224, 227, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-accent .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(220, 224, 227, 0.3);
  }
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range::before {
  background: rgba(239, 83, 80, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range::before {
  background: rgba(249, 171, 0, 0.2);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-start::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-end::before {
  background: linear-gradient(to right, rgba(239, 83, 80, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-bridge-end::before,
.mat-datepicker-content.mat-warn [dir=rtl] .mat-calendar-body-comparison-bridge-start::before {
  background: linear-gradient(to left, rgba(239, 83, 80, 0.2) 50%, rgba(249, 171, 0, 0.2) 50%);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-in-range > .mat-calendar-body-comparison-identical,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range.mat-calendar-body-in-range::after {
  background: #a8dab5;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-comparison-identical.mat-calendar-body-selected,
.mat-datepicker-content.mat-warn .mat-calendar-body-in-comparison-range > .mat-calendar-body-selected {
  background: #46a35e;
}
.mat-datepicker-content.mat-warn .mat-calendar-body-selected {
  background-color: #ef5350;
  color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-disabled > .mat-calendar-body-selected {
  background-color: rgba(239, 83, 80, 0.4);
}
.mat-datepicker-content.mat-warn .mat-calendar-body-today.mat-calendar-body-selected {
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn .cdk-keyboard-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical),
.mat-datepicker-content.mat-warn .cdk-program-focused .mat-calendar-body-active > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
  background-color: rgba(239, 83, 80, 0.3);
}
@media (hover: hover) {
  .mat-datepicker-content.mat-warn .mat-calendar-body-cell:not(.mat-calendar-body-disabled):hover > .mat-calendar-body-cell-content:not(.mat-calendar-body-selected):not(.mat-calendar-body-comparison-identical) {
    background-color: rgba(239, 83, 80, 0.3);
  }
}

.mat-datepicker-content-touch {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

.mat-datepicker-toggle-active {
  color: var(--theme-primary-500);
}
.mat-datepicker-toggle-active.mat-accent {
  color: #dce0e3;
}
.mat-datepicker-toggle-active.mat-warn {
  color: #ef5350;
}

.mat-date-range-input-inner[disabled] {
  color: rgba(0, 0, 0, 0.38);
}

.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  width: 40px;
  height: 40px;
  padding: 8px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__focus-ring {
  max-height: 40px;
  max-width: 40px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__ripple {
  width: 40px;
  height: 40px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-right: 0px;
  margin-left: 0px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base.mdc-icon-button--reduced-size .mdc-icon-button__focus-ring {
  max-height: 40px;
  max-width: 40px;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mdc-icon-button__touch {
  position: absolute;
  top: 50%;
  height: 40px;
  /* @noflip */ /*rtl:ignore*/
  left: 50%;
  width: 40px;
  transform: translate(-50%, -50%);
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base .mat-mdc-button-touch-target {
  display: none;
}

.mat-divider {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-divider-vertical {
  border-right-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel {
  background: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-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);
}

.mat-action-row {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-expansion-panel .mat-expansion-panel-header.cdk-keyboard-focused:not([aria-disabled=true]), .mat-expansion-panel .mat-expansion-panel-header.cdk-program-focused:not([aria-disabled=true]), .mat-expansion-panel:not(.mat-expanded) .mat-expansion-panel-header:hover:not([aria-disabled=true]) {
  background: rgba(0, 0, 0, 0.04);
}

@media (hover: none) {
  .mat-expansion-panel:not(.mat-expanded):not([aria-disabled=true]) .mat-expansion-panel-header:hover {
    background: white;
  }
}
.mat-expansion-panel-header-title {
  color: rgba(0, 0, 0, 0.87);
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: rgba(0, 0, 0, 0.54);
}

.mat-expansion-panel-header[aria-disabled=true] {
  color: rgba(0, 0, 0, 0.26);
}
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-title,
.mat-expansion-panel-header[aria-disabled=true] .mat-expansion-panel-header-description {
  color: inherit;
}

.mat-expansion-panel-header {
  height: 48px;
}
.mat-expansion-panel-header.mat-expanded {
  height: 64px;
}

.mat-icon.mat-primary {
  color: var(--theme-primary-500);
}
.mat-icon.mat-accent {
  color: #dce0e3;
}
.mat-icon.mat-warn {
  color: #ef5350;
}

.mat-drawer-container {
  background-color: #fafafa;
  color: rgba(0, 0, 0, 0.87);
}

.mat-drawer {
  background-color: white;
  color: rgba(0, 0, 0, 0.87);
}
.mat-drawer.mat-drawer-push {
  background-color: white;
}
.mat-drawer:not(.mat-drawer-side) {
  box-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-drawer-side {
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}
.mat-drawer-side.mat-drawer-end {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}

[dir=rtl] .mat-drawer-side {
  border-left: solid 1px rgba(0, 0, 0, 0.12);
  border-right: none;
}
[dir=rtl] .mat-drawer-side.mat-drawer-end {
  border-left: none;
  border-right: solid 1px rgba(0, 0, 0, 0.12);
}

.mat-drawer-backdrop.mat-drawer-shown {
  background-color: rgba(0, 0, 0, 0.6);
}

.mat-step-header.cdk-keyboard-focused, .mat-step-header.cdk-program-focused, .mat-step-header:hover:not([aria-disabled]), .mat-step-header:hover[aria-disabled=false] {
  background-color: rgba(0, 0, 0, 0.04);
}
.mat-step-header:hover[aria-disabled=true] {
  cursor: default;
}
@media (hover: none) {
  .mat-step-header:hover {
    background: none;
  }
}
.mat-step-header .mat-step-label,
.mat-step-header .mat-step-optional {
  color: rgba(0, 0, 0, 0.54);
}
.mat-step-header .mat-step-icon {
  background-color: rgba(0, 0, 0, 0.54);
  color: white;
}
.mat-step-header .mat-step-icon-selected,
.mat-step-header .mat-step-icon-state-done,
.mat-step-header .mat-step-icon-state-edit {
  background-color: var(--theme-primary-500);
  color: white;
}
.mat-step-header.mat-accent .mat-step-icon {
  color: black;
}
.mat-step-header.mat-accent .mat-step-icon-selected,
.mat-step-header.mat-accent .mat-step-icon-state-done,
.mat-step-header.mat-accent .mat-step-icon-state-edit {
  background-color: #dce0e3;
  color: black;
}
.mat-step-header.mat-warn .mat-step-icon {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header.mat-warn .mat-step-icon-selected,
.mat-step-header.mat-warn .mat-step-icon-state-done,
.mat-step-header.mat-warn .mat-step-icon-state-edit {
  background-color: #ef5350;
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-icon-state-error {
  background-color: transparent;
  color: #ef5350;
}
.mat-step-header .mat-step-label.mat-step-label-active {
  color: rgba(0, 0, 0, 0.87);
}
.mat-step-header .mat-step-label.mat-step-label-error {
  color: #ef5350;
}

.mat-stepper-horizontal, .mat-stepper-vertical {
  background-color: white;
}

.mat-stepper-vertical-line::before {
  border-left-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header::before,
.mat-horizontal-stepper-header::after,
.mat-stepper-horizontal-line {
  border-top-color: rgba(0, 0, 0, 0.12);
}

.mat-horizontal-stepper-header {
  height: 72px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header,
.mat-vertical-stepper-header {
  padding: 24px 24px;
}

.mat-stepper-vertical-line::before {
  top: -16px;
  bottom: -16px;
}

.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before {
  top: 36px;
}

.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 36px;
}

.mat-sort-header-arrow {
  color: #757575;
}

.mat-toolbar {
  background: whitesmoke;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-primary {
  background: var(--theme-primary-500);
  color: white;
}
.mat-toolbar.mat-accent {
  background: #dce0e3;
  color: black;
}
.mat-toolbar.mat-warn {
  background: #ef5350;
  color: rgba(0, 0, 0, 0.87);
}
.mat-toolbar .mat-form-field-underline,
.mat-toolbar .mat-form-field-ripple,
.mat-toolbar .mat-focused .mat-form-field-ripple {
  background-color: currentColor;
}
.mat-toolbar .mat-form-field-label,
.mat-toolbar .mat-focused .mat-form-field-label,
.mat-toolbar .mat-select-value,
.mat-toolbar .mat-select-arrow,
.mat-toolbar .mat-form-field.mat-focused .mat-select-arrow {
  color: inherit;
}
.mat-toolbar .mat-input-element {
  caret-color: currentColor;
}

.mat-toolbar-multiple-rows {
  min-height: 64px;
}

.mat-toolbar-row, .mat-toolbar-single-row {
  height: 64px;
}

@media (max-width: 599px) {
  .mat-toolbar-multiple-rows {
    min-height: 56px;
  }
  .mat-toolbar-row, .mat-toolbar-single-row {
    height: 56px;
  }
}
.mat-tree {
  background: white;
}

.mat-tree-node,
.mat-nested-tree-node {
  color: rgba(0, 0, 0, 0.87);
}

.mat-tree-node {
  min-height: 48px;
}

/* 6️⃣ Custom component themes */
/* Include custom theme */
/* ----------------------------------------- */
/* Material Customization - Dynamic Typography */
/* ----------------------------------------- */
:root {
  --theme-font-family: $pmo-font-family;
  /* Font levels based on your original config */
  --theme-display-4-font: 300 112px var(--theme-font-family);
  --theme-display-3-font: 400 56px var(--theme-font-family);
  --theme-display-2-font: 400 45px var(--theme-font-family);
  --theme-display-1-font: 400 30px var(--theme-font-family);
  --theme-headline-font: 500 24px var(--theme-font-family);
  --theme-title-font: 500 18px var(--theme-font-family);
  --theme-subheading-2-font: 600 15pxx var(--theme-font-family);
  --theme-subheading-1-font: 400 15px var(--theme-font-family);
  --theme-body-2-font: 500 14px var(--theme-font-family);
  --theme-body-1-font: 300 14px var(--theme-font-family);
  --theme-caption-font: 400 12px var(--theme-font-family);
  --theme-button-font: 500 12px var(--theme-font-family);
  --theme-input-font: 400 16px var(--theme-font-family);
  --theme-foreground-text: rgba(0, 0, 0, 0.87);
  --theme-foreground-secondary-text: rgba(0, 0, 0, 0.64);
  --theme-foreground-hint-text: rgba(0, 0, 0, 0.48);
  --theme-foreground-disabled-text: rgba(0, 0, 0, 0.38);
  --theme-foreground-icon: rgba(0, 0, 0, 0.64);
  --theme-foreground-divider: rgba(0, 0, 0, 0.12);
  --theme-foreground-link-text: #218BC3;
}

.mat-typography {
  font-family: var(--theme-font-family);
  color: var(--theme-foreground-text);
}

.mat-headline-1 {
  font: var(--theme-display-4-font);
}

.mat-headline-2 {
  font: var(--theme-display-3-font);
}

.mat-headline-3 {
  font: var(--theme-display-2-font);
}

.mat-headline-4 {
  font: var(--theme-display-1-font);
}

.mat-headline-5 {
  font: var(--theme-headline-font);
}

.mat-headline-6 {
  font: var(--theme-title-font);
}

.mat-subtitle-1 {
  font: var(--theme-subheading-2-font);
}

.mat-subtitle-2 {
  font: var(--theme-subheading-1-font);
}

.mat-subtitle-2 {
  font: var(--theme-body-2-font);
}

.mat-body-2 {
  font: var(--theme-body-1-font);
}

.mat-mdc-caption {
  font: var(--theme-caption-font);
}

.mat-mdc-button, .mat-mdc-raised-button, .mat-mdc-outlined-button, .mat-mdc-unelevated-button {
  font: var(--theme-button-font);
}

.mat-mdc-input-element {
  font: var(--theme-input-font);
}

.mat-link {
  font: var(--theme-body-2-font);
}

.mat-body-2, .mat-subtitle-2, .mat-subtitle-1, .mat-subtitle-2, .mat-headline-6, .mat-headline-5 {
  color: var(--theme-foreground-text);
}

.mat-mdc-caption, .mat-mdc-form-field-hint, .mat-form-field-hint {
  color: var(--theme-foreground-secondary-text);
}

.mat-divider {
  border-top-color: var(--theme-foreground-divider);
}

/* For disabled states */
/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version. */
.mat-mdc-form-field.mat-form-field-disabled .mat-form-field-label,
.mat-input-element:disabled,
.mat-select-disabled .mat-select-value {
  color: var(--theme-foreground-disabled-text);
}

.mat-link {
  color: var(--theme-foreground-link-text);
}

h1 small,
h1 .small, h2 small,
h2 .small, h3 small,
h3 .small, h4 small,
h4 .small, h5 small,
h5 .small, h6 small,
h6 .small,
.h1 small,
.h1 .small, .h2 small,
.h2 .small, .h3 small,
.h3 .small, .h4 small,
.h4 .small, .h5 small,
.h5 .small, .h6 small,
.h6 .small {
  font-weight: 300;
  font-size: 75%;
  color: #999999;
}

.form-control {
  font-weight: 400;
  padding: 6px 12px;
  box-shadow: none;
}
.form-control:focus {
  box-shadow: none;
}

.form-group {
  margin-bottom: 1rem;
}

@media (min-width: 768px) {
  .form-horizontal.form-label-left .control-label {
    text-align: left;
  }
}

.dropdown-toggle:after {
  content: none;
}

.dropdown-menu {
  font-size: 13px;
  border-radius: 0;
}
.dropdown-menu > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
}

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9 ;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

.nav-item .nav-link {
  position: relative;
  cursor: pointer;
}

.navbar {
  border: none;
  font-size: 13px;
  font-weight: 500;
  min-height: 50px;
  margin-bottom: 0;
  padding: 0;
}
.navbar h5 {
  font-size: 13px;
}
.navbar .deemphasize {
  font-size: 0.875rem;
}

.navbar-form .form-control {
  font-size: 13px;
  padding: 0.6rem 0.85rem;
}
.navbar-form .input-group {
  width: 245px;
}
.navbar-form .input-group-addon {
  color: #666;
}

.input-group-addon i {
  vertical-align: -40%;
}

@media (min-width: 768px) {
  .container > .navbar-header,
  .container > .navbar-collapse,
  .container-fluid > .navbar-header,
  .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
  }
}

.navbar-header > .navbar-nav {
  float: left;
  margin-left: calc(0 + 10px);
  margin-right: 0;
}
.navbar-header > .navbar-nav.navbar-right {
  float: right;
}
@media (max-width: 767px) {
  .navbar-header > .navbar-nav.navbar-right > li > a {
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .navbar-header > .navbar-nav {
    margin-left: 0;
  }
  .navbar-header > .navbar-nav + .navbar-brand {
    height: 60px;
    line-height: 30px;
  }
}
.navbar-header > .navbar-nav > li {
  float: left;
}
.navbar-header > .navbar-nav > li > a {
  padding: 17px 0 0 0;
}
.navbar-header > .navbar-nav li:nth-child(3) {
  margin-left: 0;
}

@media (min-width: 768px) {
  .navbar-nav.navbar-right:last-child {
    margin-right: 0;
  }
}
.navbar-collapse {
  overflow-x: visible;
  padding-right: 0;
  padding-left: 0;
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
}
.navbar-collapse::after {
  content: "";
  display: table;
  clear: both;
}
.navbar-collapse.in {
  overflow-y: auto;
}
@media (min-width: 768px) {
  .navbar-collapse {
    width: auto;
    border-top: 0;
    box-shadow: none;
  }
  .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    padding-left: 0;
    padding-right: 0;
  }
}
.navbar-collapse .nav.navbar-nav > li {
  margin-left: 0;
}
.navbar-collapse .nav.navbar-nav > li > a {
  padding: 17px 14px 14px 14px;
}
.navbar-collapse .nav.navbar-nav > li:first-child .dropdown-toggle .circle {
  color: #555555;
}
.navbar-collapse .nav.navbar-nav .nav-item li:first-child .dropdown-item {
  padding-top: 10px;
}
.navbar-collapse .nav.navbar-nav .nav-item li:last-child .dropdown-item {
  padding-bottom: 10px;
}
.navbar-collapse .nav.navbar-nav li:nth-child(2) > a:after {
  content: none;
}
.navbar-collapse .nav.navbar-nav a[data-toggle=chat-sidebar] {
  position: relative;
}
.navbar-collapse .navbar-nav .dropdown-menu {
  margin-top: 0px;
  padding: 0;
}

.navbar-nav .nav-item .nav-link {
  margin-left: 0;
}

.btn:not(.active), .btn-inverse:not(.active), .btn-gray:not(.active) {
  box-shadow: none !important;
}

.label {
  font-size: 11px;
  font-weight: 600;
  padding: 6px;
}

.label-pill {
  color: #fff;
  font-weight: bold;
  padding: 0.25em 0.6em;
  font-size: 12px;
}

.help-block {
  margin-top: 5px;
  font-size: 85%;
  color: #999999;
  display: block;
}

.progress {
  box-shadow: none;
  transition: width 0.6s ease;
  height: 1.3rem;
}

.progress-bar {
  border-radius: 0.25rem;
  box-shadow: none;
}

.progress-sm {
  height: 10px;
  margin-bottom: 0.5rem;
}

.progress-xs {
  height: 5px;
  margin-bottom: 0.5rem;
}

.card {
  margin-bottom: 0;
  border: none;
}

.card-footer {
  border-top: none;
}

.card > .list-group > .list-group-item {
  border-width: 1px 0;
}
.card > .list-group > .list-group-item:first-child {
  border-radius: 0;
}

.widget-body.no-padding > .list-group {
  margin: 0;
}
.widget-body.no-padding > .list-group .list-group-item {
  border-width: 1px 0;
}

.list-group-lg .list-group-item {
  padding: 15px 15px;
}
.list-group:last-of-type .list-group-item:last-child {
  border-bottom: 0;
}

.tooltip-inner {
  border-radius: 3px;
}

.navbar-form {
  padding: 7px 0 6.5px 0;
}
.navbar-form .form-group {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    border: 0;
    margin-left: 0;
    margin-right: 0;
  }
}

.navbar-dashboard-collapse {
  background-color: #fff;
  border-color: #eeeeee;
}
.navbar-dashboard-collapse .navbar-brand {
  color: #666;
  margin-right: 0;
  padding-top: 10px;
  font-size: 1.25rem;
}
.navbar-dashboard-collapse .navbar-brand:hover, .navbar-dashboard-collapse .navbar-brand:focus {
  color: #4d4d4d;
  background-color: transparent;
}
.navbar-dashboard-collapse .navbar-text {
  color: #777;
}
.navbar-dashboard-collapse .navbar-nav > li > a {
  color: #666;
}
.navbar-dashboard-collapse .navbar-nav > li > a:hover, .navbar-dashboard-collapse .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-dashboard-collapse .navbar-nav > .active > a, .navbar-dashboard-collapse .navbar-nav > .active > a:hover, .navbar-dashboard-collapse .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #eeeeee;
}
.navbar-dashboard-collapse .navbar-nav > .disabled > a, .navbar-dashboard-collapse .navbar-nav > .disabled > a:hover, .navbar-dashboard-collapse .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-dashboard-collapse .navbar-nav > .open > a, .navbar-dashboard-collapse .navbar-nav > .open > a:hover, .navbar-dashboard-collapse .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > li > a {
    color: #666;
  }
  .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > .active > a, .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #eeeeee;
  }
  .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-dashboard-collapse .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-dashboard-collapse .accordion-group > .panel > .panel-heading {
  background: blue;
  color: white;
}
.navbar-dashboard-collapse .btn-link {
  color: #666;
}
.navbar-dashboard-collapse .btn-link:hover, .navbar-dashboard-collapse .btn-link:focus {
  color: #333;
  outline: none;
  text-decoration: none;
}
.navbar-dashboard-collapse .btn-link[disabled]:hover, .navbar-dashboard-collapse .btn-link[disabled]:focus, fieldset[disabled] .navbar-dashboard-collapse .btn-link:hover, fieldset[disabled] .navbar-dashboard-collapse .btn-link:focus {
  color: #ccc;
}

.navbar-dashboard {
  background-color: #fff;
  border-color: #eeeeee;
}
.navbar-dashboard .navbar-brand {
  color: #666;
  margin-right: 0;
  padding-top: 10px;
  font-size: 1.25rem;
}
.navbar-dashboard .navbar-brand:hover, .navbar-dashboard .navbar-brand:focus {
  color: #4d4d4d;
  background-color: transparent;
}
.navbar-dashboard .navbar-text {
  color: #777;
}
.navbar-dashboard .navbar-nav > li > a {
  color: #666;
}
.navbar-dashboard .navbar-nav > li > a:hover, .navbar-dashboard .navbar-nav > li > a:focus {
  color: #333;
  background-color: transparent;
}
.navbar-dashboard .navbar-nav > .active > a, .navbar-dashboard .navbar-nav > .active > a:hover, .navbar-dashboard .navbar-nav > .active > a:focus {
  color: #555;
  background-color: #eeeeee;
}
.navbar-dashboard .navbar-nav > .disabled > a, .navbar-dashboard .navbar-nav > .disabled > a:hover, .navbar-dashboard .navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-dashboard .navbar-nav > .open > a, .navbar-dashboard .navbar-nav > .open > a:hover, .navbar-dashboard .navbar-nav > .open > a:focus {
  background-color: #eeeeee;
  color: #555;
}
@media (max-width: 767px) {
  .navbar-dashboard .navbar-nav .open .dropdown-menu > li > a {
    color: #666;
  }
  .navbar-dashboard .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-dashboard .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #333;
    background-color: transparent;
  }
  .navbar-dashboard .navbar-nav .open .dropdown-menu > .active > a, .navbar-dashboard .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-dashboard .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #555;
    background-color: #eeeeee;
  }
  .navbar-dashboard .navbar-nav .open .dropdown-menu > .disabled > a, .navbar-dashboard .navbar-nav .open .dropdown-menu > .disabled > a:hover, .navbar-dashboard .navbar-nav .open .dropdown-menu > .disabled > a:focus {
    color: #ccc;
    background-color: transparent;
  }
}
.navbar-dashboard .accordion-group > .panel > .panel-heading {
  background: blue;
  color: white;
}
.navbar-dashboard .btn-link {
  color: #666;
}
.navbar-dashboard .btn-link:hover, .navbar-dashboard .btn-link:focus {
  color: #333;
  outline: none;
  text-decoration: none;
}
.navbar-dashboard .btn-link[disabled]:hover, .navbar-dashboard .btn-link[disabled]:focus, fieldset[disabled] .navbar-dashboard .btn-link:hover, fieldset[disabled] .navbar-dashboard .btn-link:focus {
  color: #ccc;
}

.loader {
  border: 16px solid #f3f3f3; /* Light grey */
  border-top: 16px solid darkgray; /* Blue */
  border-radius: 50%;
  width: 120px;
  height: 120px;
  animation: spin 2s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.qlz-loader-position {
  position: fixed;
  top: 40%;
  left: 50%;
  z-index: 15;
}

.qlz-loader-container {
  position: fixed;
  top: 45%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 60px; /* space between spinner and text */
  z-index: 15;
}

.qlz-loader-text {
  color: #fff;
  font-size: 14px;
}

.qlz-alert {
  position: fixed;
  top: 10%;
  right: 1%;
  z-index: 15;
}

.qlz-overlay {
  background: #333;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 12;
}

.qlz-overlap {
  z-index: 6;
}

.qlz-overlap-1 {
  z-index: 1;
}

.qlz-nav-tabs {
  background-color: #161616;
}

.qlz-nav-tabs > li > a {
  border: medium none;
}

.qlz-nav-tabs > li > a:hover {
  background-color: #303136 !important;
  border: medium none;
  border-radius: 0;
  color: #fff;
}

.nav-item.qlz-tab-class {
  width: 22%;
  text-align: center;
}

.nav-item.qlz-tab-class a {
  background-color: darkgray;
  color: black !important;
  font-weight: bold;
}

.qlz-pointer {
  cursor: pointer;
}

.qlz-bottom {
  border-bottom: 1px solid #ccc;
}

.qlz-top-border {
  border-top: 1px solid #ccc;
}

.qlz-position-relative {
  position: relative;
}

textarea.form-control {
  height: 100%;
}

.qlz-scroller {
  overflow-y: scroll;
  scroll-behavior: smooth;
  white-space: nowrap;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.table-200 {
  height: 200px;
}

.table-190 {
  height: 190px;
}

.table-195 {
  height: 195px;
}

.table-80 {
  height: 80px;
}

.qlz-smart-table-container {
  overflow-x: scroll;
  overflow-y: scroll;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

/*
.table-responsive {
  display: table;
}
*/
.tbody {
  overflow-x: auto;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.qlz-margin-bottom {
  margin-bottom: 20px;
}

.qlz-margin-bottom-10 {
  margin-bottom: 10px;
}

.qlz-margin-bottom-15 {
  margin-bottom: 15px;
}

.qlz-margin-bottom-40 {
  margin-bottom: 40px;
}

.qlz-margin-bottom-55 {
  margin-bottom: 55px;
}

.qlz-margin-bottom-50 {
  margin-bottom: 50px;
}

.qlz-margin-bottom-60 {
  margin-bottom: 60px;
}

.qlz-margin-bottom-80 {
  margin-bottom: 80px;
}

.qlz-margin-bottom-90 {
  margin-bottom: 90px;
}

.qlz-margin-bottom-95 {
  margin-bottom: 95px;
}

.qlz-margin-bottom-5 {
  margin-bottom: 5px;
}

.qlz-margin-top-label {
  margin-top: 7px;
}

.qlz-margin-top-10 {
  margin-top: 10px;
}

.qlz-margin-top-12 {
  margin-top: 12px;
}

.qlz-margin-top-15 {
  margin-top: 15px;
}

.qlz-margin-top-25 {
  margin-top: 25px;
}

.qlz-margin-bottom-label {
  margin-bottom: 7px;
}

.qlz-margin-top-label-3 {
  margin-top: 3px;
}

.qlz-margin-top {
  margin-top: 20px;
}

.qlz-margin-top-50 {
  margin-top: 50px;
}

.qlz-margin-bottom-more {
  margin-bottom: 40px;
}

.qlz-margin-bottom-110 {
  margin-bottom: 110px;
}

.qlz-dash-border {
  border: 1px dashed black;
  padding: 10px;
}

.qlz-server-error {
  color: red;
  background-color: rgb(243, 207, 193);
}

.qlz-server-success {
  color: green;
  background-color: lightgreen;
}

.qlz-active {
  color: yellow;
}

.qlz-btn-breadcrumb .btn:not(:last-child):after {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 10px solid white;
  position: absolute;
  top: 50%;
  margin-left: -1px;
  margin-top: -13px;
  left: 100%;
  z-index: 3;
}

.qlz-btn-breadcrumb .btn:not(:last-child):before {
  content: " ";
  display: block;
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 11px solid transparent;
  border-left: 15px solid rgb(173, 173, 173);
  position: absolute;
  top: 50%;
  margin-top: -13px;
  margin-left: -1px;
  left: 100%;
  z-index: 3;
}

/** The Spacing **/
.qlz-btn-breadcrumb .btn {
  padding: 3px 12px 3px 24px;
}

.qlz-btn-breadcrumb .btn:first-child {
  padding: 3px 6px 3px 10px;
}

.qlz-btn-breadcrumb .btn:last-child {
  padding: 3px 18px 3px 24px;
}

/** Default button **/
.qlz-btn-breadcrumb .btn.btn-default:not(:last-child):after {
  border-left: 10px solid #fff;
}

.qlz-btn-breadcrumb .btn.btn-default:not(:last-child):before {
  border-left: 10px solid #ccc;
}

.qlz-btn-breadcrumb .btn.btn-default:hover:not(:last-child):after {
  border-left: 10px solid #ebebeb;
}

.qlz-btn-breadcrumb .btn.btn-default:hover:not(:last-child):before {
  border-left: 10px solid #adadad;
}

/** Primary button **/
.qlz-btn-breadcrumb .btn.btn-primary:not(:last-child):after {
  border-left: 10px solid #428bca;
}

.qlz-btn-breadcrumb .btn.btn-primary:not(:last-child):before {
  border-left: 10px solid #357ebd;
}

.qlz-btn-breadcrumb .btn.btn-primary:hover:not(:last-child):after {
  border-left: 10px solid #3276b1;
}

.qlz-btn-breadcrumb .btn.btn-primary:hover:not(:last-child):before {
  border-left: 10px solid #285e8e;
}

/** Success button **/
.qlz-btn-breadcrumb .btn.btn-success:not(:last-child):after {
  border-left: 10px solid #5cb85c;
}

.qlz-btn-breadcrumb .btn.btn-success:not(:last-child):before {
  border-left: 10px solid #4cae4c;
}

.qlz-btn-breadcrumb .btn.btn-success:hover:not(:last-child):after {
  border-left: 10px solid #47a447;
}

.qlz-btn-breadcrumb .btn.btn-success:hover:not(:last-child):before {
  border-left: 10px solid #398439;
}

/** Danger button **/
.qlz-btn-breadcrumb .btn.btn-danger:not(:last-child):after {
  border-left: 10px solid #d9534f;
}

.qlz-btn-breadcrumb .btn.btn-danger:not(:last-child):before {
  border-left: 10px solid #d43f3a;
}

.qlz-btn-breadcrumb .btn.btn-danger:hover:not(:last-child):after {
  border-left: 10px solid #d2322d;
}

.qlz-btn-breadcrumb .btn.btn-danger:hover:not(:last-child):before {
  border-left: 10px solid #ac2925;
}

/** Warning button **/
.qlz-btn-breadcrumb .btn.btn-warning:not(:last-child):after {
  border-left: 10px solid #f0ad4e;
}

.qlz-btn-breadcrumb .btn.btn-warning:not(:last-child):before {
  border-left: 10px solid #eea236;
}

.qlz-btn-breadcrumb .btn.btn-warning:hover:not(:last-child):after {
  border-left: 10px solid #ed9c28;
}

.qlz-btn-breadcrumb .btn.btn-warning:hover:not(:last-child):before {
  border-left: 10px solid #d58512;
}

/** Info button **/
.qlz-btn-breadcrumb .btn.btn-info:not(:last-child):after {
  border-left: 10px solid #5bc0de;
}

.qlz-btn-breadcrumb .btn.btn-info:not(:last-child):before {
  border-left: 10px solid #46b8da;
}

.qlz-btn-breadcrumb .btn.btn-info:hover:not(:last-child):after {
  border-left: 10px solid #39b3d7;
}

.qlz-btn-breadcrumb .btn.btn-info:hover:not(:last-child):before {
  border-left: 10px solid #269abc;
}

.qlz-text-wrap {
  word-wrap: break-word;
}

.modal-body p {
  word-wrap: break-word;
}

.qlz-inline {
  display: inline;
}

input.qlz-inline {
  width: 50px;
}

.glyphicon.glyphicon-star-empty {
  color: #ffd700;
  font-size: 25px;
}

.glyphicon.glyphicon-star {
  color: #ffd700;
  font-size: 25px;
}

.accordion-toggle:focus {
  outline: none;
}

span:focus {
  outline: none;
  border: 0;
}

.qlz-bold {
  font-weight: bold;
}

.qlz-form-control-no-border {
  border: 0;
  box-shadow: none; /* You may want to include this as bootstrap applies these styles too */
  background-color: rgba(0, 0, 0, 0);
}

.qlz-form-control {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 12px;
  padding-right: 12px;
}

.qlz-required-field:after {
  color: #d00;
  content: "*";
  position: absolute;
  margin-left: 3px;
  top: 10px;
}

tr.border_bottom td {
  border-bottom: 1pt solid grey;
}

.qlz-no-padding {
  padding: 0;
}

.qlz-dynamic-div {
  background-color: white;
  width: 80%;
  height: 70%;
  overflow: scroll;
}

.qlz-red-color {
  color: #d00;
}

.qlz-inline-addon-display {
  display: table;
}

.qlz-ul-no-stype {
  list-style: none;
}

qlz-tbody tr:hover {
  background: lightcyan !important;
}

/*
.table-striped tr.active td {
  background-color:lightcyan !important;
  color: white;
}
*/
textarea.qlz-form-control {
  height: 100%;
}

.qlz-vcenter {
  vertical-align: center;
  display: inline-block;
}

.qlz-vertical-middle {
  vertical-align: center;
}

.qlz-dropdown-divider-no-background-color {
  height: 1px;
  margin: 0.5rem 0;
  overflow: hidden;
}

.ng2-smart-titles {
  background: #cbefed;
}

.ng2-smart-filters input {
  height: 22px !important;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.qlz-thicker {
  font-size: 26px;
  font-weight: 900;
}

.qlz-remove-dl-spacing {
  margin-left: -6.3rem;
}

.qlz-remove-left-margin {
  margin-left: 0rem;
}

.qlz-remove-right-margin {
  margin-right: 0rem;
}

.qlz-nav-item-top-padding {
  padding-top: 10px;
}

.qlz-page-control-remove-right {
  right: 0px !important;
}

.qlz-icon-bar {
  width: 100%;
  background-color: #555;
  overflow: auto;
}

.qlz-inner-group {
  position: relative !important;
  display: table !important;
  border-collapse: separate !important;
}

.qlz-left {
  text-align: left;
}

.qlz-right {
  float: right;
}

.qlz-checkbox-gray {
  opacity: 0.6;
  filter: alpha(opacity=60);
  cursor: default;
}

.qlz-bottom-border-input {
  border: 0;
  outline: 0;
  background: transparent;
  border-bottom: 1px solid black;
}

@media screen and (max-width: 767px) {
  #onLargeScreen {
    display: none;
  }
  .dl-horizontal dt {
    white-space: normal;
  }
  .qlz-btn-padding {
    padding-left: 30px;
    padding-right: 30px;
  }
  .qlz-btn-home-menu-padding {
    padding-left: 10px;
    padding-right: 10px;
  }
  .qlz-font-size {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px) {
  #onMobile {
    display: none;
  }
  .dl-horizontal dt {
    width: 280px;
    white-space: normal;
    margin-bottom: 5px;
  }
  .dl-horizontal dd {
    margin-left: 300px;
  }
  .qlz-btn-padding {
    padding-left: 80px;
    padding-right: 80px;
  }
  .qlz-btn-padding-laptop-screen {
    padding-left: 50px;
    padding-right: 50px;
  }
  .qlz-btn-home-menu-padding {
    padding-left: 20px;
    padding-right: 20px;
  }
  .qlz-font-size {
    font-size: 12px;
  }
}
.qlz-google-map {
  height: 680px;
}

.qlz-google-map-small {
  height: 300px;
}

.qlz-background-light-blue {
  background-color: lightblue;
}

.qlz-background-light-gray {
  background-color: lightgray;
}

.qlz-background-button-color {
  background-color: green;
  color: white;
}

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

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

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

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

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

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

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

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

.qlz-google-map-short {
  height: 500px;
}

.qlz-label-key {
  font-weight: bold;
}

.qlz-panel-body-padding {
  padding: 2px;
}

.qlz-panel-vertical-scroll {
  overflow-y: scroll;
}

.qlz-button-icon-margin-top {
  margin-top: 2px;
}

.qlz-button-icon-margin-top_4 {
  margin-top: 4px;
}

.qlz-gmap-small-window {
  height: 200px;
}

.fa-trash-o {
  color: red;
}

.carousel-control {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 1% !important;
  font-size: 20px;
  color: #333;
  text-align: center;
  text-shadow: 0 1px 2px rgb(0, 0, 0);
  opacity: 0.5;
}

.carousel-control.right {
  right: 0;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

.carousel-control.left {
  left: 0;
  right: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0) 100%) !important;
}

.qlz-badge-bc-danger {
  background-color: #a72528 !important;
  font-size: 12px;
  padding: 5px 7px 5px 7px;
  border-radius: 50%;
  margin-top: -20px;
  margin-left: -10px;
}

.qlz-20-px-size {
  font-size: 20px;
}

.qlz-14-px-size {
  font-size: 14px;
}

.qlz-12-px-size {
  font-size: 12px;
}

.qlz-panel-header-bg-color {
  background-color: #eeeeee;
}

.qlz-dotted-vertical-line {
  border: 0.5px dashed black;
}

.qlz-dotted-vertical-line-right {
  border-right: 0.5px dashed black;
}

.qlz-dotted-horizontal-line-right {
  border-bottom: 0.5px dashed black;
}

.unselectable {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  user-select: none;
}

.qlz-margin-height-30 {
  height: 30px;
}

.qlz-margin-height-130 {
  height: 70px;
}

.qlz-input-group-addon {
  padding: 0.575rem 1.1rem;
}

.row:before, .row:after {
  display: none !important;
}

.qlz-margin-top--30 {
  margin-top: -25px;
}

.qlz-margin-top--35 {
  margin-top: -35px;
}

.qlz-margin-top--55 {
  margin-top: -55px;
}

.qlz-margin-top--90 {
  margin-top: -90px;
}

.qlz-icon-style {
  background-color: rgba(0, 0, 0, 0.6);
  padding: 8px;
  border-radius: 5px;
}

.qlz-bg-lightgray {
  background: #E0E1E2;
}

.qlz-bg-white {
  background: #FFFFFF;
}

.qlz-text-color-white {
  color: white;
}

.gl-label-color-lightgray {
  color: #575757;
}

.qlz-table-height-100 {
  height: 100px;
}

.qlz-margin-top--35 {
  margin-top: -35px;
}

.qlz-padding-top-15 {
  padding-top: 15px;
}

.qlz-padding-top-20 {
  padding-top: 20px;
}

.qlz-padding-top-30 {
  padding-top: 30px;
}

.qlz-margin-left-60 {
  margin-left: 60px;
}

.qlz-margin-left-30 {
  margin-left: 30px;
}

.qlz-margin-left-300 {
  margin-left: 300px;
}

.qlz-margin-left-310 {
  margin-left: 310px;
}

.qlz-margin-top-7 {
  margin-top: 7px;
}

.qlz-border-bottom {
  border-bottom: 1px solid rgba(125, 125, 125, 0.231372549);
}

.qlz-nav-width {
  width: 78.5vw;
}

.qlz-nav-width-93 {
  width: 93vw;
  z-index: 11;
}

.qlz-nav-width-75 {
  width: 75rem;
}

.qlz-margin-left-140 {
  margin-left: 140px;
}

.qlz-margin-left--180 {
  margin-left: -180px;
}

.qlz-margin-left--50 {
  margin-left: -50px;
}

.qlz-margin-top-50 {
  margin-top: 50px;
}

.qlz-margin-top--10 {
  margin-top: -10px;
}

.qlz-margin-top--5 {
  margin-top: -5px;
}

.qlz-margin-top--15 {
  margin-top: -15px;
}

.qlz-margin-top-20 {
  margin-top: 20px;
}

.qlz-margin-top--20 {
  margin-top: -20px;
}

.qlz-margin-top--25 {
  margin-top: -25px;
}

.qlz-margin-bottom--10 {
  margin-bottom: -10px;
}

.btn-group {
  height: 10px;
}

.qlz-margin-left-5 {
  margin-left: 5px;
}

.qlz-margin-left-90 {
  margin-left: 90px;
}

.qlz-margin-left-40 {
  margin-left: 40px;
}

.qlz-margin-left-45 {
  margin-left: 45px;
}

.qlz-margin-top-30 {
  margin-top: 30px;
}

.qlz-margin-left-37 {
  margin-left: 37px;
}

.qlz-margin-left--25 {
  margin-left: -25px;
}

.qlz-margin-top-8 {
  margin-top: 8px;
}

.qlz-margin-bottom-8 {
  margin-bottom: 8px;
}

.qlz-margin-left-180 {
  margin-left: 180px;
}

.qlz-margin-top--50 {
  margin-top: -50px;
}

.qlz-margin-top--52 {
  margin-top: -52px;
}

.qlz-padding-left-10 {
  padding-left: 10px;
}

.qlz-margin-left--5 {
  margin-left: -5px;
}

.qlz-margin-top--27 {
  margin-top: -27px;
}

.qlz-padding-left-65 {
  padding-left: 65px;
}

.qlz-margin-left--40 {
  margin-left: -40px;
}

.qlz-margin-left--220 {
  margin-left: -220px;
}

.qlz-padding-right-80 {
  padding-right: 70px;
}

.qlz-border-bottom-lightgray {
  border-bottom: 0.5px solid lightgray;
}

.qlz-border {
  border: 1px solid lightgray;
}

.qlz-border-gray {
  border: 1px solid gray;
}

.qlz-margin-left-80 {
  margin-left: 80px;
}

.qlz-margin-left-100 {
  margin-left: 100px;
}

.qlz-margin-left-120 {
  margin-left: 120px;
}

.qlz-max-height {
  height: 120rem;
  background: white;
}

.qlz-margin-top-40 {
  margin-top: 40px;
}

.qlz-line-height {
  line-height: 30px;
}

.qlz-line-height-40 {
  line-height: 35px;
}

.qlz-margin-left-55 {
  margin-left: 55px;
}

.qlz-font-weight-400 {
  font-weight: 400;
}

.qlz-margin-left-33 {
  margin-left: 33px;
}

.qlz-margin-left-20 {
  margin-left: 20px;
}

.qlz-margin-bottom--75 {
  margin-bottom: -75px;
}

qlz-col-width-70 {
  width: 50rem;
}

.qlz-margin-top--5 {
  margin-top: -5px;
}

.qlz-margin-left--15 {
  margin-left: -15px;
}

.qlz-sidebar-logo-width {
  width: 180px;
}

.qlz-smart-table-style th {
  background: #eaeaea;
  text-align: center;
}

.qlz-smart-table-style th a {
  color: #292929;
  font-weight: bold;
  text-transform: uppercase;
}

.qlz-smart-table-style tbody tr:nth-child(even) {
  text-align: center;
  font-size: 16px;
  background: #F0F3F5;
}

.qlz-smart-table-style tbody tr:nth-child(odd) {
  text-align: center;
  font-size: 16px;
  background: #ffffff;
}

.qlz-smart-table-style .page-link {
  height: 40px;
  width: 40px;
  text-align: center;
  line-height: 27px;
  color: black;
  font-weight: bold;
}

.qlz-smart-table-style .page-item.disabled {
  color: grey;
  font-weight: bold;
}

.qlz-smart-table-style .page-link .page-link-prev {
  color: royalblue;
  font-weight: bold;
}

.qlz-smart-table-style .page-link .page-link-prev.disabled {
  color: grey;
  font-weight: bold;
}

.qlz-smart-table-style .page-link .page-link-next {
  color: royalblue;
  font-weight: bold;
}

.qlz-smart-table-style .page-link .page-link-next.disabled {
  color: grey;
  font-weight: bold;
}

.qlz-lds-spinner {
  color: var(--theme-primary-500);
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.qlz-lds-spinner div {
  transform-origin: 32px 60px;
  animation: lds-spinner 1.2s linear infinite;
}

.qlz-lds-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 7px;
  height: 22px;
  border-radius: 20%;
  background: #fff;
}

.qlz-lds-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.qlz-lds-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.qlz-lds-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.qlz-lds-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.qlz-lds-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.qlz-lds-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.qlz-lds-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.qlz-lds-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.qlz-lds-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.qlz-lds-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.qlz-lds-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.qlz-lds-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

@keyframes lds-spinner {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.qlz-fa-bars {
  position: relative;
  color: #FFFFFF;
  font-size: 18px;
  margin-top: 8px;
}

.qlz-fa-bars-unexpand {
  position: relative;
  top: -8px;
  padding: 24px 28px 24px 29px;
  border-right: 1px solid #676767;
  background: #2b3341;
}

.qlz-fa-left-arrow {
  position: relative;
  top: 1px;
  font-size: 22px;
  margin-right: 3px;
}

.qlz-fa-right-arrow {
  position: relative;
  font-size: 22px;
  margin-left: 22px;
}

.qlz-picon-align {
  padding: 15px 65px 17px 26px;
  border-right: 1px solid #676767;
  background: #2b3341;
}

.qlz-petromo-logo-expand {
  width: 130px;
}

.qlz-petromo-logo-unexpand {
  width: 44px;
  margin: 5px 0px 0px 14px;
}

.qlz-main-menu .qlz-icon-expanded {
  width: 18px;
  height: 18px;
  margin-top: 15px;
  margin-left: 30px;
}

.qlz-main-menu-responsive .qlz-icon-expanded {
  width: 18px;
  height: 18px;
  margin-left: 20px;
  margin-right: 11px;
  margin-top: 20px;
}

.qlz-icon-unexpanded {
  width: 65px;
  padding-left: 25px;
  padding-bottom: 16px;
  padding-top: 16px;
  padding-right: 20px;
}

.qlz-item-padding-1 {
  padding-left: 8px;
  padding-top: 24px;
  padding-bottom: 24px;
  margin-bottom: 5px;
}

.qlz-margin-bottom-30 {
  margin-bottom: 15px;
}

.qlz-item-padding-2 {
  padding-left: 35px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.qlz-main-menu.expanded {
  width: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.qlz-main-menu.expanded::-webkit-scrollbar {
  width: 3px;
}
.qlz-main-menu.expanded::-webkit-scrollbar-track {
  background: #999999;
}
.qlz-main-menu.expanded::-webkit-scrollbar-thumb {
  background: #555555;
  border-radius: 0.2rem;
}
.qlz-main-menu.expanded::-webkit-scrollbar-thumb:hover {
  background: #343434;
}

.qlz-main-menu {
  background: var(--side-menu-background);
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 72px;
  transition: width 0.1s linear;
  -webkit-transform: translateZ(0) scale(1, 1);
  z-index: 3;
}

.qlz-main-menu-responsive {
  background: var(--side-menu-background);
  position: fixed;
  display: block;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 230px;
  overflow: hidden;
  transition: width 0.1s linear;
  -webkit-transform: translateZ(0) scale(1, 1);
  z-index: 6;
  overflow-y: scroll;
}

.qlz-main-menu > ul {
  margin: 7px 0;
}

.qlz-main-menu-responsive > ul {
  margin: 7px 0;
}

.qlz-main-menu-responsive li {
  position: relative;
  display: block;
  width: 230px;
}

.qlz-main-menu li > a {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  border-collapse: collapse;
  border-spacing: 0;
  color: #b7c0cd;
  font-family: "Open Sans Light", sans-serif;
  font-size: 14px;
  text-decoration: none;
  -webkit-transform: translateZ(0) scale(1, 1);
  transition: all 0.1s linear;
}

.qlz-main-menu-responsive li > a {
  position: relative;
  display: grid;
  grid-template-columns: auto auto;
  border-collapse: collapse;
  border-spacing: 0;
  color: #b7c0cd;
  font-family: "Open Sans Light", sans-serif;
  font-size: 14px;
  text-decoration: none;
  -webkit-transform: translateZ(0) scale(1, 1);
  transition: all 0.1s linear;
}

.qlz-main-menu .qlz-nav-item {
  position: relative;
  margin-left: -15px;
  margin-top: 10px;
  margin-bottom: 11px;
  width: 195px;
  color: #FFFFFF;
  font-weight: 400;
  z-index: 3;
}

.qlz-main-menu-responsive .qlz-nav-item {
  position: relative;
  margin-left: -12px;
  margin-top: 18px;
  margin-bottom: 18px;
  width: 180px;
  color: #FFFFFF;
  font-weight: 400;
  z-index: 3;
}

a:hover, a:focus {
  text-decoration: none;
}

.qlz-margin-left-220 {
  margin-left: 230px;
}

.qlz-nav ul, li {
  outline: 0;
  margin: 0;
  padding: 0;
}

.qlz-item {
  margin-bottom: 1px;
}

.qlz-nav-item:hover {
  color: white;
}

.qlz-item:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.qlz-sub-item {
  padding-top: 10px;
  padding-bottom: 10px;
  color: #edf4f7;
}

.qlz-sub-item:hover {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.2);
}

.qlz-sidebar-label-color {
  color: #e9e46d;
}

.qlz-padding-left-7 {
  padding-left: 7px;
}

.qlz-padding-left-5 {
  padding-left: 5px;
}

.qlz-bars-align {
  position: absolute;
  top: 10px;
  left: 230px;
  color: #7e8898;
}

.qlz-bars-position {
  position: absolute;
  top: 18px;
  right: 18px;
}

.qlz-padding-right-12 {
  padding-right: 12px;
}

.qlz-margin-right-40 {
  margin-right: 40px;
}

.qlz-margin-right-45 {
  margin-right: 45px;
}

.qlz-margin-right-50 {
  margin-right: 50px;
}

.qlz-width-11-5 {
  width: 97vw;
}

.qlz-margin-left-100 {
  margin-left: 100px;
}

.qlz-rotate {
  transition: all 0.2s linear;
}

.qlz-down {
  transform: rotate(90deg);
}

.qlz-down-arrow-styling {
  font-size: 15px;
  margin-left: -10px;
  color: #edf4f7;
}

.qlz-dropdown-bg-color {
  background: #2a3341;
}

.qlz-font-size-20 {
  font-size: 20px;
}

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

.qlz-display-none {
  display: none;
}

.qlz-padding-top-7 {
  padding-top: 7px;
}

.qlz-border-left {
  border-left: 0.5px solid lightgray;
}

.qlz-flex-bar {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
  width: 80vw;
  height: auto;
}

.qlz-flex-dual {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
  width: 51.5vw;
  height: auto;
}

.qlz-flex-dualaxis {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  align-items: stretch;
  overflow: hidden;
  width: 52.5vw;
  height: auto;
}

.qlz-border-right {
  border-right: 0.5px solid lightgray;
}

.qlz-margin-left-25 {
  margin-left: 25px;
}

.qlz-margin-right-25 {
  margin-right: 25px;
}

.qlz-navbar-height {
  height: 5.5vh;
}

.qlz-line-height-45 {
  line-height: 45px;
}

.qlz-line-height-25 {
  line-height: 25px;
}

.qlz-padding-right-100 {
  padding-right: 100px;
}

.qlz-input-box-width {
  width: 300px;
  height: 25px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  outline: none;
}

.qlz-font-color-black {
  color: black;
}

.qlz-login-bg-design {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.qlz-login-bg-design-width {
  width: 550px;
  height: 100vh;
}

.qlz-login-logo {
  position: fixed;
  top: 7%;
  left: 14%;
  z-index: 2;
}
.qlz-login-logo-width {
  width: 130px;
}

.qlz-login-art {
  position: fixed;
  z-index: 3;
  left: 5%;
  top: 50%;
}
.qlz-login-art-width {
  width: 400px;
}

.qlz-welcome {
  position: fixed;
  z-index: 3;
  left: 11%;
  top: 30%;
  text-align: center;
  color: var(--theme-primary-500) !important;
  font-size: 35px;
  font-weight: normal;
  font-family: "Open Sans Light", sans-serif;
}

.qlz-description {
  position: absolute;
  z-index: 3;
  left: 8%;
  top: 40%;
  width: 310px;
  text-wrap: inherit;
  text-align: center;
  color: #929393;
}

.qlz-font-color-gray {
  color: #7d7d7d;
  font-weight: 400;
}

.qlz-color-green {
  color: var(--theme-primary-500) !important;
}

.qlz-color-blue {
  color: #2a9ed8;
}

.qlz-bg-color-green {
  background: var(--theme-primary-500) !important;
}

.qlz-bg-color-blue {
  background: #2a9ed8;
}

.qlz-login-token-input {
  width: 300px;
  margin-left: 50px;
  border: 1px solid #dfe7ea;
  border-radius: 5px;
}

.qlz-login-un-input {
  width: 300px;
  margin-left: 40px;
  border: 1px solid #dfe7ea;
  border-radius: 5px;
}

.qlz-login-token-input input[type=password],
.qlz-login-un-input input[type=text] {
  background-color: #fcfcfd;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.qlz-login-token-input input[type=password]:focus,
.qlz-login-token-input input[type=password]:hover,
.qlz-login-un-input input[type=text]:focus,
.qlz-login-un-input input[type=text]:hover {
  background-color: #f9f9f9;
}

.qlz-button {
  width: 300px;
  padding: 0;
  margin: 10px 20px 10px 115px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s;
  border: none;
}

.qlz-fp-link {
  margin-left: 130px;
}

.qlz-su-link {
  margin-left: 140px;
}

.qlz-footer-position {
  position: absolute;
  bottom: 7%;
  left: 40%;
}

@media screen and (max-width: 768px) {
  .qlz-login-token-input {
    margin-left: 10px;
  }
  .qlz-login-un-input {
    margin-left: 10px;
  }
  .qlz-fp-link {
    margin-left: 80px;
  }
  .qlz-su-link {
    margin-left: -50px;
  }
  .qlz-button {
    margin-left: 10px;
  }
  .qlz-footer-position {
    top: 100%;
    left: 30%;
  }
  .qlz-bg-container {
    background-image: url('petromoLoginBackground.14c49cdbd8663cb6.png');
    height: 900px;
    z-index: 1;
  }
  .qlz-login-container {
    position: absolute;
    top: 15%;
    z-index: 2;
  }
  .qlz-input-label {
    font-weight: bold;
    margin-left: 17px;
  }
}
.qlz-active-item {
  border-left: 2px solid var(--theme-primary-500) !important;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

.qlz-collapse {
  display: none;
  transition: top 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.qlz-in {
  display: block;
  overflow-y: visible;
  transition: top 500ms cubic-bezier(0.17, 0.04, 0.03, 0.94);
}

.qlz-radios .qlz-radio input[type=radio] {
  position: absolute;
  visibility: hidden;
}

.qlz-radios .qlz-radio label {
  display: block;
  position: relative;
  font-weight: 400;
  font-size: 12px;
  padding: 10px 10px 0px 30px;
  margin: 10px auto;
  /*   z-index: 9; */
  cursor: pointer;
  -webkit-transition: all 0.25s linear;
}

.qlz-radios .qlz-radio :hover label {
  color: lightgreen;
}

.qlz-radios .qlz-radio .check {
  display: block;
  position: absolute;
  border: 2px solid #AAAAAA;
  border-radius: 100%;
  height: 20px;
  width: 20px;
  top: 30px;
  left: 20px;
  /* 	z-index: 5; */
  transition: border 0.25s linear;
  -webkit-transition: border 0.25s linear;
}

.qlz-radios .qlz-radio:hover .check {
  border: 2px solid var(--theme-primary-500) !important;
}

.qlz-radios .qlz-radio .check::before {
  display: block;
  position: absolute;
  content: "";
  border-radius: 100%;
  height: 11px;
  width: 11px;
  top: 2.5px;
  left: 2.3px;
  /*   margin: auto; */
  transition: background 0.25s linear;
  -webkit-transition: background 0.25s linear;
}

.qlz-radios .qlz-radio input[type=radio]:checked ~ .check {
  border: 2px solid var(--theme-primary-500) !important;
}

.qlz-radios .qlz-radio input[type=radio]:checked ~ .check::before {
  background: var(--theme-primary-500) !important;
}

.qlz-radios .qlz-radio input[type=radio]:checked ~ label {
  color: var(--theme-primary-500) !important;
}

.qlz-border-none {
  border: none;
}

.qlz-margin-left-140 {
  margin-left: 140px;
}

.qlz-margin-left-155 {
  margin-left: 155px;
}

.qlz-margin-left-220 {
  margin-left: 220px;
}

.qlz-margin-left-260 {
  margin-left: 260px;
}

.qlz-signup-input {
  width: 350px;
  padding-top: 20px;
  padding-bottom: 20px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  font-family: "Open Sans", sans-serif !important;
  outline: none;
}

.qlz-margin-top-5 {
  margin-top: 5px;
}

.qlz-next-button {
  width: 110px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s;
  background: var(--theme-primary-500) !important;
  margin-left: 15px;
  outline: 0;
  border: none;
}

.qlz-next-button:disabled {
  opacity: 0.5;
}

.qlz-btn-outline {
  width: 110px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  line-height: 28px;
  color: var(--theme-primary-500) !important;
  border-radius: 5px;
  transition: all 0.2s;
  background: white;
  outline: 0;
  border: 1px solid var(--theme-primary-500) !important;
}

qlz-btn-outline:hover {
  background: var(--theme-primary-500) !important;
  color: white;
}

.qlz-btn-outline:disabled {
  opacity: 0.5;
}

.qlz-go-button {
  color: #FFF;
  background: var(--theme-primary-500) !important;
  margin-left: -2px;
  width: 40px;
  font-weight: 500;
  height: 30px;
  line-height: 10px;
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  outline: 0;
  border: none;
}

.qlz-prev-button {
  width: 110px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: var(--theme-primary-500) !important;
  border-radius: 5px;
  transition: all 0.2s;
  margin-left: 15px;
  outline: 0;
  border: 1px solid var(--theme-primary-500) !important;
}

.qlz-cancel-button {
  width: 110px;
  padding: 0;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: #000;
  border-radius: 5px;
  transition: all 0.2s;
  background: #ececec;
  outline: 0;
  border: none;
}

.qlz-cancel-button:disabled {
  opacity: 0.5;
}

.qlz-margin-left-320 {
  margin-left: 320px;
}

.qlz-margin-left-150 {
  margin-left: -150px;
}

.qlz-margin-left-580 {
  margin-left: 580px;
}

.qlz-margin-left-400 {
  margin-left: 400px;
}

@media screen and (max-width: 768px) {
  .qlz-margin-left-320 {
    margin-left: 10px;
  }
  .qlz-margin-left-260 {
    margin-left: 20px;
  }
  .gl-label-color-lightgray {
    margin-bottom: 10px;
  }
  .qlz-margin-left-580 {
    margin-left: 10px;
  }
  .qlz-margin-left-400 {
    margin-left: 10px;
  }
  .qlz-signup-container {
    position: absolute;
    top: 150px;
    z-index: 2;
  }
}
.qlz-login-bg-design {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.qlz-login-bg-design-width {
  width: 550px;
  height: 100vh;
}

.qlz-login-logo {
  position: fixed;
  top: 7%;
  left: 14%;
  z-index: 2;
}
.qlz-login-logo-width {
  width: 130px;
}

.qlz-login-art {
  position: fixed;
  z-index: 3;
  left: 5%;
  top: 50%;
}
.qlz-login-art-width {
  width: 400px;
}

.qlz-welcome {
  position: fixed;
  z-index: 3;
  left: 13.5%;
  top: 30%;
  text-align: center;
  color: var(--theme-primary-500) !important;
  font-size: 35px;
  font-weight: normal;
  font-family: "Open Sans Light", sans-serif;
}

.qlz-description {
  position: fixed;
  z-index: 3;
  left: 8%;
  top: 40%;
  width: 310px;
  text-wrap: inherit;
  text-align: center;
  color: #929393;
}

.qlz-login-label-color {
  color: var(--theme-primary-500) !important;
}

.qlz-button-color {
  background: var(--theme-primary-500) !important;
}

.qlz-border-gray {
  border: 1px solid gray;
}

.qlz-input-label {
  margin-left: 10px;
  margin-top: -20px;
}

.qlz-login-token-input {
  width: 300px;
  margin-left: 35px;
  border: 2px solid #dfe7ea;
  border-radius: 5px;
}

.qlz-login-un-input {
  width: 300px;
  margin-left: 25px;
  border: 2px solid #dfe7ea;
  border-radius: 5px;
}

.qlz-login-token-input input[type=password],
.qlz-login-un-input input[type=text] {
  background-color: #fcfcfd;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.qlz-login-token-input input[type=password]:focus,
.qlz-login-token-input input[type=password]:hover,
.qlz-login-un-input input[type=text]:focus,
.qlz-login-un-input input[type=text]:hover {
  background-color: #f9f9f9;
}

.qlz-button {
  width: 300px;
  padding: 0;
  margin: 10px 20px 10px 115px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  color: #FFF;
  border-radius: 5px;
  transition: all 0.2s;
}

.qlz-fp-link {
  margin-left: 130px;
}

.qlz-su-link {
  margin-left: 100px;
}

.qlz-footer-position {
  position: absolute;
  bottom: 7%;
  left: 40%;
}

@media screen and (min-width: 1024px) and (max-width: 1220px) {
  .qlz-login-bg-design-width {
    width: 500px;
    height: 100vh;
    object-fit: cover;
  }
  .qlz-welcome {
    margin-left: 70px;
  }
  .qlz-description {
    margin-left: 30px;
  }
  .qlz-login-logo {
    left: 200px;
  }
  .qlz-login-logo-width {
    width: 130px;
  }
  .qlz-login-art {
    top: 60%;
  }
  .qlz-login-art-width {
    width: 400px;
  }
  .qlz-login-token-input {
    margin-left: 45px;
  }
  .qlz-login-un-input {
    margin-left: 45px;
  }
  .qlz-fp-link {
    margin-left: 80px;
  }
  .qlz-su-link {
    margin-left: 80px;
  }
  .qlz-button {
    margin-left: 50px;
  }
  .qlz-input-label {
    font-weight: normal;
    margin-left: 45px;
  }
  .qlz-fuel-tank {
    grid-template-columns: repeat(3, auto);
  }
}
@media screen and (min-width: 1024px) {
  .qlz-search-label {
    margin-left: 200px;
  }
  .qlz-searchbox {
    width: 280px;
  }
  .qlz-fuel-tank {
    grid-template-columns: repeat(8, auto);
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .qlz-login-token-input {
    margin-left: 45px;
  }
  .qlz-login-un-input {
    margin-left: 45px;
  }
  .qlz-fp-link {
    margin-left: 130px;
  }
  .qlz-su-link {
    margin-left: 10px;
  }
  .qlz-button {
    margin-left: 50px;
  }
  .qlz-footer-position {
    top: 100%;
    left: 30%;
  }
  .qlz-login-container {
    position: absolute;
    top: 15%;
    z-index: 2;
  }
  .qlz-input-label {
    font-weight: bold;
    margin-left: 45px;
  }
  .modal-backdrop {
    z-index: -1;
  }
  .qlz-fuel-tank {
    grid-template-columns: repeat(2, auto);
  }
  .qlz-menubar-align {
    z-index: 5;
    background: transparent;
    position: fixed;
    margin-top: 13px;
  }
}
@media screen and (min-width: 376px) and (max-width: 767px) {
  .qlz-login-token-input {
    margin-left: 45px;
  }
  .qlz-login-un-input {
    margin-left: 45px;
  }
  .qlz-fp-link {
    margin-left: 130px;
  }
  .qlz-su-link {
    margin-left: -100px;
  }
  .qlz-button {
    margin-left: 50px;
  }
  .qlz-footer-position {
    top: 100%;
    left: 30%;
  }
  .qlz-login-container {
    position: absolute;
    top: 15%;
    z-index: 2;
  }
  .qlz-input-label {
    font-weight: bold;
    margin-left: 45px;
  }
  .qlz-searchbox {
    width: 235px;
  }
  .qlz-search-label {
    margin-left: 40px;
  }
  .qlz-menubar-align {
    z-index: 5;
    background: transparent;
    position: fixed;
    margin-top: 18px;
  }
  .modal-backdrop {
    z-index: -1;
  }
  .qlz-fuel-tank {
    grid-template-columns: repeat(1, auto);
    margin-top: 10px;
  }
}
@media screen and (min-width: 260px) and (max-width: 320px) {
  .qlz-login-token-input {
    margin-left: 2px;
  }
  .qlz-login-un-input {
    margin-left: 2px;
  }
  .qlz-fp-link {
    margin-left: 70px;
  }
  .qlz-su-link {
    margin-left: -70px;
  }
  .qlz-button {
    margin-left: 5px;
  }
  .qlz-footer-position {
    top: 100%;
    left: 30%;
  }
  .qlz-login-container {
    position: absolute;
    top: 15%;
    z-index: 2;
  }
  .qlz-input-label {
    font-weight: bold;
    margin-left: 10px;
  }
  .modal-backdrop {
    z-index: -1;
  }
  .qlz-fuel-tank {
    grid-template-columns: repeat(1, auto);
    margin-top: 10px;
  }
  .qlz-menubar-align {
    z-index: 5;
    background: transparent;
    position: fixed;
    margin-top: 18px;
  }
}
@media screen and (min-width: 321px) and (max-width: 375px) {
  .qlz-login-token-input {
    margin-left: 20px;
  }
  .qlz-login-un-input {
    margin-left: 20px;
  }
  .qlz-fp-link {
    margin-left: 100px;
  }
  .qlz-su-link {
    margin-left: -70px;
  }
  .qlz-button {
    margin-left: 20px;
  }
  .qlz-footer-position {
    top: 100%;
    left: 30%;
  }
  .qlz-login-container {
    position: absolute;
    top: 15%;
    z-index: 2;
  }
  .qlz-input-label {
    font-weight: bold;
    margin-left: 17px;
  }
  .qlz-searchbox {
    width: 235px;
  }
  .qlz-navbar-position {
    height: 165px;
  }
  .qlz-navbar-position-right {
    top: 110px;
    margin-right: 10px;
    left: 65px;
  }
  .qlz-search-label {
    margin-left: 25px;
  }
  .qlz-icon-expanded {
    margin-top: -5px;
    margin-left: 25px;
    margin-right: 15px;
  }
  .qlz-menubar-align {
    z-index: 5;
    background: transparent;
    position: fixed;
    margin-top: 18px;
  }
  .modal-backdrop {
    z-index: -1;
  }
  .qlz-margin-left-gip--14 {
    margin-left: -14px;
  }
  .qlz-padding-left-80 {
    padding-left: 45px;
  }
  .qlz-padding-left-100 {
    padding-left: 70px;
  }
  .qlz-vertical-divider {
    left: 110px;
  }
  .qlz-fuel-tank {
    grid-template-columns: repeat(1, auto);
    margin-top: 10px;
  }
}
.qlz-collapse {
  display: none;
}

.qlz-in {
  display: block;
  overflow-y: visible;
}

.qlz-active-menu {
  border-left: 2px solid #feac1d;
  background: rgba(0, 0, 0, 0.5);
}

.qlz-border-none {
  border: none;
}

.qlz-margin-left-140 {
  margin-left: 140px;
}

.qlz-margin-left-155 {
  margin-left: 155px;
}

.qlz-margin-left-220 {
  margin-left: 220px;
}

.qlz-margin-left-260 {
  margin-left: 260px;
}

.qlz-margin-top-5 {
  margin-top: 5px;
}

.qlz-margin-left-320 {
  margin-left: 320px;
}

.qlz-margin-left-310 {
  margin-left: 310px;
}

.qlz-margin-left-150 {
  margin-left: -150px;
}

.qlz-margin-left-580 {
  margin-left: 580px;
}

.qlz-margin-left-400 {
  margin-left: 400px;
}

@media screen and (max-width: 768px) {
  .qlz-margin-left-320 {
    margin-left: 10px;
  }
  .qlz-margin-left-260 {
    margin-left: 20px;
  }
  .gl-label-color-lightgray {
    margin-bottom: 10px;
  }
  .qlz-margin-left-580 {
    margin-left: 10px;
  }
  .qlz-margin-left-400 {
    margin-left: 10px;
  }
  .qlz-signup-container {
    position: absolute;
    top: 150px;
    z-index: 2;
  }
}
.qlz-octane-87-text-color {
  color: #1573cd;
}

.qlz-octane-91-text-color {
  color: #e93048;
}

.qlz-diesel-text-color {
  color: #24ac7b;
}

.qlz-octane-87-bg-color {
  background: #6E97DE;
  color: white;
  outline: none;
}

.qlz-octane-91-bg-color {
  background: #FF8282;
  color: white;
  outline: none;
}

.qlz-diesel-bg-color {
  background: #55E095;
  color: white;
  outline: none;
}

.qlz-octane-87-bg-color:hover {
  background: #6E97DE;
  color: white;
  outline: none;
}

.qlz-octane-91-bg-color:hover {
  background: #FF8282;
  color: white;
  outline: none;
}

.qlz-diesel-bg-color:hover {
  background: #55E095;
  color: white;
  outline: none;
}

.qlz-octane-87-bg-color:active {
  background: #6E97DE;
  color: white;
  outline: none;
}

.qlz-octane-91-bg-color:active {
  background: #FF8282;
  color: white;
  outline: none;
}

.qlz-diesel-bg-color:active {
  background: #55E095;
  color: white;
  outline: none;
}

.qlz-margin-right-30 {
  margin-right: 30px;
}

.btn {
  outline: none;
}

.qlz-dropdown-menu {
  position: absolute;
  display: block;
  z-index: 10;
}

.qlz-dropdown-content {
  display: none;
  position: absolute;
  left: 72px;
  max-width: 200px;
  background-color: #263544;
  z-index: 10;
}

.qlz-dropdown-content label {
  color: white;
  padding: 3px 3px;
  text-decoration: none;
  display: block;
  z-index: 10;
}

.qlz-dropdown-icon:hover {
  border-left: 2px solid lightcoral;
  background: rgba(0, 0, 0, 0.5);
}

.qlz-hover-menu-item {
  padding-top: 4px;
  padding-bottom: 4px;
}

.qlz-acc-menu {
  background: rgba(0, 0, 0, 0.5);
  border-left: 2px solid lightgreen;
  width: 100px;
}

.qlz-hover-menu-item {
  list-style-type: none;
  width: 200px;
}

.qlz-hover-menu-item:hover {
  border-left: 2px solid lightcoral;
  background: rgba(0, 0, 0, 0.5);
  width: 200px;
}

.qlz-border-top {
  border-top: 0.5px solid whitesmoke;
}

.qlz-sub-items {
  padding-top: 12px;
  padding-bottom: 12px;
  color: #edf4f7;
}

.qlz-dropdown-menu:hover .qlz-dropdown-content {
  display: block;
  z-index: 10;
  background: var(--side-menu-background);
}

.qlz-font-size-15 {
  font-size: 15px;
}

.qlz-submenu-div {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.qlz-submenu-div::-webkit-scrollbar {
  width: 3px;
}
.qlz-submenu-div::-webkit-scrollbar-track {
  background: #999999;
}
.qlz-submenu-div::-webkit-scrollbar-thumb {
  background: #555555;
  border-radius: 0.2rem;
}
.qlz-submenu-div::-webkit-scrollbar-thumb:hover {
  background: #343434;
}

.qlz-button-medium {
  width: 100px;
  padding: 0;
  margin: 10px 20px 10px 15px;
  font-weight: 500;
  text-align: center;
  line-height: 40px;
  border-radius: 5px;
  transition: all 0.2s;
}

.qlz-border-red {
  border: 1px solid #ff4a46 !important;
}

.qlz-margin-left--10 {
  margin-left: -10px;
}

.qlz-margin-left-180 {
  margin-left: 180px;
}

.qlz-margin-left--3 {
  margin-left: -3px;
}

.qlz-padding-left--3 {
  padding-left: -10px;
}

.qlz-icon-align {
  margin-left: -5px;
  padding-right: 22px;
}

.qlz-navbar-position {
  position: fixed;
  z-index: 4;
  background: white;
  box-shadow: 0px 0px 5px 1px #ccc;
  padding-top: 12px;
  color: #575757;
  margin-top: 0px;
}

.qlz-navbar-position-right {
  position: fixed;
  right: 0;
  z-index: 4;
  background: white;
  padding-bottom: 5px;
  padding-top: 12px;
}

.qlz-margin-left-265 {
  margin-left: 265px;
}

.qlz-width-92 {
  width: 92vw;
}

.qlz-padding-left-50 {
  padding-left: 50px;
}

.qlz-padding-left-80 {
  padding-left: 80px;
}

.qlz-box-shadow-lightgray {
  box-shadow: 3px 3px 3px 1px #ccc;
}

.qlz-shadow-bottom-lightgray {
  box-shadow: 0 9px 7px -11px black;
}

.qlz-box-shadow-black {
  box-shadow: 0px 1px 5px -2px rgba(66, 59, 66, 0.94);
}

.qlz-active-command {
  background: #697c9c;
  color: white;
}

.qlz-check-circle-color {
  color: white;
  background: var(--theme-primary-500) !important;
  padding: 3px;
  font-size: 16px;
  border-radius: 50%;
  margin-top: 5px;
}

.qlz-check-circle-color-big {
  color: white;
  background: var(--theme-primary-500) !important;
  padding: 5px;
  font-size: 18px;
  border-radius: 50%;
  margin-top: 5px;
}

.qlz-command-response {
  position: relative;
  top: -5px;
  left: 10%;
}

.qlz-box-background {
  background: #eaeaea;
}

.qlz-success-msg {
  color: #59606f;
  font-weight: bold;
  font-size: 22px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.qlz-padding-20 {
  padding: 20px;
}

.qlz-cmd-spinner {
  color: official;
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}

.qlz-cmd-spinner div {
  transform-origin: 32px 60px;
  animation: lds-spinner 1.2s linear infinite;
}

.qlz-cmd-spinner div:after {
  content: " ";
  display: block;
  position: absolute;
  top: 3px;
  left: 29px;
  width: 7px;
  height: 22px;
  border-radius: 20%;
  background: var(--theme-primary-500) !important;
}

.qlz-cmd-spinner div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -1.1s;
}

.qlz-cmd-spinner div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -1s;
}

.qlz-cmd-spinner div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.9s;
}

.qlz-cmd-spinner div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.8s;
}

.qlz-cmd-spinner div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.7s;
}

.qlz-cmd-spinner div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.6s;
}

.qlz-cmd-spinner div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.5s;
}

.qlz-cmd-spinner div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.4s;
}

.qlz-cmd-spinner div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.3s;
}

.qlz-cmd-spinner div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.2s;
}

.qlz-cmd-spinner div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.1s;
}

.qlz-cmd-spinner div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
}

.qlz-times-icon-color {
  color: white;
  background: #dd5826;
  padding: 2px 4px 3px 4px;
  font-size: 16px;
  border-radius: 50%;
  margin-top: 5px;
}

.qlz-error-msg {
  color: #dd5826;
  font-weight: normal;
  font-size: 14px;
  margin-left: 8px;
  margin-bottom: 10px;
}

.qlz-cmdexe-btn-color {
  color: white;
  background: var(--theme-primary-500) !important;
}

.panel {
  background: #f6f8fa;
}

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

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

.qlz-padding-bottom-3 {
  padding-bottom: 3px;
}

.qlz-selected-bottom > .qlz-selected-item > a {
  border-bottom: 3px solid var(--theme-primary-500) !important;
  color: var(--theme-primary-500) !important;
}

.qlz-card-shadow {
  box-shadow: 0px 0px 5px 1px #ccc;
}

.qlz-border-radius-5 {
  border-radius: 5px;
}

.qlz-margin-left-10 {
  margin-left: 10px;
}

.qlz-dual-chart-width {
  width: 97%;
}

.qlz-searchbox {
  outline: 0;
  height: 35px;
  line-height: 42px;
  padding: 0 14px;
  background-color: white;
  color: #212121;
  border: 0;
  float: left;
  border-radius: 0px 4px 4px 0px;
  margin-top: 3px;
}

.qlz-search-label {
  outline: 0;
  background-color: lightgray;
  float: left;
  height: 35px;
  width: 35px;
  text-align: center;
  line-height: 35px;
  border: 0;
  color: gray;
  font-size: 18px;
  text-rendering: auto;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  transition: background-color 0.4s ease;
  border-radius: 4px 0px 0px 4px;
  margin-top: 3px;
}

.qlz-alarm-position {
  position: absolute;
  right: 5%;
}

.qlz-bell-color {
  color: rgba(143, 143, 144, 0.9607843137);
}

.qlz-times-circle-color-big {
  background: #dd5826;
  color: white;
  padding: 5px 7px 5px 7px;
  font-size: 18px;
  border-radius: 50%;
  margin-top: 5px;
}

.qlz-cmd-info {
  position: relative;
  top: 1px;
  color: #dd5826;
  margin-left: 5px;
  font-size: 10px;
  margin-left: 35px;
}

.qlz-box-background {
  background: #eaeaea;
}

.qlz-disabled {
  cursor: not-allowed;
  opacity: 0.5;
}

.qlz-btn-link {
  background: none;
  border: none;
  outline: 0;
}

button[disabled] {
  cursor: not-allowed;
}

button:focus {
  outline: 0;
}

.btn:focus, .btn:active {
  outline: none !important;
  box-shadow: none !important;
  color: white;
}

.table td {
  border-top: none;
}

.qlz-sectioned-slider input[type=range] {
  -webkit-appearance: none;
  overflow: hidden;
  height: 135px;
  width: 265px;
  cursor: pointer;
  outline: 0;
  transform: rotate(-90deg);
  border-radius: 40px;
  margin: 60px auto 100px auto;
}

.qlz-sectioned-slider input[type=range]::-webkit-slider-runnable-track {
  background: #ddd;
}

.qlz-sectioned-slider input[type=range]::-moz-range-track {
  height: 135px;
  background: #ddd;
}

.qlz-slider-shadow-blue input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0px; /* 1 */
  height: 135px;
  background: #ddd;
  box-shadow: -100vw 0 0 100vw #6E97DE;
}

.qlz-slider-shadow-red input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0px; /* 1 */
  height: 135px;
  background: #ddd;
  box-shadow: -100vw 0 0 100vw #FF8282;
}

.qlz-slider-shadow-green input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  width: 0px; /* 1 */
  height: 135px;
  background: #ddd;
  box-shadow: -100vw 0 0 100vw #55E095;
}

.qlz-slider-shadow-blue input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 0px; /* 1 */
  height: 135px;
  background: #ddd;
  box-shadow: -100vw 0 0 100vw #6E97DE;
}

.qlz-slider-shadow-red input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 0px; /* 1 */
  height: 135px;
  background: #ddd;
  box-shadow: -100vw 0 0 100vw #FF8282;
}

.qlz-slider-shadow-green input[type=range]::-moz-range-thumb {
  -webkit-appearance: none;
  width: 0px; /* 1 */
  height: 135px;
  background: #ddd;
  box-shadow: -100vw 0 0 100vw #55E095;
}

.qlz-slider-shadow-green input[type=range]::-ms-fill-lower {
  background: #55E095;
}

.qlz-slider-shadow-red input[type=range]::-ms-fill-lower {
  background: #FF8282;
}

.qlz-slider-shadow-blue input[type=range]::-ms-fill-lower {
  background: #6E97DE;
}

.qlz-sectioned-slider input[type=range]::-ms-thumb {
  outline: 0;
  width: 0px; /* 1 */
  height: 135px;
  box-sizing: border-box;
}

.qlz-sectioned-slider input[type=range]::-ms-track {
  background: #ddd;
  height: 135px;
  border: none;
  outline: 0;
}

.qlz-vertical-divider {
  position: sticky;
  height: 2px;
  width: 135px;
  background: #FFFFFF;
}

.qlz-vertical-1 {
  margin: -262px auto 35px auto;
}

.qlz-vertical-2 {
  margin: auto auto 36px auto;
}

.qlz-vertical-3 {
  margin: auto auto 35px auto;
}

.qlz-vertical-4 {
  margin: auto auto 35px auto;
}

.qlz-vertical-5 {
  margin: auto auto 36px auto;
}

.qlz-vertical-6 {
  margin: auto auto 75px auto;
}

.qlz-gas-sticker {
  padding: 4px 11px;
  background: #F8E059;
  margin-left: 7px;
  margin-top: 7px;
  margin-bottom: 10px;
  border: 1px solid #292929;
  font-size: 20px;
  border-radius: 5px;
}

.qlz-font-color-light-gray {
  color: #777777;
}

.qlz-padding-left-80 {
  padding-left: 80px;
}

.qlz-padding-left-100 {
  padding-left: 100px;
}

.qlz-refill-table-margin {
  margin-top: -34px;
}

.qlz-refill-table th {
  text-transform: uppercase;
  font-weight: 400;
  border-top: none;
  border-bottom: 1px solid #e6e6e6;
}

.qlz-refill-table > tbody > tr > th {
  border-top: none;
}

.qlz-refill-table > tbody > tr > td {
  border: none;
  border-bottom: 1px solid #e6e6e6;
  height: 45px;
}

.qlz-accordian-bg {
  background: #f0f3f5;
}

.qlz-tabs {
  overflow: hidden;
  box-shadow: 0 4px 4px -2px rgba(0, 0, 0, 0.5);
}

.qlz-tab {
  width: 100%;
  color: black;
  overflow: hidden;
}
.qlz-tab-label {
  display: flex;
  justify-content: space-between;
  padding: 1em;
  background: #f0f3f5;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #e6e6e6;
  padding-top: 22px;
  padding-bottom: 36px;
  /* Icon */
}
.qlz-tab-label:hover {
  background: #f0f3f5;
}
.qlz-tab-label::after {
  content: "❯";
  width: 1em;
  height: 1em;
  text-align: center;
  transition: all 0.35s;
}
.qlz-tab-content {
  margin-top: -7px;
  margin-bottom: -19px;
  max-height: 0;
  padding: 0 1em;
  color: black;
  background: white;
  transition: all 0.35s;
  border: 1px solid #e6e6e6;
}
.qlz-tab-close {
  display: flex;
  justify-content: flex-end;
  padding: 1em;
  font-size: 0.75em;
  background: yellow;
  cursor: pointer;
}
.qlz-tab-close:hover {
  background: blue;
}

.qlz-tab input[type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.qlz-tab input[type=checkbox]:checked + .qlz-tab-label {
  background: #f0f3f5;
  padding-bottom: 17px;
}
.qlz-tab input[type=checkbox]:checked + .qlz-tab-label::after {
  transform: rotate(90deg);
}
.qlz-tab input[type=checkbox]:checked ~ .qlz-tab-content {
  max-height: 100vh;
  padding: 1em;
  overflow-x: scroll;
}

.qlz-tab input[type=radio] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.qlz-tab input[type=radio]:checked + .qlz-tab-label {
  background: #f0f3f5;
  padding-bottom: 17px;
}
.qlz-tab input[type=radio]:checked + .qlz-tab-label::after {
  transform: rotate(90deg);
}
.qlz-tab input[type=radio]:checked ~ .qlz-tab-content {
  max-height: 100vh;
  padding: 1em;
  overflow-x: scroll;
}

.qlz-margin-top--40 {
  margin-top: -40px;
}

.qlz-margin-top--45 {
  margin-top: -45px;
}

.qlz-search-button {
  color: #f8f9f9;
  background-color: #5d8fc2;
}

.mat-sort-header-button {
  outline: none;
}

.mat-mdc-row:nth-child(even) {
  background-color: #FFFFFF;
}

.mat-mdc-row:nth-child(odd) {
  background-color: #FAFAFA;
}

.mat-mdc-header-cell {
  background: #E2E2E2;
  font-weight: bold;
}

tr.mat-mdc-header-row, tr.mat-mdc-row {
  display: flex;
}

.qlz-margin-left-15 {
  margin-left: 15px;
}

.qlz-increase-threshold-btn {
  outline: 0;
  padding: 1px 4px 0px 4px;
  border-radius: 10%;
  background: #64bd63;
  color: white;
  font-size: 12px;
}

.qlz-increase-threshold-btn:hover {
  background: #64bd63;
  color: white;
}

.qlz-decrease-threshold-btn {
  outline: 0;
  padding: 0px 4px 0px 4px;
  border-radius: 10%;
  background: #dd5826;
  color: white;
  font-size: 12px;
}

.qlz-decrease-threshold-btn:hover {
  background: #dd5826;
  color: white;
}

.qlz-margin-top-3 {
  margin-top: 3px;
}

.qlz-payment-form {
  width: 440px;
  padding: 25px;
  background: white;
  border-radius: 5px;
  position: fixed;
  top: 10vw;
  left: 36vw;
  z-index: 20;
}

.qlz-payment-label {
  height: 35px;
  position: relative;
  color: #8798AB;
  display: block;
  margin-top: 30px;
  margin-bottom: 20px;
}

.qlz-payment-label > span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  font-weight: 300;
  line-height: 32px;
  color: #8798AB;
  border-bottom: 1px solid #586A82;
  transition: border-bottom-color 200ms ease-in-out;
  cursor: text;
  pointer-events: none;
}

.qlz-payment-label > span span {
  position: absolute;
  top: 0;
  left: 0;
  transform-origin: 0% 50%;
  transition: transform 200ms ease-in-out;
  cursor: text;
}

.qlz-payment-label .field.is-focused + span span,
.qlz-payment-label .field:not(.is-empty) + span span {
  transform: scale(0.68) translateY(-36px);
  cursor: default;
}

.qlz-payment-label .field.is-focused + span {
  border-bottom-color: #34D08C;
}

.qlz-input-field {
  background: white;
  font-weight: 300;
  border: 0;
  color: black;
  outline: none;
  cursor: text;
  display: block;
  width: 100%;
  line-height: 32px;
  padding-bottom: 3px;
  transition: opacity 200ms ease-in-out;
}

.qlz-input-field::-webkit-input-placeholder {
  color: #8898AA;
}

.qlz-input-field::-moz-placeholder {
  color: #8898AA;
}

/* IE doesn't show placeholders when empty+focused */
.qlz-input-field:-ms-input-placeholder {
  color: #424770;
}

.qlz-input-field.is-empty:not(.is-focused) {
  opacity: 0;
}

.qlz-payment-button {
  float: left;
  display: block;
  background: #34D08C;
  color: white;
  border-radius: 2px;
  border: 0;
  margin-top: 20px;
  font-size: 19px;
  font-weight: 400;
  width: 100%;
  height: 47px;
  line-height: 45px;
  outline: none;
}

.qlz-payment-button:focus {
  background: #24B47E;
}

.qlz-payment-button:active {
  background: #159570;
}

.qlz-payment-outcome {
  float: left;
  width: 100%;
  padding-top: 8px;
  min-height: 20px;
  text-align: center;
}

.qlz-payment-success, .qlz-payment-error {
  display: none;
  font-size: 15px;
}

.qlz-payment-success.visible, .qlz-payment-error.visible {
  display: inline;
}

.qlz-payment-error {
  color: #E4584C;
}

.qlz-payment-success {
  color: #34D08C;
}

.qlz-payment-success .qlz-payment-token {
  font-weight: 500;
  font-size: 15px;
}

.qlz-step {
  width: 40px;
  height: 40px;
  background-color: lightgray;
  display: inline-block;
  border: 4px solid;
  border-color: transparent;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  line-height: 28px;
}

.qlz-step:first-child {
  line-height: 32px;
}

.qlz-step:nth-child(n+2) {
  margin: 0 0 0 100px;
  transform: translate(0, -4px);
}

.qlz-step:nth-child(n+2):before {
  width: 75px;
  height: 1px;
  display: block;
  background-color: lightgray;
  transform: translate(-95px, 21px);
  content: "";
}

.qlz-step:after {
  width: 150px;
  display: block;
  transform: translate(-55px, 3px);
  color: grey;
  content: attr(data-desc);
  font-weight: 400;
  font-size: 13px;
}

.qlz-step:first-child:after {
  transform: translate(-55px, -1px);
}

.qlz-step.qlz-step-active {
  border-color: lightskyblue;
  background: #FFFFFF;
  color: lightskyblue;
}

.qlz-step.qlz-step-active:before {
  background: linear-gradient(to right, var(--theme-primary-500) !important, 0%, lightblue 100%);
}

.qlz-step.qlz-step-active:after {
  color: lightblue;
}

.qlz-step.qlz-step-done {
  background-color: var(--theme-primary-500) !important;
  border-color: var(--theme-primary-500) !important;
  color: white;
}

.qlz-step.qlz-step-done:before {
  background-color: var(--theme-primary-500) !important;
}

.qlz-step.qlz-step-fail {
  background-color: lightcoral;
  border-color: lightcoral;
  color: white;
}

.qlz-step.qlz-step-fail:before {
  background-color: lightcoral;
}

.qlz-client-enrollment-card {
  background: #fff;
  border-radius: 2px;
  margin: 1rem;
  margin-right: -245px;
  margin-bottom: 30px;
  padding-bottom: 25px;
  padding-top: 20px;
}

.qlz-margin-left-460 {
  margin-left: 460px;
}

.qlz-margin-left-360 {
  margin-left: 360px;
}

.qlz-heading-line {
  width: 435px;
  height: 1px;
  background: #d6d6d6;
  margin-left: 310px;
}

.qlz-margin-left--30 {
  margin-left: -30px;
}

.qlz-margin-left-300 {
  margin-left: 300px;
}

.qlz-margin-left--60 {
  margin-left: -60px;
}

.qlz-margin-left--140 {
  margin-left: -140px;
}

.qlz-margin-left--120 {
  margin-left: -120px;
}

.qlz-personal-heading-line {
  width: 500px;
  height: 1px;
  background: #d6d6d6;
  margin-left: 265px;
}

.qlz-margin-left--80 {
  margin-left: -80px;
}

.qlz-lds-ring {
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 3px solid rgba(140, 140, 140, 0.3);
  border-radius: 50%;
  border-top-color: var(--theme-primary-500) !important;
  animation: spin 1s ease-in-out infinite;
  -webkit-animation: spin 1s ease-in-out infinite;
}

@keyframes spin {
  to {
    -webkit-transform: rotate(360deg);
  }
}
.qlz-station-list {
  height: 76vh;
  padding: 0px 5px 0px 5px;
}

.qlz-station-list-tab {
  width: 100px;
  padding-left: 5px;
  font-weight: bold;
  text-align: center;
  line-height: 30px;
  border-radius: 2px;
  transition: all 0.2s;
  outline: 0;
  border: none;
  font-size: 12px;
}

.qlz-station-list-tab:disabled {
  opacity: 0.6;
}

.qlz-color-red {
  color: #ff6565 !important;
}

.qlz-list-row-text-color {
  color: #868686;
}

.qlz-station-label-color {
  color: #6a6a6a;
}

.qlz-station-or-label {
  background: white;
  position: absolute;
  margin-left: -10px;
  margin-top: 5px;
  padding: 2px 5px 2px 5px;
  border-radius: 50%;
  color: gray;
  font-size: 12px;
  z-index: 8;
}

.qlz-tank {
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  width: 30px;
  height: 100px;
  border-radius: 20px/25px;
  background-color: #EAEAEA;
}

.qlz-fuel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  height: 90px;
  transition: 0.3s linear;
}

.qlz-fuel-color-87 {
  background-color: #6E97DE;
}

.qlz-fuel-color-91 {
  background-color: #FF8282;
}

.qlz-fuel-color-dsl {
  background-color: #55E095;
}

.qlz-fuel-color-ullage {
  background: #FDF288;
}

.qlz-fuel-tank {
  display: flex;
  text-align: center;
  overflow: auto;
}
.qlz-fuel-tank::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.qlz-fuel-tank::-webkit-scrollbar {
  height: 5px;
  background-color: #F5F5F5;
}
.qlz-fuel-tank::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #B7B7B7;
}

.qlz-threshold-line {
  width: 30px;
  z-index: 10;
  background: #4c4c4c;
  height: 1.1px;
}

.qlz-error-tip {
  background-color: #fff2f2;
  border: 1px solid #fdcccd;
  border-radius: 5px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  font-weight: normal;
  color: #cc0033;
  position: absolute;
  left: 127px;
  top: -7px;
  font-size: 12px;
  width: 190px;
  z-index: 100;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 10px;
}
.qlz-error-tip:after, .qlz-error-tip:before {
  content: "";
  border: 7px solid transparent;
  position: absolute;
  top: 11px;
}
.qlz-error-tip:after {
  border-right: 7px solid #fce4e4;
  left: -14px;
}
.qlz-error-tip:before {
  border-right: 7px solid #fcc2c3;
  left: -15px;
}

.qlz-fuel-detail-input {
  width: 120px;
  margin-right: 45px;
  margin-bottom: 15px;
  border-radius: 3px;
  outline: 0;
  height: 25px;
}

.qlz-border-lightgray {
  border: 1.5px solid #b8b8b8;
}

.qlz-tank-max-capacity-label {
  position: relative;
  top: -108px;
  left: 42px;
  font-size: 12px;
  color: #292929;
  font-weight: 400;
}

.qlz-tank-min-capacity-label {
  position: relative;
  top: -30px;
  left: 30px;
  font-size: 12px;
}

.qlz-tank-level-capacity-label {
  position: relative;
  left: 45px;
  font-size: 12px;
  margin-top: -9px;
  color: #292929;
  font-weight: 400;
}

.qlz-tank-threshold-label {
  position: absolute;
  left: 12px;
  font-size: 12px;
  font-weight: normal;
  color: #292929;
  margin-top: -2px;
}

.qlz-tank-threshold-label-max {
  position: absolute;
  left: 19px;
  font-size: 12px;
  font-weight: normal;
  color: #292929;
}

.qlz-threshold {
  position: relative;
  margin-top: -21px;
  z-index: 1;
}

.qlz-fuel-analyse-tank-card {
  position: relative !important;
  width: 205px;
  flex: 0 0 auto;
}

.qlz-analyse-fuel {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  transition: 0.3s linear;
  z-index: 1;
}

.qlz-analyse-ullage {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 30px;
  transition: 0.3s linear;
  z-index: 0;
}

.qlz-selected-row-bg {
  background: #DEF0E6;
  color: #242424;
  font-weight: 400;
}

.qlz-non-selected-row {
  color: #868686;
  font-weight: normal;
}

.qlz-analyse-gas-sticker {
  padding: 2px 4px;
  background: #F8E059;
  border: 1px solid #827f7f;
  font-size: 12px;
  margin-right: 5px;
  position: absolute;
  left: 26px;
}

.qlz-overflow-x {
  overflow-x: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.qlz-overflow-x::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.qlz-overflow-x::-webkit-scrollbar {
  height: 0px;
  background-color: #F5F5F5;
}
.qlz-overflow-x::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #B7B7B7;
}

.qlz-overflow-y {
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.qlz-overflow-y::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  background-color: #F5F5F5;
}
.qlz-overflow-y::-webkit-scrollbar {
  width: 0px;
  background-color: #F5F5F5;
}
.qlz-overflow-y::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #B7B7B7;
}

.qlz-button-disable {
  opacity: 0.7;
}

.qlz-non-selected-item > a {
  color: #777777;
}

.qlz-sidebar-img-bg {
  background: #2b3341;
  padding-bottom: 15px;
}

.timepicker .timepicker__header {
  background-color: var(--theme-primary-500) !important;
}
.timepicker .clock-face__clock-hand {
  background-color: var(--theme-primary-500) !important;
}
.timepicker .clock-face__clock-hand::after {
  background-color: var(--theme-primary-500) !important;
}
.timepicker .clock-face__clock-hand::before {
  border-color: var(--theme-primary-500) !important;
}
.timepicker .clock-face__number > span.active {
  background-color: var(--theme-primary-500) !important;
}
.timepicker button:not(.timepicker-dial__item) {
  color: var(--theme-primary-500) !important;
}

.ng2-datetime-picker {
  outline: 0;
}
.ng2-datetime-picker .time .select-current-time {
  position: relative;
  color: var(--theme-primary-500) !important;
  top: -8px;
  left: 1px;
}

.qlz-custom-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 10px; /* demo only */
}

.qlz-custom-dropdown select {
  background-color: white;
  color: black;
  font-size: inherit;
  padding: 0.5em;
  padding-right: 2.5em;
  border: 1px solid #ced2d6;
  margin: 0;
  outline: none;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-appearance: none;
  appearance: none;
  width: 155px;
}

/*Hiding the select arrow for IE10*/
.qlz-custom-dropdown select::-ms-expand {
  display: none;
}

.qlz-custom-dropdown::before,
.qlz-custom-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.qlz-custom-dropdown::after { /*  Custom dropdown arrow */
  content: "▼";
  height: 1em;
  font-size: 0.625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -0.5em;
}

.qlz-custom-dropdown::before { /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  border-top: 1px solid #ced2d6;
  border-right: 1px solid #ced2d6;
  border-bottom: 1px solid #ced2d6;
  background-color: white;
}

.qlz-custom-dropdown::after {
  color: rgba(0, 0, 0, 0.6);
}

.qlz-custom-dropdown select[disabled] {
  color: rgba(0, 0, 0, 0.25);
}

.qlz-no-margin {
  margin: 0px;
}

.mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--theme-primary-500) !important;
}

.mat-mdc-radio-button.mat-accent .mdc-radio__inner-circle {
  color: rgb(66, 134, 244);
  background-color: var(--theme-primary-500) !important;
}

.mat-mdc-radio-button.mat-accent .mat-mdc-radio-ripple .mat-ripple-element {
  background-color: transparent;
}

.mat-mdc-checkbox-checked.mat-accent .mat-mdc-checkbox-ripple .mat-ripple-element {
  opacity: 0.03 !important;
  background-color: var(--theme-primary-500) !important;
}

.mat-mdc-checkbox-checked.mat-accent .mdc-checkbox__background, .mat-mdc-checkbox-indeterminate.mat-accent .mdc-checkbox__background {
  background-color: var(--theme-primary-500) !important;
}

highcharts-chart::ng-deep .highcharts-container,
highcharts-chart::ng-deep .highcharts-container svg {
  width: 100% !important;
  height: 100% !important;
}

.overflow-hidden {
  overflow: hidden;
}

.qlz-height-40 {
  height: 40px;
}

.qlz-header-14-C6A {
  color: #6A6A6A;
  font-weight: normal;
  font-size: 12px;
}

.qlz-header-14-C24 {
  color: #242424;
  font-weight: normal;
  font-size: 14px;
}

.primary-color {
  color: var(--theme-primary-500);
}

.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice {
  clip: rect(auto, auto, auto, auto);
}

.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill {
  position: absolute;
  border: 0.08em solid #307bbb;
  width: 0.84em;
  height: 0.84em;
  clip: rect(0em, 0.5em, 1em, 0em);
  border-radius: 50%;
  transform: rotate(0deg);
}

.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill {
  transform: rotate(180deg);
}

.c100 {
  position: relative;
  font-size: 105px;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  float: left;
  margin: 0 0.1em 0.1em 0;
  background-color: #cccccc;
}

.c100 *,
.c100 *:before,
.c100 *:after {
  box-sizing: content-box;
}

.c100.center {
  float: none;
  margin: 0 auto;
}

.c100.big {
  font-size: 240px;
}

.c100.small {
  font-size: 80px;
}

.c100 > span {
  position: absolute;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
  width: 5em;
  line-height: 5em;
  font-size: 0.2em;
  color: #cccccc;
  display: block;
  text-align: center;
  white-space: nowrap;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-out;
}

.c100:after {
  position: absolute;
  top: 0.08em;
  left: 0.08em;
  display: block;
  content: " ";
  border-radius: 50%;
  background-color: #f5f5f5;
  width: 0.84em;
  height: 0.84em;
  transition-property: all;
  transition-duration: 0.2s;
  transition-timing-function: ease-in;
}

.c100 .slice {
  position: absolute;
  width: 1em;
  height: 1em;
  clip: rect(0em, 1em, 1em, 0.5em);
}

.c100.p1 .bar {
  transform: rotate(3.6deg);
}

.c100.p2 .bar {
  transform: rotate(7.2deg);
}

.c100.p3 .bar {
  transform: rotate(10.8deg);
}

.c100.p4 .bar {
  transform: rotate(14.4deg);
}

.c100.p5 .bar {
  transform: rotate(18deg);
}

.c100.p6 .bar {
  transform: rotate(21.6deg);
}

.c100.p7 .bar {
  transform: rotate(25.2deg);
}

.c100.p8 .bar {
  transform: rotate(28.8deg);
}

.c100.p9 .bar {
  transform: rotate(32.4deg);
}

.c100.p10 .bar {
  transform: rotate(36deg);
}

.c100.p11 .bar {
  transform: rotate(39.6deg);
}

.c100.p12 .bar {
  transform: rotate(43.2deg);
}

.c100.p13 .bar {
  transform: rotate(46.8deg);
}

.c100.p14 .bar {
  transform: rotate(50.4deg);
}

.c100.p15 .bar {
  transform: rotate(54deg);
}

.c100.p16 .bar {
  transform: rotate(57.6deg);
}

.c100.p17 .bar {
  transform: rotate(61.2deg);
}

.c100.p18 .bar {
  transform: rotate(64.8deg);
}

.c100.p19 .bar {
  transform: rotate(68.4deg);
}

.c100.p20 .bar {
  transform: rotate(72deg);
}

.c100.p21 .bar {
  transform: rotate(75.6deg);
}

.c100.p22 .bar {
  transform: rotate(79.2deg);
}

.c100.p23 .bar {
  transform: rotate(82.8deg);
}

.c100.p24 .bar {
  transform: rotate(86.4deg);
}

.c100.p25 .bar {
  transform: rotate(90deg);
}

.c100.p26 .bar {
  transform: rotate(93.6deg);
}

.c100.p27 .bar {
  transform: rotate(97.2deg);
}

.c100.p28 .bar {
  transform: rotate(100.8deg);
}

.c100.p29 .bar {
  transform: rotate(104.4deg);
}

.c100.p30 .bar {
  transform: rotate(108deg);
}

.c100.p31 .bar {
  transform: rotate(111.6deg);
}

.c100.p32 .bar {
  transform: rotate(115.2deg);
}

.c100.p33 .bar {
  transform: rotate(118.8deg);
}

.c100.p34 .bar {
  transform: rotate(122.4deg);
}

.c100.p35 .bar {
  transform: rotate(126deg);
}

.c100.p36 .bar {
  transform: rotate(129.6deg);
}

.c100.p37 .bar {
  transform: rotate(133.2deg);
}

.c100.p38 .bar {
  transform: rotate(136.8deg);
}

.c100.p39 .bar {
  transform: rotate(140.4deg);
}

.c100.p40 .bar {
  transform: rotate(144deg);
}

.c100.p41 .bar {
  transform: rotate(147.6deg);
}

.c100.p42 .bar {
  transform: rotate(151.2deg);
}

.c100.p43 .bar {
  transform: rotate(154.8deg);
}

.c100.p44 .bar {
  transform: rotate(158.4deg);
}

.c100.p45 .bar {
  transform: rotate(162deg);
}

.c100.p46 .bar {
  transform: rotate(165.6deg);
}

.c100.p47 .bar {
  transform: rotate(169.2deg);
}

.c100.p48 .bar {
  transform: rotate(172.8deg);
}

.c100.p49 .bar {
  transform: rotate(176.4deg);
}

.c100.p50 .bar {
  transform: rotate(180deg);
}

.c100.p51 .bar {
  transform: rotate(183.6deg);
}

.c100.p52 .bar {
  transform: rotate(187.2deg);
}

.c100.p53 .bar {
  transform: rotate(190.8deg);
}

.c100.p54 .bar {
  transform: rotate(194.4deg);
}

.c100.p55 .bar {
  transform: rotate(198deg);
}

.c100.p56 .bar {
  transform: rotate(201.6deg);
}

.c100.p57 .bar {
  transform: rotate(205.2deg);
}

.c100.p58 .bar {
  transform: rotate(208.8deg);
}

.c100.p59 .bar {
  transform: rotate(212.4deg);
}

.c100.p60 .bar {
  transform: rotate(216deg);
}

.c100.p61 .bar {
  transform: rotate(219.6deg);
}

.c100.p62 .bar {
  transform: rotate(223.2deg);
}

.c100.p63 .bar {
  transform: rotate(226.8deg);
}

.c100.p64 .bar {
  transform: rotate(230.4deg);
}

.c100.p65 .bar {
  transform: rotate(234deg);
}

.c100.p66 .bar {
  transform: rotate(237.6deg);
}

.c100.p67 .bar {
  transform: rotate(241.2deg);
}

.c100.p68 .bar {
  transform: rotate(244.8deg);
}

.c100.p69 .bar {
  transform: rotate(248.4deg);
}

.c100.p70 .bar {
  transform: rotate(252deg);
}

.c100.p71 .bar {
  transform: rotate(255.6deg);
}

.c100.p72 .bar {
  transform: rotate(259.2deg);
}

.c100.p73 .bar {
  transform: rotate(262.8deg);
}

.c100.p74 .bar {
  transform: rotate(266.4deg);
}

.c100.p75 .bar {
  transform: rotate(270deg);
}

.c100.p76 .bar {
  transform: rotate(273.6deg);
}

.c100.p77 .bar {
  transform: rotate(277.2deg);
}

.c100.p78 .bar {
  transform: rotate(280.8deg);
}

.c100.p79 .bar {
  transform: rotate(284.4deg);
}

.c100.p80 .bar {
  transform: rotate(288deg);
}

.c100.p81 .bar {
  transform: rotate(291.6deg);
}

.c100.p82 .bar {
  transform: rotate(295.2deg);
}

.c100.p83 .bar {
  transform: rotate(298.8deg);
}

.c100.p84 .bar {
  transform: rotate(302.4deg);
}

.c100.p85 .bar {
  transform: rotate(306deg);
}

.c100.p86 .bar {
  transform: rotate(309.6deg);
}

.c100.p87 .bar {
  transform: rotate(313.2deg);
}

.c100.p88 .bar {
  transform: rotate(316.8deg);
}

.c100.p89 .bar {
  transform: rotate(320.4deg);
}

.c100.p90 .bar {
  transform: rotate(324deg);
}

.c100.p91 .bar {
  transform: rotate(327.6deg);
}

.c100.p92 .bar {
  transform: rotate(331.2deg);
}

.c100.p93 .bar {
  transform: rotate(334.8deg);
}

.c100.p94 .bar {
  transform: rotate(338.4deg);
}

.c100.p95 .bar {
  transform: rotate(342deg);
}

.c100.p96 .bar {
  transform: rotate(345.6deg);
}

.c100.p97 .bar {
  transform: rotate(349.2deg);
}

.c100.p98 .bar {
  transform: rotate(352.8deg);
}

.c100.p99 .bar {
  transform: rotate(356.4deg);
}

.c100.p100 .bar {
  transform: rotate(360deg);
}

.c100:hover {
  cursor: default;
}

.c100:hover > span {
  width: 3.33em;
  line-height: 3.33em;
  font-size: 0.3em;
  color: #307bbb;
}

.c100:hover:after {
  top: 0.04em;
  left: 0.04em;
  width: 0.92em;
  height: 0.92em;
}

.c100.dark {
  background-color: #777777;
}

.c100.dark .bar,
.c100.dark .fill {
  border-color: #c6ff00 !important;
}

.c100.dark > span {
  color: #777777;
}

.c100.dark:after {
  background-color: #666666;
}

.c100.dark:hover > span {
  color: #c6ff00;
}

.c100.green .bar,
.c100.green .fill {
  border-color: #4db53c !important;
}

.c100.green:hover > span {
  color: #4db53c;
}

.c100.green.dark .bar,
.c100.green.dark .fill {
  border-color: #5fd400 !important;
}

.c100.green.dark:hover > span {
  color: #5fd400;
}

.c100.orange .bar,
.c100.orange .fill {
  border-color: #dd9d22 !important;
}

.c100.orange:hover > span {
  color: #dd9d22;
}

.c100.orange.dark .bar,
.c100.orange.dark .fill {
  border-color: #e08833 !important;
}

.c100.orange.dark:hover > span {
  color: #e08833;
}

/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
mat-card {
  transition: none !important;
  box-shadow: 2px 1px 8px 2px #e2e2e2 !important;
  font-family: "Open Sans", sans-serif !important;
  padding: 16px !important;
}

.gl-custom-shadow.mat-mdc-card {
  box-shadow: 2px 1px 8px 2px #e2e2e2 !important;
}

.gl-list-flow-table.mat-mdc-card {
  background: transparent !important;
  box-shadow: none !important;
  padding: 0px !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
.gl-mat-card-shadow-0.mat-mdc-card {
  box-shadow: 1px 0px 3px 0px #e2e2e2 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
.gl-mat-card-shadow-none.mat-mdc-card {
  box-shadow: 1px 0px 3px 0px #e2e2e2 !important;
  border: 1.3px solid #dce0e3 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
.gl-mat-card-shadow-invisible.mat-mdc-card {
  box-shadow: none !important;
}

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

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-label-wrapper {
  top: -1.5em;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-wrapper {
  margin: 0rem;
  padding-bottom: 0.6rem;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mdc-floating-label {
  transform: translateY(-1.1em) scale(0.75);
  width: 70%;
  font-size: 14px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick {
  color: var(--theme-primary-500) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline:not(.mat-focused) .mat-mdc-form-field-outline-thick {
  opacity: 0.07;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline.mat-focused .mdc-floating-label {
  color: var(--theme-primary-500) !important;
}

.gl-mat-text-field-label {
  position: relative;
  top: -5px;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.gl-mat-input-field.mat-mdc-form-field-required-marker {
  position: relative;
  top: -5px;
}

.gl-mat-expansion-body-pd-btm-none div.mat-expansion-panel-body {
  padding-bottom: 0px !important;
  padding-top: 0px !important;
}

.gl-mat-expansion-body-pd-lf-rg-8 div.mat-expansion-panel-body {
  padding-left: 8px !important;
  padding-right: 6px !important;
}

.mat-expansion-panel-body::-webkit-scrollbar {
  width: 4px;
}

.mat-expansion-panel-body::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.mat-expansion-panel-body::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-label-content {
  font-size: 15px;
  font-weight: 400;
  text-transform: none;
}

.mat-expansion-panel-header:hover {
  background: #F0F3F5;
}

.gl-mat-form-field-custom.mat-mdc-form-field {
  display: block;
}

/* Styles for the active tab label */
/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab.mdc-tab--active:not(.mat-tab-disabled) {
  background-color: transparent;
  color: var(--theme-primary-500) !important;
  font-size: 14px;
  font-weight: 600;
  text-transform: none;
}

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

/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version.*/
.gl-mat-menu-item-custom.mat-mdc-menu-item {
  line-height: 16px;
  height: 75px;
}

/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version.*/
.gl-mat-menu-item-custom:disabled {
  opacity: 0.5;
}

/* TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version.*/
.mat-mdc-menu-panel.gl-mat-menu-custom {
  max-width: none;
  width: 350px;
}

.gl-display-content.mat-toolbar-row {
  display: contents;
  background: white;
}

.gl-padding-top-10.mat-mdc-card {
  padding-top: 10px;
}

.gl-padding-top-5.mat-mdc-card {
  padding-top: 5px;
}

.gl-padding-bottom-5.mat-mdc-card {
  padding-bottom: 5px;
}

.gl-padding-bottom-10.mat-mdc-card {
  padding-bottom: 10px;
}

.gl-padding-left-5.mat-mdc-card {
  padding-left: 5px;
}

.gl-padding-right-5.mat-mdc-card {
  padding-right: 5px;
}

.mat-mdc-select-panel .mat-mdc-option {
  color: #292929;
  font-weight: 400;
  font-size: 15px;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-labels {
  border-bottom: 3px solid #dcdcdc;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline .mat-input-element:disabled,
.mat-form-field-type-mat-native-select.mat-form-field-disabled .mat-form-field-infix::after {
  color: rgba(0, 0, 0, 0.7);
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline.mat-form-field-disabled .mat-form-field-outline {
  color: rgba(0, 0, 0, 0.3);
  cursor: not-allowed;
  background: #F0F0F0;
  border-radius: 8px;
}

.mat-form-field-disabled {
  cursor: not-allowed;
}

/* TODO(mdc-migration): The following rule targets internal classes of select that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline .mat-select-disabled .mat-select-value {
  color: rgba(0, 0, 0, 0.7);
}

.mat-mdc-paginator .mat-mdc-paginator-container {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-height: 0px;
  padding: 0 8px;
  flex-wrap: wrap-reverse;
  width: 100%;
  height: 40px;
}

.mat-mdc-menu-item {
  height: 35px;
  border-bottom: 1px solid #e6e6e6;
}

.gl-custom-shadow.mat-expansion-panel {
  box-shadow: 0px 0px 5px 1px #e2e2e2;
}

.btn-link:hover {
  text-decoration: none;
}

.btn-link {
  border-radius: 5px;
}

.btn-link:focus {
  text-decoration: none;
}

.btn-link:disabled {
  opacity: 0.3;
  cursor: not-allowed;
  text-decoration: none;
}

.ng2-datetime-picker {
  position: fixed;
}

.mat-expansion-panel-header[aria-disabled=true] {
  background: #F0F2F4;
  cursor: not-allowed;
}

/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/
.mat-radio-btn-label {
  white-space: normal;
}

.mat-progress-ovrd.mat-mdc-progress-bar {
  height: 10px;
  border-radius: 5px;
}

.mat-mdc-option.mat-active {
  background: #ffffff !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of optgroup that may no longer apply for the MDC version.*/
mat-optgroup {
  margin: 1em;
  border: 1px solid green;
  background: #f3f3f3;
}

.mat-mdc-select-panel .mat-mdc-optgroup-label {
  background: #f3f3f3;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
::ng-deep.mat-mdc-tab.mdc-tab--active:not(.mat-tab-disabled),
::ng-deep.mat-mdc-tab.mdc-tab--active.cdk-mouse-focused:not(.mat-tab-disabled) {
  background-color: transparent;
  font-weight: 700;
  color: var(--theme-primary-500);
  opacity: 1;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab:not(:focus) {
  opacity: 1;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab {
  border-radius: 15px 15px 0px 0px;
  height: 33px !important;
  opacity: 0.7;
  margin-right: 10px;
  margin-top: 7px;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-label-content {
  margin-top: 3px;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab:not(.mdc-tab--active) {
  color: var(--theme-foreground-text);
  background: #DCE0E3;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab.mdc-tab--active:not(.mat-tab-disabled) {
  color: white !important;
  background: var(--theme-primary-700);
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab.mat-tab-disabled {
  color: #b5b5b5 !important;
  background: #ededed !important;
  cursor: not-allowed !important;
}

mat-header-cell[_ngcontent-xsn-c18] {
  justify-content: center;
  font-weight: 400;
  font-size: 13px;
  background: #eaeaea;
}

mat-grid-tile {
  box-shadow: none !important;
  border-radius: 5px;
  background: #ffffff;
}

.mat-grid-tile .mat-figure {
  padding-top: 10px;
  padding-left: 15px;
  justify-content: flex-start !important;
  align-items: flex-start !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of optgroup that may no longer apply for the MDC version.*/
mat-optgroup {
  border: none;
}

/* NEW REPLACEMENT CODE */
/* 1. The Active Underline (Fixes the gray line issue) */
::ng-deep .mat-mdc-tab-group .mdc-tab-indicator__content--underline {
  border-color: #388e3c !important; /* Matches your active green */
  border-top-width: 4px !important; /* Thickness of the bar */
  width: 100% !important; /* Forces green to cover the gray line */
  bottom: 0 !important; /* Aligns it to the very bottom edge */
}

/* 2. The Active Tab Body */
::ng-deep .mat-mdc-tab.mdc-tab--active {
  background-color: #388e3c !important;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  opacity: 1 !important;
}

/* 3. The Active Label Text */
::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: white !important;
}

/* 4. The Inactive Tabs */
::ng-deep .mat-mdc-tab:not(.mdc-tab--active) {
  background-color: #DCE0E3 !important;
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  margin-right: 10px;
}

/* TODO(mdc-migration): The following rule targets internal classes of radio that may no longer apply for the MDC version.*/
.mat-mdc-radio-button.mat-accent.mat-radio-checked .mdc-radio__outer-circle {
  border-color: var(--theme-primary-500) !important;
}

.mat-mdc-radio-button.mat-accent .mat-radio-inner-circle,
.mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple),
.mat-radio-button.mat-accent.mat-radio-checked:not(.mat-radio-disabled) .mat-radio-persistent-ripple,
.mat-radio-button.mat-accent:active:not(.mat-radio-disabled) .mat-radio-persistent-ripple {
  background-color: var(--theme-primary-500) !important;
}

.mat-mdc-radio-button.mat-radio-disabled .mat-radio-ripple .mat-ripple-element,
.mat-radio-button.mat-radio-disabled .mat-radio-inner-circle {
  background-color: rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed;
}

.mat-mdc-radio-button.mat-radio-disabled.mat-radio-checked .mdc-radio__outer-circle,
.mat-radio-button.mat-radio-disabled .mdc-radio__outer-circle {
  border-color: rgba(0, 0, 0, 0.38) !important;
  cursor: not-allowed;
}

.mat-datepicker-toggle {
  color: var(--theme-primary-500) !important;
}

.mat-calendar-body-selected {
  background: var(--theme-primary-500) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/
::ng-deep .mat-primary .mat-mdc-option .mat-selected .mat-active:not(.mat-option-disabled) {
  color: var(--theme-primary-500) !important;
}

/* 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: var(--theme-primary-500) !important;
}

.mat-expansion-panel:not([class*=mat-elevation-z]) {
  box-shadow: 0px 0px 5px 1px #e2e2e2 !important;
}

/* 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-slide-toggle-bar {
  background-color: var(--theme-primary-500) !important;
}

/* 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-slide-toggle-thumb {
  background-color: lightgray !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-header-pagination {
  z-index: 1 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-flex > .mat-mdc-form-field-infix {
  padding: 0.6em 0.18em !important;
  font-size: 13px;
  font-weight: 400;
}

/* TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/
.mat-checkbox-disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}

.gl-gray-mat-card.mat-mdc-card {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1607843137);
  background-color: #F0F2F4 !important;
  border-radius: 10px;
  padding: 16px;
}

.mat-grid-tile-disp-none .mat-figure {
  display: block !important;
}

.mat-grid-tile .mat-figure {
  overflow-y: scroll;
}

.mat-figure::-webkit-scrollbar {
  width: 3px;
}

.mat-figure::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.mat-figure::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

::ng-deep .mat-mdc-tooltip {
  font-family: "Open Sans", sans-serif !important;
  font-weight: 500 !important;
}

.mat-expansion-panel-header-description,
.mat-expansion-panel-header-title {
  font-family: "Open Sans", sans-serif !important;
}

.mat-mdc-dialog-content {
  max-height: 80vh !important;
}

.popover {
  background: #ffffff !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline .mat-form-field-outline {
  top: 0px !important;
}

.custom-mat-dialog-container .mat-mdc-dialog-container {
  padding: 0px !important;
  overflow: hidden !important;
}

.mat-mdc-dialog-container.custom-mat-dialog-container .cdk-overlay-container {
  z-index: 5 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
.mat-progress-bar-fill::after {
  background-color: var(--theme-primary-500) !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of progress-bar that may no longer apply for the MDC version.*/
.mat-progress-bar-buffer {
  background-color: #b3e6cb !important;
}

.cc-theme-block {
  display: none !important;
}

.cc-theme-classic {
  z-index: 1000000 !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field .mat-mdc-form-field-flex {
  background: white !important;
  border-radius: 6px !important;
}

.mat-headline-4 {
  font-size: 28px !important;
  margin: -7px 0 -3px !important;
}

#zohohc-asap-web-launcherbox {
  visibility: hidden;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/
.mat-option-text.mat-option-text {
  white-space: normal;
}

.popover-content {
  max-width: 500px !important;
}

.popover .popover-header {
  font-weight: bold !important;
  font-size: 14px;
}

.popover .popover-body {
  word-break: break-word !important;
}

#zohohc-asap-web-launcherbox {
  width: 40px !important;
  height: 40px !important;
  z-index: 2;
}

/* TODO(mdc-migration): The following rule targets internal classes of option that may no longer apply for the MDC version.*/
.mat-option-text.mat-option-text {
  line-height: 1.5 !important;
  height: auto !important;
}

.gl-error-tooltip .mdc-tooltip__surface {
  font-size: 14px;
  font-weight: 500;
  white-space: pre-wrap;
  color: red !important;
  background-color: white !important;
  max-width: unset !important;
  box-shadow: 2px 1px 8px 2px #e2e2e2 !important;
  border-radius: 6px;
}

/* TODO(mdc-migration): The following rule targets internal classes of tooltip that may no longer apply for the MDC version.*/
.gl-mat-tooltip-ui .mdc-tooltip__surface {
  font-size: 14px;
  font-weight: 500;
  white-space: pre-wrap;
  color: #292929 !important;
  background-color: white !important;
  max-width: unset !important;
  box-shadow: 2px 1px 8px 2px #e2e2e2 !important;
  border-radius: 6px;
  border: 1px solid #acbbaf;
}

.mat-expansion-panel-header-description,
.mat-expansion-indicator::after {
  color: var(--theme-primary-500) !important;
  padding: 4px !important;
  margin-bottom: 5px !important;
}

.table > thead > tr > th,
.table > tbody > tr > td {
  padding: 4px 8px 4px 12px !important;
}

.mat-toolbar-multiple-rows {
  min-height: 50px !important;
}

.mat-mdc-input-element[type=time]::after {
  content: "" !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.mat-mdc-form-field-appearance-outline.mat-mdc-form-field-can-float.mat-mdc-form-field-should-float .mdc-floating-label {
  width: 100% !important;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-mdc-tab-body.mat-tab-body-active {
  overflow: initial !important;
  height: auto !important;
}

.mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  font-size: 13px;
  font-weight: 400;
  padding: 8px 0px 0px 0px;
}

.mat-mdc-form-field-infix {
  min-height: 38px !important;
}

.mat-mdc-form-field-icon-suffix {
  padding: 0 10px 0px 4px !important;
}

.mat-mdc-tab-group.mat-mdc-tab-group-stretch-tabs > .mat-mdc-tab-header .mat-mdc-tab {
  flex-grow: 0 !important;
  margin-right: 10px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
}

.mat-mdc-tab.mdc-tab {
  height: 35px !important;
}

.mat-mdc-tab:not(.mdc-tab-indicator--active) {
  color: var(--theme-foreground-text);
  background: #DCE0E3;
}

.mat-mdc-tab.mdc-tab-indicator--active:not(.mat-mdc-tab--disabled) {
  background: var(--theme-primary-700);
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled):not(.mdc-tab--active) .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled):not(.mdc-tab--active) .mdc-tab__text-label {
  color: #292929 !important;
  font-weight: 500 !important;
}

.mat-mdc-tab:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label,
.mat-mdc-tab-link:not(.mat-mdc-tab-disabled).mdc-tab--active .mdc-tab__text-label {
  color: white !important;
  font-weight: 500 !important;
}

.mat-mdc-tab-header {
  border-bottom: 3px solid #dcdcdc !important;
}

.mat-mdc-select {
  vertical-align: middle;
  margin-top: -4px !important;
  padding-right: 5px !important;
  font-size: 13px;
}

.mat-mdc-paginator .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
}

.mat-mdc-paginator-container {
  position: relative;
  top: -12px;
  min-height: 45px !important;
}

.mat-mdc-option {
  font-size: 13px !important;
}

.mat-mdc-paginator-page-size .mat-mdc-form-field .mat-mdc-select {
  padding-top: 7px !important;
}

.mat-mdc-dialog-container .mdc-dialog__surface .mat-mdc-dialog-title {
  padding: 16px 0px 0px 24px !important;
}

::ng-deep .mat-mdc-dialog-content {
  padding: 20px 24px !important;
}

.mat-mdc-dialog-actions.mat-mdc-dialog-actions-align-end,
.mat-mdc-dialog-actions[align=end] {
  margin-right: 15px !important;
}

.mdc-dialog .mdc-dialog__content {
  padding: 0px 15px 15px 24px !important;
}

.mdc-dialog__title {
  padding: 0 24px 0px !important;
}

.mat-mdc-form-field-icon-suffix .mat-mdc-icon-button.mat-mdc-button-base {
  height: 30px !important;
  width: 40px !important;
}

.mat-accent {
  color: #dce0e3 !important;
}

.mat-mdc-slide-toggle .mdc-switch:enabled .mdc-switch__track::after {
  background: var(--theme-primary-500) !important;
}

.mat-mdc-text-field-wrapper {
  background: #FFFFFF !important;
}

.mat-mdc-form-field-has-icon-prefix .mat-mdc-text-field-wrapper {
  padding-left: 10px !important;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  padding: 4px !important;
  width: 35px;
  height: 35px;
}

.mat-mdc-checkbox {
  white-space: nowrap;
}

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

.mat-mdc-checkbox label {
  margin-bottom: 0px !important;
}

.mdc-checkbox__native-control:enabled:checked ~ .mdc-checkbox__background {
  background: var(--theme-primary-500) !important;
  border-color: var(--theme-primary-500) !important;
}

.mat-mdc-checkbox .mdc-checkbox .mdc-checkbox__native-control:enabled ~ .mdc-checkbox__background .mdc-checkbox__checkmark {
  color: #ffffff !important;
}

.mdc-switch__handle::after {
  background: #bababa !important;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled:checked + .mdc-radio__background .mdc-radio__outer-circle {
  border-color: var(--theme-primary-500) !important;
}

.mat-mdc-radio-button .mdc-radio .mdc-radio__native-control:enabled + .mdc-radio__background .mdc-radio__inner-circle {
  border-color: var(--theme-primary-500) !important;
}

.mat-mdc-radio-button .mdc-radio {
  padding: 0px 3px 0px 0px !important;
}

.mat-mdc-checkbox {
  height: 20px !important;
  top: -2px !important;
}

.mat-mdc-checkbox .mdc-checkbox__ripple {
  opacity: 0 !important;
}

.mat-mdc-form-field-error-wrapper {
  padding: 0px !important;
}

.mdc-text-field--disabled {
  background: #f0f0f0 !important;
}

.mat-mdc-form-field.mat-form-field-disabled .mat-mdc-form-field-flex {
  background-color: transparent !important;
  /* or your grey */
}

.mdc-form-field > label {
  margin-bottom: 0px !important;
}

.mat-mdc-form-field-subscript-wrapper {
  top: -10px !important;
  height: 16px !important;
}

.mat-radio-6-input {
  margin-bottom: 0px !important;
}

.glcs-search-text-field .mdc-notched-outline--notched {
  top: 0px !important;
}

.mat-mdc-paginator-page-size-select {
  padding-top: 4px;
}

.mdc-checkbox--disabled {
  opacity: 0.5 !important;
  cursor: not-allowed;
}

.sticky-search-option {
  position: sticky;
  top: 0;
  z-index: 1000;
  background: white;
  padding: 10px;
}

.command-input-field .mat-mdc-form-field-infix {
  min-height: 50px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}
.command-input-field .mat-mdc-form-field-subscript-wrapper {
  position: relative !important;
  top: 0 !important;
  margin-top: 4px !important;
}

/* --- NEW, CONSOLIDATED TAB STYLES --- */
/* Use :host ::ng-deep to ensure these styles apply correctly */
:host ::ng-deep {
  /* 1. The Tab Header Container */
  /* This creates the continuous gray line underneath the tabs */
  /* Remove margins so tabs sit directly on the border */
  /* 2. Common Tab Styles (Active & Inactive) */
  /* 3. Inactive Tabs (Gray) */
  /* Hide the indicator for inactive tabs */
  /* 4. Active Tab (Green) */
  /* Active Tab Label Text */
  /* --- THE FIX: The Green Underline That Covers the Gray Line --- */
  /* Position the indicator wrapper */
  /* Style the actual green line */
}
:host ::ng-deep .mat-mdc-tab-header {
  border-bottom: 3px solid #dcdcdc !important;
  z-index: 0; /* Ensure it sits behind the active tab's indicator */
}
:host ::ng-deep .mat-mdc-tab-labels {
  margin: 0 !important;
}
:host ::ng-deep .mat-mdc-tab {
  /* Round the top corners */
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
  /* Spacing between tabs */
  margin-right: 10px !important;
  margin-left: 0 !important;
  /* Ensure they sit right on the bottom border */
  margin-bottom: 0 !important;
  opacity: 1 !important; /* No transparency */
  height: 38px !important; /* Set a fixed height */
  padding: 0 24px !important;
  /* CRITICAL: Allow the green line to hang out of the tab box */
  overflow: visible !important;
}
:host ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) {
  background-color: #DCE0E3 !important; /* Gray background */
  color: #292929 !important; /* Gray text */
}
:host ::ng-deep .mat-mdc-tab:not(.mdc-tab--active) .mdc-tab-indicator {
  display: none !important;
}
:host ::ng-deep .mat-mdc-tab.mdc-tab--active {
  background-color: #388e3c !important; /* Green background */
  color: white !important; /* White text */
  z-index: 1; /* Ensure the tab itself is above inactive ones */
}
:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: white !important;
  font-weight: 500 !important;
}
:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator {
  /* CRITICAL: Push it down by 3px to overlap the container's border */
  bottom: -3px !important;
  /* Ensure it's on top of everything */
  z-index: 10 !important;
  /* Force it to be full width and align left */
  width: 100% !important;
  left: 0 !important;
  transform: none !important; /* Disable MDC transforms */
}
:host ::ng-deep .mat-mdc-tab.mdc-tab--active .mdc-tab-indicator__content--underline {
  /* Make it a thick green line */
  border-top: 4px solid #388e3c !important;
  border-color: #388e3c !important;
  /* Ensure it spans the full width */
  width: 100% !important;
  transform: none !important; /* Disable MDC transforms */
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
  vertical-align: middle !important;
}

.mdc-notched-outline--notched .mdc-notched-outline__notch {
  padding-right: 0px !important;
}

.ngx-mat-calendar-body > tr > td {
  position: relative !important;
  height: 0 !important;
  line-height: 0 !important;
  text-align: center !important;
  outline: none !important;
  cursor: pointer !important;
}

.mat-calendar-period-button, .mat-calendar-previous-button, .mat-calendar-next-button {
  background: transparent !important;
}

.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td .mat-icon-button {
  background: transparent !important;
}

.ngx-mat-timepicker form .ngx-mat-timepicker-table .ngx-mat-timepicker-tbody tr td.ngx-mat-timepicker-meridian .mat-button {
  background: transparent !important;
}

.mdc-form-field > label {
  font-weight: 500;
}

.mat-mdc-tab-disabled {
  opacity: 0.4 !important;
  cursor: not-allowed !important;
}

.gl-width-85 {
  max-width: 85% !important;
}

.gl-table-mat-form-field.mat-mdc-form-field {
  display: block;
  height: 35px;
}

.mat-mdc-paginator-page-size .mat-mdc-text-field-wrapper {
  height: 29px !important;
  margin-bottom: 5px;
}

.mat-mdc-paginator-range-label {
  margin: 0px 5px 0 5px !important;
}

body {
  font-family: "Open Sans Light", sans-serif !important;
}

.gl-background {
  background: #dce0e3 !important;
}

.gl-border-radius {
  border-radius: 5px;
}

.gl-padding-top-bottom {
  padding: 0.75rem 0rem 0.75rem 0rem;
}

.gl-margin-left-70 {
  margin-left: 70px !important;
}

.gl-padding {
  padding: 7px;
}

.gl-width-92 {
  width: 92%;
}

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

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

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

.gl-border-radius-top {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.gl-border-radius-top-10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}

.gl-border-radius-bottom-10 {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}

.gl-border-radius-bottom {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

.gl-label-color {
  color: var(--theme-foreground-text);
}

.gl-color-white {
  color: #ffffff !important;
}

.gl-border {
  border: 0.5px solid #dce0e3;
}

.gl-icon-width {
  width: 16px;
  padding-bottom: 5px;
}

.gl-arrow {
  padding: 1px 10px;
  background: #ffffff;
  color: var(--theme-primary-500);
  font-size: 19.2px;
  cursor: pointer;
  border-radius: 3px;
  border: 1px solid #dce0e3;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.002), 0 2px 2px 0 rgba(0, 0, 0, 0.004), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gl-arrow-big {
  height: 27px;
  background: #ffffff;
  color: #00ac51;
  font-size: 16px;
  cursor: pointer;
  box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.002), 0 2px 2px 0 rgba(0, 0, 0, 0.004), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}

.gl-arrow-disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

.gl-form-filter-input {
  height: 20px;
  border-radius: 0;
}

hr {
  margin-top: 5px;
  margin-bottom: 5px;
}

.gl-pointer {
  cursor: pointer;
}

.gl-cursor-not-allowed {
  cursor: not-allowed;
}

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

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

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

.gl-map-station-address {
  color: #589690;
}

chart {
  display: block;
  height: auto;
  width: 100% !important;
}

.carousel-control-prev, .carousel-control-next {
  display: none;
}

.carousel-indicators {
  display: none;
}

.gl-font-weight-500 {
  font-weight: 500 !important;
}

.gl-font-weight400 {
  font-weight: 400 !important;
}

.gl-badge-bc-danger {
  background-color: #ef5350 !important;
  border-radius: 50%;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: -3px;
}

.gl-group-table {
  white-space: nowrap;
}

.gl-group-table > thead > tr > th {
  color: var(--theme-foreground-text);
  font-size: 12px;
  padding: 4px 8px 3px 8px;
}

.gl-group-table > tbody > tr:nth-child(even) {
  background-color: #ffffff;
}

.gl-group-table > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}

.gl-group-table > tbody > tr > td {
  padding: 4px 8px 4px 12px;
  color: var(--theme-foreground-text);
  font-size: 13px;
}

.gl-list-table {
  white-space: nowrap;
}

.gl-list-table > thead > tr > th {
  position: sticky;
  top: 0;
  background: #eaeaea;
  color: var(--theme-foreground-text);
  font-size: 13px;
  padding: 4px 8px 3px 8px;
  z-index: 2;
}

.gl-list-table > tbody > tr > td {
  border-top: none;
  padding: 4px 8px 4px 12px;
  font-size: 13px;
  color: var(--theme-foreground-text);
  z-index: 1;
  vertical-align: middle;
}

.gl-list-table > tbody > tr:nth-child(even) {
  background-color: #f2f2f2;
}

.gl-list-table > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}

.gl-disabled {
  cursor: not-allowed;
  opacity: 0.6;
}

.gl-sticky-list-table {
  white-space: nowrap;
}

.gl-sticky-list-table > thead > tr > th {
  background: #eaeaea;
  color: var(--theme-foreground-text);
  position: sticky;
  top: 0;
  z-index: 1;
  padding: 4px 8px 3px 8px;
}

.gl-sticky-list-table > tbody > tr > td {
  border-top: none;
  padding: 4px 8px 4px 12px;
  font-size: 13px;
}

.gl-sticky-list-table > tbody > tr:nth-child(even) {
  background-color: #f2f2f2;
}

.gl-sticky-list-table > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}

.gl-color-primary {
  color: var(--theme-primary-500);
}

.gl-bg-primary {
  background: var(--theme-primary-700) !important;
}

.gl-bg-white {
  background: #FFFFFF !important;
}

.gl-bg-error {
  background: #ec2b2b !important;
}

.gl-bg-warning {
  background: #fd8b4e !important;
}

.gl-bg-white-smoke {
  background: whitesmoke !important;
}

.gl-bg-light-coral {
  background: #ffe1c3 !important;
}

.gl-bg-light-blue {
  background: #ebf0f6 !important;
}

.gl-display-none {
  display: none !important;
  opacity: 0;
}

.gl-show-detail-position {
  position: absolute;
  z-index: 2;
  left: 172px;
  top: 24px;
  font-size: 12px;
}

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

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

.gl-chart-height {
  height: 340px;
}

.gl-z-index-2 {
  z-index: 2 !important;
}

.gl-z-index-5 {
  z-index: 5 !important;
}

.highcharts-data-table table {
  border-collapse: collapse;
  border-spacing: 0;
  background: #ffffff;
  min-width: 100%;
  margin-top: 10px;
  font-family: sans-serif;
  font-size: 0.9em;
}

.highcharts-data-table td, .highcharts-data-table th, .highcharts-data-table caption {
  border: 1px solid silver;
  padding: 0.5em;
}

.highcharts-data-table tr:nth-child(even), .highcharts-data-table thead tr {
  background: #f8f8f8;
}

.highcharts-data-table tr:hover {
  background: #eff;
}

.highcharts-data-table caption {
  border-bottom: none;
  font-size: 1.1em;
  font-weight: bold;
}

.highcharts-legend-item text {
  color: var(--theme-foreground-text) !important;
  font-weight: 400 !important;
  font-family: "Open Sans", sans-serif !important;
}

.highcharts-data-table caption {
  display: none !important;
}

.wrapper {
  overflow-x: scroll;
}

.gl-table-scroll-x {
  overflow-x: scroll;
  transform: rotateX(180deg);
  overflow-y: hidden;
}

.gl-hr-table-scroll {
  transform: rotateX(180deg);
  position: relative;
}

.scroll-x {
  overflow-x: scroll;
}

.scroll-x-thin {
  overflow-x: scroll;
}

.scroll-y {
  overflow-y: scroll;
}

.gl-table-scroll-x::-webkit-scrollbar {
  height: 10px;
}

.gl-table-scroll-x::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.gl-table-scroll-x::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

.scroll-x::-webkit-scrollbar {
  height: 8px;
}

.scroll-x::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.scroll-x::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

.scroll-x-thin::-webkit-scrollbar {
  height: 6px;
  margin-top: 5px;
}

.scroll-x-thin::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.scroll-x-thin::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

.scroll-y::-webkit-scrollbar {
  width: 8px;
}

.scroll-y::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.scroll-y::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

.wrapper table {
  white-space: nowrap;
}

:host ::ng-deep .number-align {
  text-align: right;
}

.gl-card-min-width {
  min-width: 32%;
}

.gl-export-btn {
  width: 90px;
  height: 35px;
  background-color: #ffffff;
  border-radius: 7%;
  border: 1px solid #dce0e3;
}

.gl-export-icon {
  width: 25px;
}

.clear-all {
  display: none;
}

.gl-position-relative {
  position: relative;
  top: 2px;
}

.gl-position-sticky {
  position: sticky;
  top: -8px;
  background: #ffffff;
  z-index: 100;
}

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

.gl-horizontal-line {
  border-top: 1px solid #dce0e3;
}

.gl-primary-shade-bg {
  background: var(--theme-primary-50);
}

.gl-icon-size {
  font-size: 18px;
}

.gl-pos-msg-height {
  height: 60vh;
}

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

.gl-error-input {
  border: 1px solid #ef5350;
}

.gl-horizontal-line {
  border-bottom: 1px solid #dce0e3;
  margin-top: 10px;
}

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

.gl-accordian-bg {
  background: #F0F3F5;
}

.gl-input-group-add-on {
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  color: #555;
  text-align: center;
  background-color: #eee;
  border: 1px solid #dce0e3;
  white-space: nowrap;
  vertical-align: middle;
  display: table-cell;
  width: 40px;
  height: 34px;
  padding-top: 8px;
}

.gl-ps-input {
  position: relative;
  z-index: 2;
  float: left;
  padding-left: 8px;
  border: 1.5px solid #dce0e3;
  margin: 0;
  width: 60px;
  font-weight: 400;
}

.gl-input-group input:disabled {
  opacity: 0.5;
}

.gl-suffix input {
  border-radius: 4px 0px 0px 4px !important;
}

.gl-suffix .gl-input-group-add-on {
  border-left: 0;
  border-radius: 0px 4px 4px 0px;
}

.gl-prefix input {
  border-radius: 0px 4px 4px 0px;
}

.gl-prefix .gl-input-group-add-on {
  border-right: 0;
  border-radius: 4px 0px 0px 4px;
}

.gl-presuffix input {
  border-radius: 0px;
}

.gl-input-group-add-on.gl-prefix {
  border-radius: 4px 0px 0px 4px;
  border-right: 0;
}

.gl-input-group-add-on.gl-suffix {
  border-radius: 0px 4px 4px 0px;
  border-left: 0;
}

.gl-input-group {
  position: relative;
  display: inline-flex;
  border-collapse: separate;
}

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

.gl-font-size-40 {
  font-size: 40px;
}

.gl-btn-padding-ovrd {
  padding: 0.35rem 1rem;
}

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

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

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

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

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

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

.gl-screen-padding {
  padding-left: 15px;
  padding-right: 15px;
}

.gl-disable-opacity {
  opacity: 0.4;
}

.gl-font-weight-300 {
  font-weight: 300;
}

.gl-font-weight-bold {
  font-weight: bold !important;
}

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

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

.gl-icon-size {
  width: 18px;
}

.gl-mat-prefix-padding {
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  top: -4px;
}

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

.gl-text-highlight {
  background: #ffff9c;
  color: var(--theme-foreground-text);
  font-weight: 400;
  border-radius: 5px;
  padding: 0px;
}

.gl-mat-filter-applied {
  background: var(--theme-primary-500);
  color: #ffffff;
  padding: 0 7px 0 7px;
  border-radius: 5px;
}

.gl-add-new-icon {
  background: var(--theme-primary-500);
  padding: 3px;
  color: #ffffff;
  margin-right: 5px;
}

.gl-step-number {
  padding: 1px 6px;
  border: 2px solid var(--theme-primary-500);
  border-radius: 50%;
  color: var(--theme-primary-500);
  font-weight: bold;
  margin-right: 8px;
  position: relative;
  top: 1px;
}

select[size] {
  height: 200px;
}

.gl-tab-card {
  box-shadow: 0px 2px 5px 1px lightgrey;
  padding: 6px;
  border-radius: 3px;
  margin-right: 15px;
}

.gl-color-red {
  color: #FD4E4E !important;
}

.gl-color-error {
  color: #ec2b2b !important;
}

.gl-color-warning {
  color: #fd8b4e !important;
}

.gl-color-light-gray {
  color: #b7b7b7 !important;
}

.gl-breadcrumb {
  /*centering*/
  display: inline-block;
  box-shadow: 0 0 15px 1px rgba(140, 140, 140, 0.3490196078);
  overflow: hidden;
  border-radius: 5px;
  counter-reset: flag;
  /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
  counter-reset: flag;
}

.gl-breadcrumb a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 13px;
  line-height: 22px;
  color: white;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 14px 0 30px;
  background: #666;
  background: linear-gradient(#666, #333);
  position: relative;
}

/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.gl-breadcrumb a:first-child {
  padding-left: 15px;
  border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}

.gl-breadcrumb a:first-child:before {
  left: 14px;
}

.gl-breadcrumb a:last-child {
  /* 	border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
  padding-right: 20px;
}

/*hover/active styles*/
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.gl-breadcrumb a:after {
  content: "";
  position: absolute;
  top: 2px;
  right: -10px;
  width: 17px;
  height: 18px;
  transform: scale(0.707) rotate(45deg);
  z-index: 1;
  background: #666;
  background: linear-gradient(135deg, #666, #333);
  box-shadow: 2px -2px 0 2px #dedede, 3px -3px 0 2px rgba(255, 255, 255, 0.1);
  border-radius: 0 5px 0 50px;
}

/*we dont need an arrow after the last link*/
.gl-breadcrumb a:last-child:after {
  content: none;
}

/*we will use the :before element to show numbers*/
.gl-breadcrumb a:before {
  /* 	content: counter(flag);
    counter-increment: flag; */
  /*some styles now*/
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 30px;
  background: #444;
  background: linear-gradient(#444, #222);
  font-weight: bold;
}

.gl-step-breadcrumb {
  position: absolute;
  right: -12px;
  font-size: 46px;
  z-index: 2;
  top: -12px;
  color: #008d43;
}

.gl-flat a, .gl-flat a:after {
  background: #ffffff;
  color: var(--theme-foreground-text);
  transition: all 0.5s;
}

.gl-flat a:before {
  background: #ffffff;
  box-shadow: 0 0 0 1px #ccc;
}

.gl-flat a:first-child:hover,
.gl-flat a:first-child:hover:after {
  background: var(--theme-primary-500);
  color: #ffffff;
}

.gl-flat a:last-child:hover, .gl-flat a:last-child:hover:after {
  cursor: auto;
  background: #ffffff;
  color: var(--theme-foreground-text);
}

.gl-navbar-item {
  padding: 12px 20px 5px 20px;
  font-size: 15px;
  color: var(--navbar-text-color);
  font-weight: 400;
}

.gl-title-container {
  display: table;
}

.gl-title {
  display: table-cell;
  white-space: nowrap;
  margin-right: 10px;
}

.gl-hzline {
  position: relative;
  top: 12px;
  display: table-cell;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
}

.form-container {
  position: relative;
}

.gl-vtline {
  position: absolute;
  top: 10px;
  width: 2px;
  height: 168px;
  background-color: rgba(0, 0, 0, 0.2117647059); /* Change the color as desired */
  margin-left: 50%;
}

.gl-payment-form {
  width: 100%;
}

.gl-step-progress-circle {
  margin-top: 10px;
  margin-left: 10px;
  padding: 3px 8px;
  font-weight: bold;
  border: 2px solid var(--theme-primary-500);
  border-radius: 50%;
  color: var(--theme-primary-500);
  width: 30px;
  height: 30px;
}

.gl-input {
  width: 200px;
  padding-top: 5px;
  padding-bottom: 5px;
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  outline: none;
}

.gl-border-right-export {
  border-right: 1px solid #dadada;
}

.gl-border-right {
  border-right: 2px solid #dddddd;
}

.gl-border-bottom {
  border-bottom: 2px solid #dddddd;
}

.gl-refill-vol-padding {
  padding: 6px 50px 6px 50px;
  color: #ffffff;
}

.gl-chart-btn-pstn {
  position: absolute;
  top: 14px;
  right: 115px;
}

.gl-col-chart-pstn {
  position: absolute;
  top: 29px;
  right: 126px;
}

.gl-dual-axis-chart-pstn {
  position: absolute;
  top: 37px;
  right: 137px;
}

.gl-gray-card {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1607843137);
  background-color: #f7f7f7 !important;
  border-radius: 10px;
  padding: 16px;
}

.gl-warn {
  color: #F68545;
}

.gl-link-color {
  color: #3232c1;
}

.gl-link-copied {
  background: #efefef;
  color: #777777;
  padding: 2px 8px 2px 8px;
  border-radius: 9px;
  margin-top: 5px;
}

.gl-tbl-border-top-none {
  border-top: none !important;
}

.gl-width-150px {
  width: 150px !important;
}

.gl-width-200px {
  width: 200px !important;
}

.gl-plus-minus-dropdown {
  border: 2px solid #9e9e9e;
  padding: 9.5px 3px;
  border-radius: 4px 0px 0px 4px;
  position: relative;
  background: #c2c2c2;
  right: -2px;
  color: #000000;
  z-index: 1;
}

.gl-percent-suffix-dropdown {
  border: 2px solid lightgrey;
  padding: 8.4px 7px;
  border-radius: 0px 4px 4px 0px;
  position: relative;
  top: -4.6px;
  background: lightgrey;
  right: 5px;
  z-index: 1;
}

.gl-padding-10 {
  padding: 10px;
}

.gl-border-bottom-none {
  border-bottom: none !important;
}

.gl-border-top-none {
  border-top: none !important;
}

.gl-border-gray {
  border: 1px solid #bbbbbb !important;
}

.gl-border-lightgray {
  border: 1.2px solid lightgrey !important;
}

.gl-border-right-gray {
  border-right: 1px solid #bbbbbb !important;
}

.gl-static-dollor-prefix {
  width: 40px;
  text-align: center;
  top: -8px;
}

.gl-card-border-left {
  border-left: 3px solid var(--theme-primary-500) !important;
}

.gl-font-style-italic {
  font-style: italic !important;
}

.gl-beta-vr {
  padding: 1px 6px;
  background: #047dd1;
  color: white;
  border-radius: 10px;
  position: absolute;
  top: 0px;
  right: -28px;
  font-size: 11px;
  animation: glow 0.85s ease-in-out infinite alternate;
}

.gl-pie-chart-height .gl-chart-height {
  height: 265px !important;
}

.gl-gradient-border {
  display: inline-block;
  padding-bottom: 5px;
  background: linear-gradient(to left, yellow, #00ac51);
  background-size: 100% 2px;
  background-position: bottom 0 left 0, bottom 5px left 0;
  background-repeat: no-repeat;
}

.gl-bg-lightgray {
  background: #f6f6f6;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.gl-table-around-border {
  border: 1px solid #ddd;
  border-radius: 3px !important;
}

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

.gl-calender-day {
  font-size: 14px;
  color: #292929 !important;
  text-align: center;
  background: #eaeaea;
  padding: 8px 0px 8px 0px;
  border-radius: 5px;
  font-weight: 500;
}

.gl-calender-day-mobile-view {
  width: 1205px !important;
}

.gl-calender-bg-disable {
  background: #F0F3F5 !important;
  cursor: not-allowed;
  box-shadow: 0px 1px 3px 0px #d0d0d0 !important;
}

.gl-calender-bg-enable {
  background: #F7F9FA !important;
  cursor: pointer;
  box-shadow: 0px 1px 3px 0px #d0d0d0 !important;
}

.gl-color-grey {
  color: #333333;
}

.gl-color-green {
  color: #00ac51;
}
@media screen and (min-width: 1024px) {
  .gl-card-margin {
    margin-left: 175px;
  }
  .gl-add-card-position {
    position: fixed;
    z-index: 20;
    left: 40vw;
    top: 20vh;
  }
}
.gl-white-space-no-wrap {
  white-space: nowrap !important;
}

.gl-footer {
  position: fixed;
  width: 97%;
  bottom: 0;
  left: 55px;
  right: 0;
  z-index: 10;
  background: var(--footer-background);
  height: 50px;
}

.gl-font-weight-200 {
  font-weight: 200;
}

.gl-footer-mb {
  position: fixed;
  width: 97%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: var(--footer-background);
  height: 50px;
}

@media screen and (min-width: 376px) and (max-width: 767px) {
  .gl-card-margin {
    margin-left: 35px;
  }
  .gl-add-card-position {
    position: fixed;
    z-index: 20;
    left: 2vw;
    top: 20vh;
  }
  .gl-screen-padding {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gl-navbar-item {
    padding: 9px 10px;
    height: 50px;
    font-size: 13px;
  }
  .mat-toolbar {
    box-shadow: 2px 0px 10px 0px #8f8c8c;
    margin-bottom: 10px !important;
  }
  .gl-mb-margin-top-10 {
    margin-top: 10px !important;
  }
  .gl-export-icon {
    width: 15px;
  }
  .gl-mb-float-right {
    float: right !important;
  }
  .gl-mb-text-center {
    text-align: center !important;
  }
  .gl-mb-margin-right-1 {
    margin-right: 1rem !important;
  }
  .gl-loading-msg-pstn {
    position: absolute;
    top: 45%;
    left: 30% !important;
  }
  .gl-mb-reconcile-table > tbody > tr > td:nth-child(1) {
    width: 170px;
  }
  .gl-mb-reconcile-table {
    white-space: nowrap;
  }
}
@media screen and (min-width: 260px) and (max-width: 375px) {
  .gl-card-margin {
    margin-left: 35px;
  }
  .gl-add-card-position {
    position: fixed;
    z-index: 20;
    left: 2vw;
    top: 22vh;
  }
  .gl-screen-padding {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gl-navbar-item {
    padding: 9px 10px;
    height: 50px;
    font-size: 13px;
  }
  .mat-toolbar {
    box-shadow: 2px 0px 10px 0px #8f8c8c;
    margin-bottom: 10px !important;
  }
  .gl-mb-margin-top-10 {
    margin-top: 10px !important;
  }
  .gl-export-icon {
    width: 15px;
  }
  .gl-mb-float-right {
    float: right !important;
  }
  .gl-mb-text-center {
    text-align: center !important;
  }
  .gl-mb-margin-right-1 {
    margin-right: 1rem !important;
  }
  .gl-loading-msg-pstn {
    position: absolute;
    top: 45%;
    left: 30% !important;
  }
  .gl-mb-reconcile-table {
    white-space: nowrap;
  }
  .gl-mb-reconcile-table > tbody > tr > td:nth-child(1) {
    width: 170px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
  .gl-card-margin {
    margin-left: 175px;
  }
  .gl-add-card-position {
    position: fixed;
    z-index: 20;
    left: 21vw;
    top: 20vh;
  }
  .gl-screen-padding {
    padding-left: 5px;
    padding-right: 5px;
  }
  .gl-mb-margin-top-10 {
    margin-top: 10px !important;
  }
  .gl-ip-text-center {
    text-align: center !important;
  }
  .gl-loading-msg-pstn {
    position: absolute;
    top: 45% !important;
    left: 40% !important;
  }
  .gl-ip-margin-right-1 {
    margin-right: 1rem !important;
  }
  .glcs-retail-all-icon {
    left: 8px !important;
    top: 5px !important;
  }
  .gl-ip-margin-right-10 {
    margin-right: 10px;
  }
}
.gl-tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.gl-tooltip .gl-tooltiptext {
  visibility: hidden;
  padding: 5px 10px;
  background-color: #676767;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
  font-size: 10px;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-left: -60px;
}

.gl-tooltip:hover .gl-tooltiptext {
  visibility: visible;
}

.gl-search-expand {
  background: var(--theme-primary-500);
  color: white;
  font-size: 21px;
  border-radius: 50px;
  padding: 0px 5px 1px 5px;
  position: absolute;
  left: 48.7%;
  margin-top: -10px;
  cursor: pointer;
}

.gl-navbar-sd-mnu-toggle {
  padding: 0px 9px !important;
  background: #008e43;
  color: white;
  border: 1px solid #e0f5ea;
  border-radius: 5px;
  font-size: 17px;
  margin-right: 5px;
}

.gl-fuel-table {
  white-space: nowrap;
}

.gl-fuel-table > thead > tr > th {
  background: #e9e9e9;
  z-index: 1;
  padding: 4px 10px 2px 10px;
  border-radius: 3px;
}

.gl-body-stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}

.gl-vertical-align {
  vertical-align: middle !important;
}

.gl-form-field-prefix-suffix {
  position: relative;
  top: -1px;
  font-size: 13px;
}

.gl-table-edit-button {
  position: relative;
  top: 3px;
  left: -2px;
  height: 34px;
  border: 1.2px solid #d7d7d7;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  color: var(--theme-primary-500);
  font-size: 19px;
  padding: 0px 10px;
  background: #fafafa;
}

.gl-table-text {
  padding-top: 7px !important;
  padding-bottom: 0px !important;
}

.gl-position-fixed-bg {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1;
}

.gl-step-progress-circle-white {
  background: white;
  font-size: 15px;
  border-radius: 20px;
  padding: 3px 8px;
  color: #00ac51;
  box-shadow: 2px 1px 8px 2px #e2e2e2 !important;
}

.gl-step-progress-circle-green {
  background: #00ac51;
  font-size: 15px;
  border-radius: 20px;
  padding: 3px 8px;
  color: #ffffff;
  box-shadow: 2px 1px 8px 2px #e2e2e2 !important;
}

.gl-table-col-ellipsis {
  width: 350px;
  text-overflow: ellipsis;
  display: block;
  overflow: hidden;
}

.mat-grid-tile-content {
  display: block !important;
}

.gl-vertical-step {
  padding: 50px;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
}

.gl-v-stepper {
  position: relative;
}

/* regular step */
.gl-vertical-step .circle {
  background-color: white;
  border: 4px solid gray;
  border-radius: 50%;
  color: gray;
  font-weight: 600;
  line-height: 26px !important;
  position: relative;
  width: 35px; /* +6 for border */
  height: 35px;
  text-align: center;
  display: inline-block;
  margin-right: 10px;
}

.gl-vertical-step .line {
  top: 35px;
  left: 16px;
  height: 230%;
  position: absolute;
  border-left: 3px solid gray;
}

.gl-vertical-step.completed .circle {
  visibility: visible;
  background-color: #00ac51;
  border-color: #00ac51;
  color: #FFFFFF;
}

.gl-vertical-step.failure .circle {
  visibility: visible;
  background-color: #de2d2d;
  border-color: #de2d2d;
  color: #FFFFFF;
}

.gl-vertical-step.completed .line {
  border-left: 3px solid var(--theme-primary-500);
}

.gl-vertical-step.active .circle {
  visibility: visible;
  border-color: #00ac51;
}

.gl-vertical-step:last-child .line {
  border-left: 3px solid white;
  z-index: -1; /* behind the circle to completely hide */
}

.qlz-tab-number {
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 8px;
  border-radius: 50%;
  background-color: #fff;
  color: #008D43;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
}

/* TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.mat-tab-label-active .qlz-tab-number {
  background-color: #FFFFFF;
  color: #008D43;
}

.green-bg {
  background-color: #008D43;
  color: #fff;
}

.white-bg {
  background-color: #FFFFFF;
  color: #008D43;
}

.gl-table-text-overflow {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.gl-table-wrap > table {
  white-space: pre-wrap !important;
}

.gl-text-wrap {
  text-wrap: initial !important;
}

.step-circle {
  width: 24px;
  height: 24px;
  border: 1px solid #000; /* Black outline */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  color: #000; /* Black text color */
  cursor: pointer;
  transition: border-color 0.3s, color 0.3s; /* Smooth transition effect */
}

/* Style for the circle when clicked */
.step-circle.clicked {
  border-color: #008D43; /* Green color */
  color: #008D43; /* Green text color */
}

/* Initial style for the text */
.step-text {
  color: #000; /* Black text color */
  cursor: pointer;
  transition: color 0.3s; /* Smooth transition effect */
}

/* Style for the text when clicked */
.step-text.clicked {
  color: #008D43; /* Green text color */
}

.dotted-box {
  border: 2px dashed #ccc;
  padding: 20px;
  text-align: center;
  margin-bottom: 10px;
}

gl-export-footer {
  position: absolute;
  bottom: 10px;
  width: 100%;
}

.gl-bg-aliceblue {
  background: aliceblue !important;
}

.gl-disabled {
  pointer-events: none; /* Disable pointer events to prevent interaction */
  opacity: 0.6; /* Optionally reduce opacity to visually indicate disabled state */
}

.gl-sidemenu-beta-vr {
  padding: 1px 8px;
  background: #047dd1;
  color: white;
  border-radius: 10px;
  font-size: 11px;
  animation: glow 0.85s ease-in-out infinite alternate;
}

.google-prediction-autocomplete-option {
  font-size: 14px !important;
  font-weight: 500 !important;
  height: 36px !important;
  border-bottom: 1px solid #c5c5c5 !important;
}

.gl-tab-select-box {
  padding: 5px 25px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}

.gl-event {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  position: relative;
  width: 100%;
}

.gl-event::before,
.gl-event::after {
  content: "";
  position: absolute;
  left: -31px;
  width: 4px;
  background-color: #ccc;
}

.gl-event::before {
  top: -20px;
  bottom: 50%;
}

.gl-event::after {
  top: 50%;
  bottom: -20px;
}

.gl-event:first-child::before,
.gl-event:last-child::after {
  display: none;
}

.gl-event-dot {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -34px; /* Changed from -54px */
  width: 10px; /* Slightly smaller */
  height: 10px;
  background-color: #fff;
  border: 2px solid #ccc;
  border-radius: 50%;
  z-index: 1;
}

.gl-event-content::before {
  content: "";
  position: absolute;
  left: -22px;
  top: 50%;
  transform: translateY(-50%);
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 9px solid #dd1313;
}

.label {
  margin-top: 13px;
  padding: 5px 10px;
  border-radius: 5px;
  color: white;
  margin-right: 10px;
  margin-left: -12px;
}

.gl-event.clock-in::after {
  background-color: #9FC75A;
}

.gl-event.break-start::before {
  background-color: #9FC75A;
}

.gl-event.break-start::after {
  background-color: #BB95F3;
}

.gl-event.break-complete::before {
  background-color: #BB95F3;
}

.gl-event.break-complete::after {
  background-color: #9FC75A;
}

.gl-event.break-complete-missing::before {
  background-color: #BB95F3;
}

.gl-event.break-complete-missing::after {
  background-color: #9FC75A;
}

.gl-event.clock-out::before {
  background-color: #9FC75A;
}

.gl-event.clock-out-missing::before {
  background-color: #9FC75A;
}

.clock-in .label {
  background-color: #9FC75A;
}

.clock-in .gl-event-content::before {
  border-right-color: #9FC75A;
}

.break-start .label, .break-complete .label {
  background-color: #BB95F3;
}

.break-start .gl-event-content::before,
.break-complete .gl-event-content::before {
  border-right-color: #BB95F3;
}

.clock-out .label {
  background-color: #9FC75A;
}

.clock-out .gl-event-content::before {
  border-right-color: #9FC75A;
}

.clock-in .gl-event-dot {
  border-color: #9FC75A;
}

.break-start .gl-event-dot, .break-complete .gl-event-dot {
  border-color: #BB95F3;
}

.clock-out .gl-event-dot {
  border-color: #9FC75A;
}

.break-complete-missing .label {
  background-color: #E17E33 !important;
  margin-bottom: 16px;
  margin-top: 16px;
}

.break-complete-missing .gl-event-content::before {
  border-right-color: #E17E33 !important;
  top: 28px;
}

.break-complete-missing .gl-event-dot {
  border-color: #E17E33 !important;
}

.clock-out-missing .label {
  background-color: #E17E33 !important;
}

.clock-out-missing .gl-event-content::before {
  border-right-color: #E17E33 !important;
}

.clock-out-missing .gl-event-dot {
  border-color: #E17E33 !important;
}

.clock-out-label-success {
  background-color: #9FC75A !important; /* Green */
}

.break-complete-label-success {
  background-color: #BB95F3 !important;
  margin-top: 0px;
}

.editable .gl-event-content {
  display: grid;
  grid-template-columns: auto auto auto auto;
  gap: 10px;
  align-items: center;
}

.icon {
  cursor: pointer;
  font-size: 18px;
}

.icon.save {
  color: #4caf50;
}

.icon.info {
  color: #2196F3;
}

.gl-summary-card-label {
  color: var(--theme-primary-800) !important;
}

.gl-line-height-1-2 {
  line-height: 1.2 !important;
}

.gl-group-table-total {
  background: #ebf7eb !important;
}

.gl-vertical-divider-summary-card {
  border-right: 1px solid #ace0c5;
}

.gl-vertical-divider-card {
  border-right: 1px solid gray;
}

.gl-full-screen {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

/* TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
.gl-mat-card-padding {
  padding: 12px 16px 12px 16px !important;
}

.gl-selected-row {
  background: #cdf0dd !important;
}

.gl-border-none {
  border: none !important;
}

.gl-white-space-normal {
  white-space: normal !important;
}

.status-pill {
  padding: 1px 12px;
  border-radius: 20px;
  display: inline-block;
  text-align: center;
  min-width: 80px;
}

.success {
  background: #28a745;
  color: white;
}

.warning {
  background: #f4a742;
  color: white;
}

.failure {
  background: #e74c3c;
  color: white;
}

.invalid {
  background: #f1c40f;
  color: black;
}

.gl-screen-bottom-margin {
  height: 90vh !important;
  scroll-behavior: smooth;
}

.gl-zendesk-help-widget {
  padding: 10px 0px 30px 0px !important;
  color: #dfdfdf;
  font-size: 25px;
  height: 25px !important;
  text-align: center;
  margin-left: 10px;
  background: transparent;
  border: none;
}

.gl-petromo-version {
  position: fixed;
  bottom: 0px;
  text-align: center;
  width: 100%;
  background: #e5e5e5;
  padding-top: 7px;
  padding-bottom: 7px;
  z-index: 8;
}

.gl-pdf-viewer {
  width: 100vw;
  height: 1170px;
  display: block;
  background: #e8e8e8;
  padding-top: 20px;
  padding-bottom: 10px;
  zoom: 80%;
}

.gl-recommended-batch {
  padding: 2px 10px;
  background: var(--theme-primary-500);
  border-radius: 10px;
}

.gl-beta-sc-label {
  padding: 1px 8px;
  background: #047dd1;
  color: white;
  border-radius: 10px;
  font-size: 11px;
  animation: glow 0.85s ease-in-out infinite alternate;
}

.gl-mat-active-tab {
  background: white !important;
  color: #00AC51 !important;
  font-weight: 600;
  padding: 7px 10px;
  position: absolute;
  left: 0px !important;
  right: 0px !important;
}

.gl-mat-inactive-tab {
  background: white !important;
  color: #575757 !important;
  font-weight: 600;
  padding: 7px 10px;
  position: absolute;
  left: 0px !important;
  right: 0px !important;
}

.no-margin {
  margin: 0;
}

.gl-loading-msg-pstn {
  position: absolute;
  top: 45%;
  left: 46%;
}

.gl-dot-loader {
  display: inline-block;
  font-size: 0px;
  padding: 0px;
}

.gl-dot-loader span {
  vertical-align: middle;
  border-radius: 100%;
  display: inline-block;
  width: 15px;
  height: 15px;
  margin: 5px 3px;
  animation: gl-dot-loader 0.8s linear infinite alternate;
}

.gl-dot-loader span:nth-child(1) {
  animation-delay: -1s;
  background: var(--theme-primary-500);
}

.gl-dot-loader span:nth-child(2) {
  animation-delay: -0.8s;
  background: var(--theme-primary-500);
}

.gl-dot-loader span:nth-child(3) {
  animation-delay: -0.26666s;
  background: var(--theme-primary-500);
}

.gl-dot-loader span:nth-child(4) {
  animation-delay: -0.8s;
  background: var(--theme-primary-500);
}

.gl-dot-loader span:nth-child(5) {
  animation-delay: -1s;
  background: var(--theme-primary-500);
}

@keyframes gl-dot-loader {
  from {
    transform: scale(0, 0);
  }
  to {
    transform: scale(1, 1);
  }
}
.gl-vertical-none {
  border-left: none !important;
  border-right: none !important;
}

.status-badge-success {
  background-color: #e6f4ea;
  color: #1e7e34;
  border: 1px solid #2e7d32;
  padding: 4px 12px;
  border-radius: 16px;
}

.status-badge-draft {
  background-color: #fff3cd;
  color: #856404;
  border: 1px solid #ffeeba;
  padding: 4px 12px;
  border-radius: 16px;
}

.header-actions-overlay {
  position: absolute;
  top: 24px;
  right: 36px;
  z-index: 10;
}
.header-actions-overlay .btn-header-reset {
  background-color: #fff !important;
  height: 32px;
  line-height: 30px;
  border: 1px solid #f44336;
}
.header-actions-overlay .btn-header-reset i {
  margin-right: 6px;
}
.header-actions-overlay .btn-header-reset:hover {
  background-color: #fff5f5 !important;
}

.mat-snack-bar-container.snackbar-success {
  background-color: var(--theme-primary-500) !important;
}
.mat-snack-bar-container.snackbar-success .mat-simple-snack-bar-content {
  color: #ffffff !important;
}
.mat-snack-bar-container.snackbar-success .mat-simple-snackbar-action button {
  color: #ffffff !important;
}

.mat-snack-bar-container.snackbar-error {
  background-color: var(--theme-warn-color) !important;
}
.mat-snack-bar-container.snackbar-error .mat-simple-snack-bar-content {
  color: #ffffff !important;
}
.mat-snack-bar-container.snackbar-error .mat-simple-snackbar-action button {
  color: #ffffff !important;
}

.gl-text-typed-animation {
  overflow: hidden;
  white-space: nowrap;
  width: 0;
  animation: typing;
  animation-duration: 1.5s;
  animation-timing-function: steps(30, end);
  animation-fill-mode: forwards;
}

@keyframes typing {
  from {
    width: 0;
  }
  to {
    width: 100%;
  }
}
.glcs-list-height {
  height: 80vh;
  overflow: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.glcs-list-height::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.glcs-list-height::-webkit-scrollbar-track {
  background: #f9f9f9;
}
.glcs-list-height::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}
.glcs-list-height::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}

.glcs-tab-height {
  min-height: 450px;
  overflow: scroll;
}

.glcs-station-overview-widget {
  position: absolute;
  top: 100px;
  left: 140px;
  right: 0px;
  z-index: 10;
}

.glcs-analyse-overlay {
  background: #333;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: 2;
}

.glcs-tank-inventory-height {
  min-height: 250px;
}

.glcs-slides {
  display: none;
}

.glcs-slides img {
  vertical-align: middle;
}

/* Slideshow container */
.glcs-slideshow-container {
  width: 100%;
  position: relative;
  background: #ffffff;
}

.glcs-prev {
  cursor: pointer;
  position: absolute;
  top: 2px;
  left: 0px;
  padding: 134px 16px 138px 16px;
  color: #969696;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Next & glcs-previous buttons */
.glcs-next {
  cursor: pointer;
  position: absolute;
  top: 2px;
  right: 0px;
  padding: 134px 16px 138px 16px;
  color: #969696;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
}

/* Position the "glcs-next button" to the right */
/* On hover, add a black background color with a little bit see-through */
.glcs-prev:hover,
.glcs-next:hover {
  background-color: #efefef;
}

/* Fading animation */
.glcs-fade {
  -webkit-animation-name: fade;
  -webkit-animation-duration: 1.5s;
  animation-name: fade;
  animation-duration: 1.5s;
}
@keyframes fade {
  from {
    opacity: 0.4;
  }
  to {
    opacity: 1;
  }
}
/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .glcs-prev,
  .glcs-next,
  .text {
    font-size: 11px;
  }
}
.glcs-station-list-width-45 {
  width: 45vw;
}

.glcs-station-list-width-100 {
  width: 100vw;
}

.glcs-station-list-table {
  white-space: nowrap;
}

.glcs-station-list-table > thead > tr > th {
  background: #eaeaea;
  position: sticky;
  top: 0;
  font-size: 14px;
  color: var(--theme-foreground-text);
}

.glcs-station-list-table > tbody > tr > td {
  font-size: 14px;
  line-height: 25px;
  height: 50px;
  border-top: 5px solid #ffffff;
  color: var(--theme-foreground-text);
}

.table > tbody > tr.active td {
  background: var(--theme-primary-500);
}

.glcs-station-list-table > thead > tr > th:nth-child(1) {
  width: 98px;
}

.glcs-station-list-table > thead > tr > th:nth-child(2) {
  width: 80px;
}

.glcs-station-list-table > thead > tr > th:nth-child(3) {
  width: 80px;
}

.glcs-package-table {
  white-space: nowrap;
}

.glcs-package-table > thead > tr > th {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  border-left: 8px solid white;
  border-bottom: none !important;
}

.glcs-package-table > tbody > tr:nth-child(even) {
  background-color: #fbfbfb;
}

.glcs-package-table > tbody > tr:nth-child(odd) {
  background-color: #f1f3f5;
}

.glcs-package-table > tbody > tr > td {
  border-top: none;
  position: relative;
  border-left: 8px solid white;
}

.glcs-selected-row-bg {
  background: var(--theme-primary-50);
  color: var(--theme-foreground-text);
}

.glcs-selected-non-detail {
  background: #ffebee;
  color: var(--theme-foreground-text);
}

.glcs-not-selected-bg {
  background: #f5f5f5;
  color: var(--theme-foreground-text);
}

.glcs-analyse-table-overflow {
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

/*TODO(mdc-migration): The following rule targets internal classes of paginator that may no longer apply for the MDC version.*/
.glcs-mat-paginator-sticky {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.glcs-overflow-scroll {
  overflow-y: scroll;
}

.glcs-selected-row-border {
  border-left: 4px solid var(--theme-primary-500);
}

.glcs-inventory-table > thead > tr > th {
  font-size: 12px;
  color: var(--theme-foreground-text);
  background: #F8F9FB;
  text-align: center;
  position: sticky;
  top: 0;
  padding: 12px;
}

.glcs-inventory-table > thead > tr > th {
  width: 80px;
  padding: 8px;
}

.glcs-inventory-table > tbody > tr > td {
  width: 80px;
  border-top: 0.5px solid #e2e2e2;
  padding: 12px;
  color: var(--theme-foreground-text);
}

.glcs-width-44-vw {
  width: 44vw;
  max-height: 500px;
}

.glcs-width-52-vw {
  width: 52vw;
  max-height: 500px;
}

.glcs-width-100-vw {
  width: 100vw;
  max-height: 500px;
}

.glcs-inv-tbl-w-825 {
  width: 825px;
}

.glcs-inv-tbl-w-880 {
  width: 880px;
}

.glcs-inv-tbl-w-1120 {
  width: 1120px;
}

.glcs-inv-tbl-w-1375 {
  width: 1375px;
}

.glcs-inv-tbl-w-1600 {
  width: 1600px;
}

.glcs-inv-tbl-w-1840 {
  width: 1840px;
}

.glcs-inv-tbl-w-2100 {
  width: 2100px;
}

.glcs-legend-color {
  color: #FDF288;
}

.glcs-projection-bg {
  background: #F7F7F7;
}

.glcs-ullage-legend-position {
  position: absolute;
  right: 45px;
  top: 12px;
}

.glcs-width-52-vw {
  width: 52vw;
  max-height: 500px;
}

.glcs-width-100-vw {
  width: 100vw;
  max-height: 500px;
}

.glcs-analyse-refill-table > thead > tr > th {
  font-size: 14px;
  color: var(--theme-foreground-text);
  background: #F8F9FB;
  text-align: left;
  padding: 12px;
}

.glcs-analyse-refill-table > tbody > tr > td > span {
  border-top: 0.5px solid #e2e2e2;
  color: var(--theme-foreground-text);
  font-weight: lighter;
  padding-top: 12px;
  padding-bottom: 12px;
  font-size: 14px;
}

.glcs-margin-bottom-14 {
  margin-bottom: 14px;
}

.glcs-menu-icon-bg {
  padding: 22px;
  border-radius: 50%;
}

.glcs-day-close-export-icon {
  position: absolute;
  left: 11px;
  top: 10px;
}

.glcs-menu-icon {
  position: absolute;
  margin-left: 12px;
}

.glcs-selected-menu-bg {
  background: var(--theme-primary-50) !important;
}

.glcs-bg-disc-1 {
  padding: 22px;
  border-radius: 50%;
  background: green;
}

.glcs-btn-padding {
  padding-left: 40px;
  padding-right: 40px;
}

.glcs-sale-data-table-height {
  height: 85%;
  overflow: scroll;
}

.glcs-menu-spacer {
  flex: 1 1 auto;
}

.glcs-navbar-outline {
  background: var(--navbar-background);
  box-shadow: 0px -1px 5px 1px grey;
  z-index: 10;
  position: fixed;
  height: 50px !important;
  color: var(--navbar-text-color);
}

.glcs-fuel-sale-label-pstn {
  position: absolute;
  bottom: 0px;
  left: 26%;
}

.glcs-navbar-right-menu {
  display: flex;
  justify-content: flex-end;
}

.glcs-alert-icon {
  padding: 0px 6px;
  background: #f44336;
  border-radius: 50%;
  color: #ffffff;
  position: absolute;
  margin-left: -12px;
  margin-top: -10px;
}

.glcs-device-status-position {
  line-height: 8px;
  margin-top: -3px;
}

.glcs-text-box-width {
  width: 25%;
}

.glcs-line-height-initial {
  line-height: initial;
}

.glcs-example-month-picker {
  pointer-events: none;
  display: none;
}

.glcs-reconciliation-table {
  width: 100%;
  border: 2px solid #dddddd;
}

.glcs-reconciliation-table > thead > tr {
  font-size: 15px;
  background-color: #F0F3F5;
}

.glcs-category-sale-report-width {
  min-width: 120px;
  max-width: 130px;
}

.glcs-reconciliation-table > thead > tr > th {
  font-size: 15px;
  color: var(--theme-foreground-text);
  font-weight: 500;
  vertical-align: middle;
}

.glcs-report-table {
  width: 100%;
  border: 2px solid #dddddd;
  white-space: nowrap;
}

.glcs-report-table > thead > tr {
  font-size: 15px;
  background-color: #F0F3F5;
}

.glcs-report-table > thead {
  z-index: 3;
  position: sticky;
  top: 0;
}

.glcs-report-table > thead > tr > th {
  font-size: 15px;
  color: var(--theme-foreground-text);
  border: 1px solid #bbbbbb !important;
  background: #eaeaea;
}

.glcs-grp-table-padding > thead > tr > th {
  padding: 4px 12px !important;
}

.glcs-grp-table-padding > tbody > tr > td {
  padding: 4px 12px !important;
  vertical-align: middle;
}

.glcs-reconciliation-body > td {
  font-size: 16px;
  background-color: #ffffff;
}

.glcs-reconciliation-footer > td {
  background-color: #ececec;
  font-weight: bold;
}

.glcs-reconciliation-header > th {
  background-color: #ececec;
}

.glcs-report-header > th {
  background-color: #ececec;
}

.glcs-reconciliation-error {
  background-color: #ffffff;
}

.glcs-edit-cash-reconciliation-footer {
  background-color: #d2d2d2;
  padding-top: 20px;
  padding-bottom: 20px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
}

.glcs-ebay-login-cart-pstn {
  position: absolute;
  top: 40%;
  left: 15%;
  width: 100px;
}

.glcs-tab-secondary {
  background: #ffffff;
  color: var(--theme-foreground-text);
  border: 0.5px solid #d2d2d2;
}

.glcs-device-img-size {
  width: 80%;
  height: 60%;
}

.glcs-qty-btn-disable {
  color: #9e9e9e;
  border: none;
  line-height: 18px;
  border: none;
  padding: 6px 8px 6px 8px;
}

.glcs-qty-input {
  outline: 0;
  width: 40px;
  height: 30px;
  text-align: center;
  border: 1px solid #d6d5d5;
  border-radius: 2px;
}

.glcs-qty-btn {
  border: none;
  color: #717171;
  line-height: 18px;
  background-color: #E0E1E2;
  padding: 6px 8px 6px 8px;
}

.glcs-tab-vertical-divider {
  position: absolute;
  height: 500px;
  margin-top: 45px;
  width: 1px;
  background: #c1c1c1;
}

.glcs-device_label_color {
  color: #575757;
}

.glcs-order-summary-card {
  position: absolute;
  left: 60px;
  top: 20vh;
}

.glcs-alarm-header-color {
  background-color: #f5f5f5;
}

.glcs-percentage {
  width: 62px;
}

.glcs-listed-label {
  padding-top: 2px;
  padding-right: 55px;
  padding-bottom: 2px;
  padding-left: 19px;
  background-color: #dbfdeb;
  color: var(--theme-primary-500);
}

.glcs-failed-label {
  padding-top: 2px;
  padding-right: 55px;
  padding-bottom: 2px;
  padding-left: 19px;
  background-color: #fddfe2;
  color: #ef5350;
}

.carousel-wrapper {
  position: relative;
}
.carousel-wrapper .carousel-item img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  height: 106px;
  margin-top: -19px;
}
.carousel-wrapper .carousel-item {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  padding: 25px 50px;
  opacity: 0;
  transition: all 0.5s ease-in-out;
  border: 1px solid #aaa;
}
.carousel-wrapper .carousel-item .arrow {
  position: absolute;
  top: 0;
  display: block;
  width: 30px;
  height: 100%;
  -webkit-tap-highlight-color: var(--theme-primary-500);
  background: url("/assets/images/leftArrow.svg") 50% 50%/16px no-repeat;
}
.carousel-wrapper .carousel-item .arrow.arrow-prev {
  left: 0;
}
.carousel-wrapper .carousel-item .arrow.arrow-prev:disabled {
  opacity: 0.7;
}
.carousel-wrapper .carousel-item .arrow.arrow-next:disabled {
  opacity: 0.7;
}
.carousel-wrapper .carousel-item .arrow.arrow-next {
  right: 0;
  transform: rotate(180deg);
}
.carousel-wrapper .carousel-item.light {
  color: #ffffff;
}
.carousel-wrapper .carousel-item.light .arrow {
  background: url("/assets/images/leftArrow.svg") 50% 50%/16px no-repeat;
}
@media (max-width: 480px) {
  .carousel-wrapper .carousel-item .arrow, .carousel-wrapper .carousel-item.light .arrow {
    background-size: 10px;
    background-position: 10px 50%;
  }
}
.carousel-wrapper [id^=target-item] {
  display: none;
}
.carousel-wrapper .item-1 {
  z-index: 2;
  opacity: 1;
}
.carousel-wrapper :target ~ .item-1 {
  opacity: 0;
}
.carousel-wrapper #target-item-1:target ~ .item-1 {
  opacity: 1;
}

.glcs-listing-tab-pd {
  padding: 4px 20px 3px 20px;
}

.glcs-outline {
  background: #ffffff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border: 0.25px solid #CECECE;
  border-radius: 8px;
  opacity: 1;
}

.glcs-camera-icon {
  width: 14px;
}

.glcs-warning-color {
  color: #ef5350;
}

.glcs-listing-padding {
  padding: 2px 8px 2px 8px;
  border-radius: 3px;
}

.glcs-listed-msg-height {
  height: 90px !important;
}

.glcs-ecm-list-success-border {
  border: 1px solid #7ce0ab;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.glcs-ecm-list-failed-border {
  border: 1px solid #ffa9a7;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}

.glcs-spacing {
  padding: 2px;
}

.glcs-hr {
  margin-top: 13px;
  margin-bottom: 22px;
  margin-left: -22px;
}

.glcs-img-ca-silde-count {
  position: absolute;
  z-index: 3;
  margin-top: -24px;
}

.glcs-uploadfilecontainer {
  position: relative;
  height: 65px;
  width: 100%;
  border: 2px dashed var(--theme-primary-500);
  border-radius: 10px;
}
.glcs-uploadfilecontainer::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50px;
  height: 50px;
  background-color: var(--theme-primary-500, var(--theme-primary-500));
  -webkit-mask-image: url("/assets/images/upload.svg");
  mask-image: url("/assets/images/upload.svg");
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-position: center;
  mask-position: center;
}

.glcs-uploadfilecontainer:hover:not(:disabled) {
  cursor: pointer;
  background-color: var(--theme-primary-50) !important;
  opacity: 0.8;
}

.glcs-ez-uploadfilecontainer {
  background-image: url("/assets/images/ez-upload.svg");
  background-repeat: no-repeat;
  background-size: 50px;
  background-position: center;
  height: 65px;
  width: 100%;
  border: 2px dashed var(--theme-primary-500);
  border-radius: 10px;
}

.glcs-ez-uploadfilecontainer:hover:not(:disabled) {
  cursor: pointer;
  background-color: var(--theme-primary-50) !important;
  opacity: 0.8;
}

.glcs-files-list {
  display: flex;
  justify-content: space-around;
  width: 100%;
  background: #ffffff;
  border: 1px dashed;
  border-radius: 12px;
  padding: 5px;
  color: var(--theme-primary-500);
  word-break: break-word;
}

.glcs-delete-file {
  display: flex;
  align-items: center;
  font-size: 16px;
}

.glcs-table-search {
  height: 25px;
  border-radius: 4px;
  max-width: 155px;
}

.glcs-action-col-align {
  padding-bottom: 24px;
}

.glcs-bc-margin-left {
  margin-left: 2rem;
}

.glcs-pos-exe-sumry {
  width: 1500px;
  overflow-x: scroll;
}

.glcs-thumbfr-1 {
  margin: 5px;
  border: 2px solid #dadada;
  border-radius: 5px;
  box-sizing: content-box;
  width: 100%;
  float: left;
  height: 50px;
  height: 75px;
}

.glcs-thumbfr-2 {
  margin: 5px;
  border: 2px solid #dadada;
  border-radius: 5px;
  box-sizing: content-box;
  width: 100%;
  float: left;
  height: 50px;
  height: 60px;
}

.glcs-thumbfr-3 {
  margin: 5px;
  border: 2px solid #dadada;
  border-radius: 5px;
  box-sizing: content-box;
  width: 100%;
  float: left;
  height: 50px;
  height: 50px;
}

.glcs-thm-img-1 {
  width: 100%;
  height: 72px;
  object-fit: contain;
}

.glcs-thm-img-2 {
  width: 100%;
  height: 57px;
  object-fit: contain;
}

.glcs-thm-img-3 {
  width: 100%;
  height: 48px;
  object-fit: contain;
}

.glcs-thumbnail-cross-ps {
  position: absolute;
  left: -5px;
  top: -12px;
  font-size: 15px;
  color: #828282;
}

.glcs-select-dropdown {
  height: 36.5px;
  background: #eaeaea;
  border: 1.5px solid #d8d8d8;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  margin-top: 4px;
  margin-left: -2px;
  color: var(--theme-foreground-text);
  font-weight: 300;
  outline: none;
}

.glcs-ecm-pop-up {
  position: absolute;
  background: #ffffff;
  padding: 16px;
  z-index: 10;
  box-shadow: 0px 0px 3px 2px lightgrey;
  width: 550px;
}

.glcs-shipping-font-size {
  font-size: 11px;
}

.glcs-ecm-listing-width {
  width: 1700px;
}

.glcs-table-customize {
  background: #ffffff;
  padding: 12px;
  z-index: 10;
  box-shadow: 0px 0px 3px 2px lightgrey;
  max-width: 260px !important;
  max-height: 500px !important;
}

.glcs-table-stations {
  background: #ffffff;
  padding: 0px !important;
  z-index: 10;
  box-shadow: 0px 0px 3px 2px lightgrey;
  max-width: 260px !important;
  max-height: 500px !important;
}

.glcs-table-sort {
  background: #ffffff;
  padding: 12px;
  z-index: 100;
  box-shadow: 0px 0px 3px 2px lightgrey;
  width: 550px;
  position: absolute;
}
.glcs-table-sort mat-form-field {
  width: 100%;
  margin-bottom: 5px;
}
.glcs-table-sort mat-form-field .mat-mdc-form-field-infix {
  padding-top: 20px !important;
}

.glcs-table-filter {
  background: #ffffff;
  padding: 12px;
  z-index: 10;
  box-shadow: 0px 0px 3px 2px lightgrey;
  width: 500px;
}

.glcs-mat-dropdown-search {
  height: 40px;
  border-bottom: 1px solid #a7a6a6;
  margin-bottom: 2px;
}

.glcs-nav-toggle-icon {
  padding: 18px 50px 12px 15px;
}

.glcs-sidebar-logo-minimize {
  color: var(--theme-primary-500);
  margin-left: 7px;
  position: relative;
  top: 8px;
}

.glcs-sidebar-logo-expand {
  color: var(--theme-primary-500);
  margin-left: 7px;
  position: relative;
  top: 8px;
  font-size: 28px;
}

.glcs-sidemenu-footer {
  position: fixed;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  background: var(--side-menu-logo-bg);
  padding-top: 10px;
  padding-bottom: 10px;
}

.glcs-sidemenu-footer:hover > nav {
  width: 72px !important;
}

/* Media query for mobile screens */
@media (max-width: 767px) {
  .glcs-sidemenu-footer {
    bottom: initial;
    /* This will reset the 'bottom' property for mobile screens */
  }
}
/* Style for mobile screens (including landscape mode) */
@media (max-width: 915px) {
  .glcs-sidemenu-footer {
    bottom: initial;
    /* Reset the 'bottom' property for all mobile screens */
  }
}
/* Media query for portrait orientation on tablet screens */
@media screen and (min-width: 768px) and (max-width: 1023px) and (orientation: portrait) {
  .glcs-sidemenu-footer {
    position: fixed;
    bottom: 0px;
  }
}
/* Media query for landscape orientation on tablet screens */
@media screen and (min-width: 1024px) and (max-width: 1367px) and (orientation: landscape) {
  .glcs-sidemenu-footer {
    position: fixed;
  }
}
/* Media query for larger screens (adjust the min-width as needed) */
@media screen and (min-width: 1368px) {
  .glcs-sidemenu-footer {
    position: fixed;
    bottom: 0px;
  }
}
.glcs-bus-sidemenu-footer {
  background: var(--side-menu-logo-bg) !important;
}

.glcs-sidemenu-bus-footer {
  background: var(--side-menu-bus-logo-bg);
}

.glcs-main-menu:hover,
nav.glcs-main-menu.expanded.glcs-sidebar-logo-minimize {
  font-size: 28px;
}

.glcs-main-menu:hover,
nav.glcs-main-menu.expanded {
  width: 280px;
}
.glcs-main-menu:hover .glcs-nav-group,
nav.glcs-main-menu.expanded .glcs-nav-group {
  visibility: visible;
  transition-delay: 0.3s;
}
.glcs-main-menu:hover .glcs-petromo-logo-expand,
nav.glcs-main-menu.expanded .glcs-petromo-logo-expand {
  visibility: visible;
  display: initial;
  transition-delay: 0.3s;
}
.glcs-main-menu:hover .glcs-petromo-logo-unexpand,
nav.glcs-main-menu.expanded .glcs-petromo-logo-unexpand {
  visibility: hidden;
  display: none;
  transition-delay: 0.3s;
}
.glcs-main-menu:hover .glcs-petromo-footer-logo-expand,
nav.glcs-main-menu.expanded .glcs-petromo-footer-logo-expand {
  visibility: visible;
  display: initial;
  transition-delay: 0.3s;
}
.glcs-main-menu:hover .glcs-petromo-footer-logo-unexpand,
nav.glcs-main-menu.expanded .glcs-petromo-footer-logo-unexpand {
  visibility: hidden;
  display: none;
  transition-delay: 0.3s;
}
.glcs-main-menu:hover .glcs-body-overlay,
nav.glcs-main-menu.expanded .glcs-body-overlay {
  z-index: 9;
  display: initial;
}

.glcs-petromo-logo-expand {
  width: 155px;
  display: contents;
  visibility: hidden;
  transition-delay: 0.3s;
}

.glcs-petromo-logo-unexpand {
  width: 40px;
  visibility: visible;
  transition-delay: 0.3s;
}

.glcs-petromo-footer-logo-expand {
  display: none;
  visibility: hidden;
  transition-delay: 0.2s;
}

.glcs-petromo-footer-logo-unexpand {
  visibility: visible;
  transition-delay: 0.2s;
}

.glcs-body-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.5;
  z-index: -1;
  display: none;
  background: #333;
}

.glcs-sidemenu-logo-bg {
  background: var(--side-menu-logo-bg);
}

.glcs-bus-sidemenu-logo-bg {
  background: var(--side-menu-logo-bg) !important;
}

.glcs-sidemenu-bus-logo-bg {
  background: var(--side-menu-bus-logo-bg);
}

.glcs-main-menu {
  background: var(--side-menu-background);
  border-right: 1px solid #e5e5e5;
  position: fixed;
  top: 0;
  bottom: 0;
  height: 100%;
  left: 0;
  width: 72px;
  overflow: hidden;
  transition: width 0.05s linear;
  transition-delay: 0.28s;
  -webkit-transform: translate(0);
  z-index: 10;
}

.glcs-main-menu-business {
  background: var(--side-menu-background);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.glcs-main-menu-business {
  background: var(--side-menu-bus-background) !important;
}

.glcs-bus-active-menu {
  border-left: 2px solid #434343 !important;
  background: rgba(63, 63, 63, 0.5019607843) !important;
}

.glcs-bus-active-item {
  border-left: 3px solid var(--theme-primary-500) !important;
  background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), var(--side-menu-bus-background);
  z-index: 2;
}

/*TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
.glcs-mat-card-transistion {
  transition: all 0.25s ease !important;
  transition-delay: 0.025s !important;
}

.glcs-main-menu .glcs-nav-text {
  text-align: left;
  margin-left: 65px;
  width: 208px;
}

.glcs-main-menu li:hover {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.2);
}

.glcs-main-menu-business li:hover {
  color: #ffffff;
  background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), var(--side-menu-bus-background);
}

.glcs-main-menu > ul {
  padding: 0px;
  height: 78.5vh;
  overflow-x: hidden;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.glcs-main-menu > ul::-webkit-scrollbar {
  width: 3px;
}
.glcs-main-menu > ul::-webkit-scrollbar-track {
  background: #999999;
}
.glcs-main-menu > ul::-webkit-scrollbar-thumb {
  background: #555555;
  border-radius: 0.2rem;
}
.glcs-main-menu > ul::-webkit-scrollbar-thumb:hover {
  background: #343434;
}

.glcs-main-menu-business > ul {
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.glcs-main-menu-business > ul::-webkit-scrollbar {
  width: 3px;
}
.glcs-main-menu-business > ul::-webkit-scrollbar-track {
  background: #f9f9f9 !important;
}
.glcs-main-menu-business > ul::-webkit-scrollbar-thumb {
  background: #c1c1c1 !important;
  border-radius: 0.2rem;
}
.glcs-main-menu-business > ul::-webkit-scrollbar-thumb:hover {
  background: #343434;
}

.glcs-main-menu li {
  position: relative;
  display: block;
  width: 280px;
}

.glcs-main-menu li > a {
  position: relative;
  display: grid;
  grid-template-columns: 0px auto;
  border-collapse: collapse;
  border-spacing: 0;
  color: #b7c0cd;
  font-family: "Open Sans Light", sans-serif;
  font-size: 14px;
  text-decoration: none;
  transition: all 0.1s linear;
}

.glcs-main-menu-business li > a {
  color: #292929 !important;
}

.glcs-sm-dp-collapse {
  display: flex;
  flex-direction: column;
  max-height: 0;
  width: 100%;
  transition: max-height, 0.4s ease-in-out;
  overflow-y: hidden;
  overflow-x: hidden;
}

.glcs-sm-dp-expand {
  max-height: 400px;
  overflow-y: hidden;
  overflow-x: hidden;
}

.glcs-icon-expanded {
  width: 64px;
  padding-left: 26px;
  padding-bottom: 5px;
  padding-top: 10px;
  padding-right: 22px;
}

.glcs-main-menu .glcs-nav-icon {
  position: relative;
  display: table-cell;
  width: 60px;
  height: 36px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
}

.glcs-main-menu .glcs-nav-item {
  color: #ffffff;
  font-weight: 400;
  z-index: 3;
  margin-bottom: 0 !important;
}

.glcs-main-menu-business .glcs-nav-item {
  color: #292929 !important;
}

.glcs-main-menu-business .glcs-nav-bus-item {
  color: var(--side-menu-bus-text-color) !important;
  margin-bottom: 0 !important;
}

.glcs-main-menu.expanded {
  width: 280px;
  overflow-x: hidden;
  overflow-y: auto;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.glcs-main-menu.expanded::-webkit-scrollbar {
  width: 3px;
}
.glcs-main-menu.expanded::-webkit-scrollbar-track {
  background: #999999;
}
.glcs-main-menu.expanded::-webkit-scrollbar-thumb {
  background: #555555;
  border-radius: 0.2rem;
}
.glcs-main-menu.expanded::-webkit-scrollbar-thumb:hover {
  background: #343434;
}
.glcs-main-menu.expanded .glcs-nav-group {
  display: block;
}

.glcs-nav-group {
  padding-left: 10px;
  color: #ffffff;
  visibility: hidden;
  height: 23px;
  transition-delay: 0.27s;
}

.glcs-rotate {
  transition: all 0.2s linear;
}

.glcs-down-arrow-styling {
  position: absolute;
  right: 25px;
  color: #ffffff;
}

.glcs-bus-down-arrow-styling {
  color: #292929 !important;
}

.glcs-bus-sidebar-arrow {
  color: var(--side-menu-bus-text-color) !important;
}

.glcs-padding-tb-5 {
  padding-top: 2px;
  padding-bottom: 2px;
}

.glcs-menu-top-responsive {
  top: 0px;
}

.glcs-drag-drop-container {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
}

.glcs-drag-drop-box-gray {
  border: solid 1px #ccc;
}

.glcs-drag-drop-box-red {
  border: solid 1px #FD4E4E;
}

.glcs-drag-drop-box {
  width: 100%;
  height: 70px;
  cursor: move;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  background: transparent;
  border-radius: 4px;
  position: relative;
  z-index: 1;
  transition: box-shadow 300ms cubic-bezier(0, 0, 0.2, 1);
  box-shadow: 0 3px 1px -5px rgba(0, 0, 0, 0.2), 0 0px 1px 0 rgba(0, 0, 0, 0.09), 0 1px 2px 0 rgba(0, 0, 0, 0.09);
}

.glcs-drag-drop-box:active {
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
  opacity: 0.6;
}

.cdk-drop-list {
  display: flex;
  padding-right: 10px;
  padding-bottom: 10px;
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-preview {
  box-sizing: border-box;
  border-radius: 4px;
  box-shadow: 0 5px 5px -3px rgba(0, 0, 0, 0.2), 0 8px 10px 1px rgba(0, 0, 0, 0.14), 0 3px 14px 2px rgba(0, 0, 0, 0.12);
}

.cdk-drag-placeholder {
  opacity: 0;
}

.cdk-drag-animating {
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
}

/* .glcs-drag-drop-box:last-child {
  border: none;
} */
.glcs-drag-drop-list.cdk-drop-list-dragging .glcs-drag-drop-box:not(.cdk-drag-placeholder) {
  transition: transform 150ms cubic-bezier(0, 0, 0.2, 1);
}

.glcs-custom-col {
  transition: transform 0.3s;
}

.glcs-custom-col:hover {
  transform: scale(1);
  font-size: 14px;
}

.glcs-border-table-option {
  border-left: 1px solid #b7b6b6;
  padding-left: 12px;
  padding-right: 12px;
  height: 23px;
  white-space: nowrap;
  z-index: 2;
  overflow: visible !important;
}

.glcs-border-table-option-right {
  border-right: 1px solid #b7b6b6;
  padding-right: 12px;
  height: 23px;
}

.glcs-view-tab {
  padding: 0.4rem 1.5rem;
}

.glcs-kit-qty {
  border: 1px solid #b3b3b3;
  height: 25px;
  width: 50px;
  border-radius: 3px;
}

.glcs-ecm-oem-pop-up {
  position: absolute;
  background: #ffffff;
  padding: 16px;
  z-index: 10;
  box-shadow: 0px 0px 3px 2px lightgrey;
  max-width: 250px;
  min-width: 120px;
}

.glcs-tb-border-radius {
  border-radius: 5px;
}

.glcs-thumbnail-cross-placement {
  position: relative;
  top: -91px;
  left: 37px;
}

.glcs-item-img-upload-card {
  height: 160px;
}

.glcs-master-category-list {
  overflow: scroll;
  height: 180px;
  width: 100%;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.glcs-master-category-list::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.glcs-master-category-list::-webkit-scrollbar-track {
  background: #f9f9f9;
}
.glcs-master-category-list::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}
.glcs-master-category-list::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}

select option:hover {
  background: linear-gradient(#dbe0dd, #dbe0dd);
}

.glcs-leafnode option:focus,
.glcs-leafnode option:active,
.glcs-leafnode option:checked {
  background: linear-gradient(#ffffff, #ffffff);
}

.glcs-arrow-btn {
  background: #ffffff;
  border: 1px solid #cccccc;
  box-shadow: 0px 0px 2px 1px #dcdcdc;
}

.glcs-record-picker {
  overflow-y: scroll !important;
  position: relative;
  border: 1px solid #ddd;
  border-radius: 5px;
  cursor: pointer;
  overflow-x: hidden;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.glcs-record-picker::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.glcs-record-picker::-webkit-scrollbar-track {
  background: #f9f9f9;
}
.glcs-record-picker::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}
.glcs-record-picker::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}

.glcs-record-picker > ul {
  padding: 0px;
}

.glcs-record-picker > ul > li {
  list-style: none;
  color: var(--theme-foreground-text);
  font-weight: 400;
  padding-top: 3px;
  padding-left: 15px;
}

.glcs-arrow-long-green {
  display: inline-block;
  float: left;
  cursor: pointer;
  width: 100%;
}

.glcs-arrow-long-green:before {
  content: "";
  height: 10px;
  background-color: var(--theme-primary-500);
  display: block;
  float: left;
  position: relative;
  top: 9px;
  transition: 0.2s ease-in-out;
  width: 82%;
}

.glcs-arrow-long-green:after {
  content: "";
  float: left;
  border-left: 20px solid var(--theme-primary-500);
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.glcs-arrow-long-red {
  display: inline-block;
  float: left;
  cursor: pointer;
  width: 100%;
}

.glcs-arrow-long-red:before {
  content: "";
  height: 10px;
  background-color: #ef5350;
  display: block;
  float: left;
  position: relative;
  top: 9px;
  transition: 0.2s ease-in-out;
  width: 82%;
}

.glcs-arrow-long-red:after {
  content: "";
  float: left;
  border-left: 20px solid #ef5350;
  border-right: 15px solid transparent;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
}

.glcs-pos-auto-sync-msg {
  position: relative;
  top: -35px;
}

.glcs-active-command {
  background: #DEF0E6;
  color: var(--theme-foreground-text);
}

.glcs-shipping-policy-grp {
  background: #f1f1f1;
}

.glcs-ecm-note-table-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100px;
}

.glcs-card-shadow {
  box-shadow: 0px 1px 3px 2px #efefef;
}

.mat-mdc-menu-panel.glcs-activity-widget {
  max-width: none;
  width: 500px;
  max-height: 360px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.mat-mdc-menu-panel.glcs-activity-widget::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.mat-mdc-menu-panel.glcs-activity-widget::-webkit-scrollbar-track {
  background: #f9f9f9;
}
.mat-mdc-menu-panel.glcs-activity-widget::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}
.mat-mdc-menu-panel.glcs-activity-widget::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}

.mat-mdc-menu-panel.glcs-note-widget {
  max-width: none;
  width: 365px;
  max-height: 360px;
  overflow-y: scroll;
  /* Track */
  /* Handle */
  /* Handle on hover */
}
.mat-mdc-menu-panel.glcs-note-widget::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.mat-mdc-menu-panel.glcs-note-widget::-webkit-scrollbar-track {
  background: #f9f9f9;
}
.mat-mdc-menu-panel.glcs-note-widget::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}
.mat-mdc-menu-panel.glcs-note-widget::-webkit-scrollbar-thumb:hover {
  background: #c1c1c1;
}

.mat-mdc-checkbox-big.mat-checkbox.mat-checkbox-inner-container {
  transform: scale(1.5);
}

.glcs-note-btn {
  padding-left: 8px;
  padding-right: 8px;
}

.glcs-margin-top-2 {
  margin-top: 2px;
}

.glcs-margin-right-25 {
  margin-right: 25px;
}

.glcs-fuel-tank-card {
  border: 1px solid #e0e0e0;
  border-radius: 5px;
  padding: 10px 0px 10px 0px;
  margin-right: 45px;
  margin-top: 15px;
  position: relative;
  width: 205px;
  flex: 0 0 auto;
}

.glcs-margin-top-20 {
  margin-top: -28px;
}

.glcs-sub-card {
  box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1607843137);
  background-color: #f6f8fa;
  border-radius: 10px;
}

.glcs-add-invoice-input {
  border: 1px solid #dfe7ea;
  border-radius: 5px;
  outline: none;
  background: white;
  color: gray;
  font-weight: bold;
  padding-left: 5px;
  margin-bottom: 10px;
}

.glcs-add-invoice-input:disabled {
  background: #e2e1e1;
  opacity: 0.7;
}

.glcs-add-invoice-width-32vw {
  width: 32vw;
}

.glcs-add-invoice-width-15vw {
  width: 15vw;
}

.glcs-add-invoice-width-330 {
  width: 330px;
}

.glcs-add-invoice-width-58 {
  width: 58px;
}

.glcs-add-invoice-width-50 {
  width: 50px;
}

.glcs-add-invoice-width-90 {
  width: 90px;
}

.glcs-display-flex {
  display: flex;
}

.glcs-add-invoice-desc-table > thead > tr > th {
  font-size: 12px;
  color: #6a6a6a;
}

.glcs-add-invoice-curr-sign {
  position: absolute;
  padding: 7px 7px 6px 7px;
  border-bottom-left-radius: 5px;
  border-top-left-radius: 5px;
  background: #d2d0d0;
  color: #736d6d;
}

.glcs-add-invoice-percent-icon {
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
  background: #d2d0d0;
  color: #736d6d;
  padding: 7px 5px 6px 5px;
  position: absolute;
  top: 0px;
  left: 47px;
}

.glcs-add-invoice-table-cell-padding {
  padding: 15px 0px 5px 0px;
}

.fa:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

.glcs-add-invoice-horizontal-line {
  border-bottom: 1px solid lightgray;
  margin-top: 10px;
}

.glcs-item-activity {
  max-height: 250px;
}

.glcs-notes-header-bg {
  background: #f5f5f5;
}

.glcs-image-listed-err {
  position: absolute;
  bottom: 0px;
}

.glcs-note-asterik {
  font-size: 8px;
  position: relative;
  top: 3px;
}

.glcs-ecm-db-hd-bg {
  background: #f1f1f1;
  padding-top: 2.5px;
  padding-bottom: 2.5px;
}

.glcs-border-right {
  border-right: 1px solid #e0e0e0;
}

.glcs-unsold-30 {
  padding: 40px 40px 40px 40px;
  background: #d68612;
  font-size: 20px;
  color: #ffffff;
}

.glcs-unsold-30-margin {
  margin-top: 85px;
}

.glcs-unsold-60 {
  padding: 60px 40px 60px 40px;
  background: #d25400;
  font-size: 20px;
  color: #ffffff;
}

.glcs-unsold-60-margin {
  margin-top: 45px;
}

.glcs-unsold-90 {
  padding: 80px 40px 80px 40px;
  background: #e84c3d;
  font-size: 20px;
  color: #ffffff;
}

.glcs-unsold-90-margin {
  margin-top: 5px;
}

.glcs-login-bg-design {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
}
.glcs-login-bg-design-width {
  width: 40vw;
  height: 100vh;
}

.glcs-login-bg-design-width {
  width: 36vw;
  height: 100vh;
}

.glcs-business-enrollment-bg-design-width {
  width: 100%;
}

.glcs-report-group {
  border: 1px solid #98e8b8;
  border-radius: 5px;
}

.glcs-report-favourites {
  position: absolute;
  right: 25px;
  top: 5px;
}

.glcs-login-footer {
  position: fixed;
  bottom: 13px;
}

.glcs-report-group-icon {
  width: 25px;
  height: 25px;
  display: inline-block;
  border: 4px solid;
  border-color: transparent;
  border-radius: 50%;
  color: #FFFFFF;
  font-weight: 600;
  text-align: center;
  line-height: 12px !important;
  position: relative;
}

.glcs-step {
  width: 35px;
  height: 35px;
  display: inline-block;
  border: 4px solid;
  border-color: lightgray;
  border-radius: 50%;
  color: lightgray;
  font-weight: 600;
  text-align: center;
  line-height: 25px !important;
  position: relative;
  z-index: 3;
}

.glcs-step:first-child {
  line-height: 32px;
}

.glcs-step:nth-child(n+2) {
  margin: 0 0 0 100px;
  transform: translate(0, -2px);
}

.glcs-step:nth-child(n+2):before {
  width: 75px;
  height: 1px;
  display: block;
  background-color: lightgray;
  transform: translate(-95px, 19px);
  content: "";
}

.glcs-step:after {
  width: 150px;
  display: block;
  transform: translate(-62px, 3px);
  color: grey;
  content: attr(data-desc);
  font-weight: 400;
  font-size: 13px;
}

.glcs-step.glcs-step-active {
  border-color: var(--theme-primary-500);
  background: #FFFFFF;
  color: var(--theme-primary-500);
}

.glcs-step.glcs-step-active:before {
  background: linear-gradient(to right, var(--theme-primary-500) 0%, lightblue 100%);
}

.glcs-step.glcs-step-active:after {
  color: var(--theme-foreground-text);
}

.glcs-step.glcs-step-done {
  background-color: var(--theme-primary-500);
  border-color: var(--theme-primary-500);
  color: #ffffff;
}

.glcs-step.glcs-step-done:before {
  background-color: var(--theme-primary-500);
}

.glcs-step.glcs-step-fail {
  background-color: lightcoral;
  border-color: lightcoral;
  color: #ffffff;
}

.glcs-step.glcs-step-fail:before {
  background-color: lightcoral;
}

.glcs-card-brand-icon {
  width: 26px;
}

.glcs-lead-reset {
  height: 27px;
  line-height: 12px;
}

.glcs-purchase-amount-chart {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 10px;
  background: gainsboro;
}

.glcs-sales-amount-chart {
  padding-top: 2px;
  padding-bottom: 1px;
  padding-left: 10px;
  background: #00ac51;
  color: #FFFFFF;
}

.glcs-report-list-table {
  white-space: inherit !important;
}

.glcs-report-list-table > thead > tr > th {
  position: sticky;
  top: 0;
  background: #eaeaea;
  color: var(--theme-foreground-text);
  font-size: 13px;
  padding: 7px 12px 5px 8px;
  vertical-align: middle !important;
  z-index: 2;
}

.glcs-report-list-table > tbody > tr > td {
  border-top: none;
  padding: 7px 0px 7px 12px;
  font-size: 14px;
  z-index: 1;
  white-space: nowrap;
}

.glcs-report-list-table > tbody > tr:nth-child(even) {
  background-color: #f2f2f2;
}

.glcs-report-list-table > tbody > tr:nth-child(odd) {
  background-color: #ffffff;
}

.gl-gt-background {
  background: #c5c5c5 !important;
}

.glcs-pos-purchase-amount-chart {
  background: #54e395;
  color: #FFFFFF;
  height: 10px;
}

.glcs-pos-sales-amount-chart {
  background: #6f95de;
  color: #FFFFFF;
  height: 10px;
}

.glcs-sale-cost-legend {
  width: 12px;
  height: 12px;
  border-radius: 50px;
}

.glcs-pos-profit-chart-height {
  max-height: 500px;
}

.glcs-leak-check {
  padding: 10px;
  color: white;
  border-radius: 50px;
}

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

.glcs-retail-all-icon {
  position: absolute;
  left: 13px;
  top: 12px;
  width: 20px;
}

.glcs-day-closing-cal {
  border: 1px solid #d2d2d2;
  padding: 3px 8px;
  border-radius: 5px;
  background: #f5f5f5;
}

.glcs-day-closing-card-head {
  padding: 5px 12px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  background-image: linear-gradient(to right, #B7AB14, #0CB540);
}

.glcs-day-closing-selected-card {
  border: 1px solid #06890F;
  border-left: 4px solid #06890F;
  border-radius: 5px !important;
}

.glcs-table-select-row {
  background: #EDF7F2;
}

.glcs-day-closing-selected-table {
  border: 1px solid var(--amplify-primary-color);
  background: var(--theme-primary-50) !important;
}

.glcs-day-close-table {
  white-space: nowrap;
}

.glcs-day-close-table > thead > tr > th {
  background: #eaeaea;
}

.glcs-day-close-time-issue {
  position: absolute;
  top: -20px;
  left: 45%;
}

.glcs-day-close-time-issue-1 {
  position: absolute;
  top: -6px;
  left: 45%;
}

.glcs-finance-btn {
  font-size: 10px;
  position: relative;
  top: -3px;
}

.glcs-day-close-detail-tab {
  background: #DCE0E3;
  border: 1px solid #CACED5;
  padding: 12px 0px 10px 0px;
  border-top-right-radius: 20px;
  border-top-left-radius: 20px;
  font-weight: bold;
  color: #292929;
  width: 215px;
  position: relative;
}

.glcs-day-close-tab-border {
  border: 1px solid var(--theme-primary-700) !important;
}

.glcs-survey-circle {
  width: 22px;
  height: 22px;
  border: 3px solid #e0e0e0;
  box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.1019607843);
  border-radius: 14px;
}

.glcs-selected-trm-label {
  position: absolute;
  top: 5px;
}

.glcs-fl-inv-charge-bg {
  background: #f5f5f5;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-fuel-invoice-text-field .mat-form-field-outline,
.glcs-fuel-invoice-text-field .mat-form-field-outline-thick {
  margin-top: -3px !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-fuel-invoice-text-field .mat-form-field-infix {
  padding: 1px 3px 5px 3px !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-fuel-invoice-text-field .mat-form-field-wrapper {
  margin: 0rem !important;
  padding: 0rem !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-fuel-invoice-text-field .mat-form-field-flex {
  background: white !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-mat-input-bg-white .mat-form-field-flex {
  background: white !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-search-text-field .mat-form-field-outline,
.glcs-fuel-invoice-text-field .mat-form-field-outline-thick {
  margin-top: -3px !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-search-text-field .mat-form-field-infix > input:empty {
  font-size: 0.9em;
  top: -5px;
  position: relative;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-search-text-field .mat-form-field-infix {
  padding: 2px 3px 5px 3px !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-search-text-field .mat-form-field-wrapper {
  margin: 0rem 0rem 0px 0rem !important;
  padding: 0rem !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-search-text-field .mat-form-field-suffix > .mat-datepicker-toggle {
  font-size: 12px !important;
  position: relative;
  top: -2px;
}

.glcs-invoice-item-table-padding > thead > tr > td,
.glcs-invoice-item-table-padding > tbody > tr > td {
  padding: 5px !important;
}

.glcs-bg-#f1 {
  background: #f1f1f1;
}

.glcs-width-100px {
  width: 100px;
}

.glcs-day-close-tender-adjust {
  min-width: 300px !important;
}

.glcs-day-close-payment-edit {
  position: absolute;
  margin-top: 5px;
}

.glcs-rotate-90deg {
  transform: rotate(-90deg);
}

.glcs-width-250px {
  width: 250px;
}

.glcs-border-dark-gray {
  border: 1.5px solid #707070 !important;
}

.glcs-fuel-sale-report {
  white-space: nowrap;
}

.glcs-fuel-sale-report > thead > tr > th {
  position: sticky;
  top: -1px;
  border: 1px solid #bbbbbb !important;
}

.glcs-fuel-sale-second-header {
  top: 35px !important;
  background: #f0f3f5;
  border: 1px solid #bbbbbb !important;
}

.glcs-report-second-header {
  background: #f0f3f5 !important;
  font-size: 13px !important;
}

.glcs-upload-width > div.glcs-uploadfilecontainer {
  height: 50px !important;
}

.glcs-uploadfilecontainer-opacity {
  opacity: 0.6 !important;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-mat-text-field-white .mat-form-field-flex {
  background: white !important;
}

.glcs-dy-cls-display-none {
  display: none !important;
}

.glcs-day-close-finance-event {
  height: 41px;
  padding-top: 6px;
  padding-left: 7px;
  width: 37px;
}

.glcs-dy-cls-export-icon {
  position: absolute;
  right: 0;
  top: -15px;
  z-index: 9;
}

.glcs-set-cost-text-field {
  width: 100%;
  border: 1px solid #c1c1c1;
  outline: 0;
  border-radius: 4px;
  margin-top: 5px;
}

.glcs-price-cost-ovrde-padding {
  padding-left: 30px !important;
  padding-right: 30px !important;
  width: 20px !important;
}

.glcs-pf-db-sticker {
  padding: 5px 12px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.glcs-pf-db-sticker-pstn {
  position: absolute;
  top: 85px;
  left: -46px;
  transform: rotate(-90deg);
}

.glcs-pf-db-sticker-fuel-pstn {
  position: absolute;
  top: 40px;
  left: -12px;
  transform: rotate(-90deg);
}

.glcs-pf-db-station-pstn {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.glcs-border-left-green {
  border-left: 3px solid var(--theme-primary-500);
}

.glcs-audit-repoort-height {
  max-height: 570px !important;
}

.glcs-profitability-sticker {
  padding: 2px 4px;
  background: #F8E059;
  border: 1px solid #827f7f;
  font-size: 10px;
  margin-right: 5px;
  position: absolute;
  left: 18px;
  top: 21px;
  z-index: 1;
  border-radius: 2px;
}

.glcs-pf-db-chart-pstn {
  position: absolute;
  top: 25px;
  left: 34px;
}

.glcs-shelf-label-container {
  width: 8.5in;
}

.glcs-shelf-label-tile {
  float: left;
  border: 1px solid #4e4e4e;
  border-radius: 7px;
  border-style: dotted;
  position: relative;
}

.glcs-shelf-label-tile-margin {
  margin-right: 0.125in;
}

.glcs-shelf-label-page-break {
  clear: left;
  display: block;
  page-break-after: always;
}

.glcs-shelf-label-price-label {
  color: #292929;
  font-size: 30px;
  padding: 8px 10px 5px 5px;
  position: absolute;
  top: 32%;
}

.glcs-shelf-label-tile-barcode {
  position: absolute;
  bottom: 6px;
  left: 3px;
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.glcs-shelf-label-price-bg-2 {
  background: #ffff00;
  font-size: 28px;
  padding-top: 20px;
}

.glcs-shelf-label-price-bg-3 {
  background: #ffff00;
  font-size: 28px;
}

.glcs-shelf-label-price-bg-4 {
  background: #ffff00;
  font-size: 30px;
}

.glcs-shelf-label-item-name {
  margin-top: 12px;
}

.glcs-margin-left-3 {
  margin-left: 3px;
}

@media print {
  .glcs-day-close-table > thead > tr > th {
    background-color: #eaeaea;
    -webkit-print-color-adjust: exact;
  }
}
.glcs-customize-col-height {
  height: 35px !important;
  line-height: 10px !important;
}

.glcs-search-button-padding {
  padding: 5px 7px !important;
}

.glcs-pd-tp-bottom-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.glcs-categories-dept-bg.mat-grid-tile > .mat-figure {
  background: #fbfbfb !important;
}

@media screen and (min-width: 768px) and (max-width: 1023px) {
  .glcs-menu-icon {
    position: absolute;
    margin-left: 9px;
    font-size: 10px;
    width: 12px !important;
  }
  .glcs-menu-icon-bg {
    padding: 15px;
    border-radius: 50%;
    margin-right: 10px;
  }
}
#table-wrapper1 {
  position: absolute;
  top: -5px;
  z-index: 3;
}

#table-wrapper1,
#table-wrapper2 {
  width: 100%;
  overflow-x: scroll;
}

#table-wrapper2 {
  overflow-y: scroll;
}

#table-wrapper2::-webkit-scrollbar {
  width: 8px;
}

#table-wrapper2::-webkit-scrollbar-track {
  background: #f9f9f9;
}

#table-wrapper2::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

#table-wrapper1 {
  height: 10px;
}

#table-scroll1 {
  height: 10px;
}

#table-wrapper1::-webkit-scrollbar {
  height: 10px;
}

#table-wrapper2::-webkit-scrollbar {
  height: 10px;
}

#table-wrapper1::-webkit-scrollbar-track {
  background: #f9f9f9;
}

#table-wrapper2::-webkit-scrollbar-track {
  background: #f9f9f9;
}

#table-wrapper1::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

#table-wrapper2::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

.glcs-quickline-tooltip {
  position: relative;
  display: inline-block;
}

.glcs-quickline-tooltip .glcs-tooltiptext {
  visibility: hidden;
  padding: 5px 10px;
  background-color: #676767;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  /* Position the tooltip */
  position: absolute;
  font-size: 11px;
  z-index: 8;
  top: 100%;
  left: 10%;
  margin-left: -60px;
}

.glcs-quickline-tooltip:hover .glcs-tooltiptext {
  visibility: visible;
}

.glcs-quicklink-icon {
  position: absolute;
  left: -25px;
  top: -7px;
}

/*TODO(mdc-migration): The following rule targets internal classes of menu that may no longer apply for the MDC version.*/
.mat-mdc-menu-panel.gl-qls-mat-menu {
  max-width: 400px !important;
}

.glcs-site-survey-btn {
  height: 38px !important;
  width: 100px !important;
}

.glcs-site-survey-btn:disabled {
  opacity: 0.4;
}

.glcs-site-survey-btn:not(:disabled):hover {
  background: #96f3be !important;
}

.gl-site-survey-step-count {
  padding: 2px 6px;
  background: var(--theme-primary-500);
  margin-right: 10px;
  border-radius: 4px;
  color: white;
}

.gl-site-survey-button-bg {
  background: var(--theme-primary-50) !important;
}

.glcs-site-survey-card {
  border-radius: 8px;
}

.glcs-pv-station-fuel-grade-ui {
  border-radius: 20px;
  padding: 3px 10px 0px 10px;
  color: white;
  font-size: 11px;
  font-weight: 400;
}

.glcs-pv-border-right {
  border-right: 2px solid #e6e6e6;
}

.glcs-pv-sign-bg {
  background: #f0f3f5 !important;
}

.glcs-padding-top-5 {
  padding-top: 5px;
}

.glcs-pv-not-config-lh {
  line-height: 1;
}

.glcs-pv-legends-pstn {
  position: absolute;
  right: 0px;
  top: 45px;
}

.glcs-pv-sign-icon-pstn {
  position: relative;
  top: -16px;
  right: -8px;
  font-size: 22px;
}

.glcs-pv-star-unit-gateway-icon {
  width: 35px;
}

.glcs-pv-star-unit-digit-icon {
  width: 30px;
}

.glcs-pv-star-unit-gateway-icon-vertical {
  border-left: 2px solid #e6e6e6;
}

.glcs-pv-star-unit-gateway-sub-icon {
  width: 19px;
}

.glcs-pv-mismatch-toggle {
  /*TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/
}
.glcs-pv-mismatch-toggle.mat-disabled {
  opacity: 1 !important;
}
.glcs-pv-mismatch-toggle.mat-checked .mat-slide-toggle-bar {
  background-color: red !important;
}
.glcs-pv-mismatch-toggle.mat-checked {
  /*TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/
}
.glcs-pv-mismatch-toggle.mat-checked ::ng-deep.mat-slide-toggle-bar::after {
  content: "YES";
  font-size: 45%;
  font-weight: 700;
  color: white;
  position: absolute;
  left: 4px;
  top: -5px;
}
.glcs-pv-mismatch-toggle:not(.mat-checked) {
  /*TODO(mdc-migration): The following rule targets internal classes of slide-toggle that may no longer apply for the MDC version.*/
}
.glcs-pv-mismatch-toggle:not(.mat-checked) ::ng-deep.mat-slide-toggle-bar::after {
  content: "NO";
  font-size: 45%;
  font-weight: 700;
  color: white;
  position: absolute;
  left: 21px;
  top: -5px;
}

.glcs-insights-meter-total {
  background: #dadada;
}

.glcs-insights-meter-accurate {
  background: #16b05c;
}

.glcs-insights-meter-approx {
  background: #3c69cb;
}

.glcs-insights-meter-unscanned {
  background: #de8806;
}

.glcs-insights-meter-not-config {
  background: #db2323;
}

.glcs-insights-meter-accurate-color {
  color: #16b05c;
}

.glcs-insights-meter-approx-color {
  color: #3c69cb;
}

.glcs-insights-meter-unscanned-color {
  color: #de8806;
}

.glcs-insights-meter-not-config-color {
  color: #db2323;
}

.glcs-insights-meter {
  border-radius: 10px;
  overflow: hidden;
  display: grid;
  height: 15px;
  border: 1px solid #ebebeb;
}

.glcs-insight-box {
  border-radius: 3px;
  width: 15px;
  height: 15px;
}

.glcs-insights-border-right {
  border-right: 2px solid #dddddd;
}

.glcs-insights-view-more {
  padding: 1px 14px;
  border-radius: 22px;
}

.glcs-insight-table {
  white-space: nowrap;
}

.glcs-insight-table > thead > tr > th {
  position: sticky;
  top: 0;
  background: #dadada;
  color: #797979;
  font-size: 15px;
  padding: 2px 0px 2px 8px;
  z-index: 2;
  font-weight: 500;
}

.glcs-insight-table > tbody > tr > td {
  border-top: none;
  padding: 8px 0px 8px 12px;
  font-size: 14px;
  z-index: 1;
  background-color: #f6f6f6;
}

.glcs-insight-avg-sale-profit {
  background: #f6f6f6;
  padding: 5px 3px;
  border-radius: 5px;
}

.glcs-insights-title-dot {
  padding: 3px 8px 6px;
  background: #16b05c;
  border-radius: 20px;
  margin-right: 8px;
}

.glcs-insight-adjustment-toggle {
  position: relative;
  top: -5px;
  left: 20px;
}

.glcs-pv-sign-view-more {
  position: absolute;
  right: 0;
  top: 7px;
}

.glcs-pv-postn-relative {
  position: relative;
}

.glcs-pb-item-inventory-arrow {
  position: relative;
  top: 20px;
  left: -6px;
  transform: rotate(-90deg);
}

.glcs-sf-lb-preview-hidden {
  margin-top: 30px;
  position: absolute !important;
  max-height: 300px;
  overflow: scroll;
}

.glcs-ud-station-uid {
  text-align: center;
  background: var(--theme-primary-500, #00ac51);
  color: white;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  position: relative;
  line-height: 25px;
  top: -16px;
}

.glcs-mod-not-subs {
  position: absolute;
  margin-left: 135px;
  margin-top: 35px;
}

.glcs-login-error {
  position: absolute;
  right: 46%;
  bottom: 75px;
}

.glcs-same-game {
  background: #dedede;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 10px;
  border: 1px solid #b4b4b4;
  margin-left: -7px;
  font-size: 14px !important;
}

.glcs-announcement-badge {
  margin-left: -12px;
  padding: 0px 5px;
  font-size: 11px;
  line-height: 1.5;
  margin-top: -4px;
  background: #1ab160;
  color: white;
  position: absolute;
  border-radius: 20px;
}

.glcs-announcement-badge-small {
  padding: 0px 4px;
  font-size: 9px;
  line-height: 1.5;
  margin-top: -10px;
  background: #1ab160;
  color: white;
  position: absolute;
  border-radius: 20px;
  margin-left: -16px;
  margin-top: -7px;
}

.gl-multi-pack-legend {
  background: #05ac51;
  border-radius: 5px;
  padding: 3px 7px 6px;
}

.glcs-cpb-hint > .popover-content {
  min-width: 200px !important;
  max-width: 300px !important;
}

.glcs-price-sign-9-10 {
  line-height: 0.3 !important;
  position: absolute;
  top: 0px;
  right: 0px;
  font-size: 14px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  background: lightgray;
  padding: 18px 16px;
}

.glcs-bulk-update-table-text-overflow {
  max-width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.glcs-bk-update-input-box {
  width: 100%;
  border-radius: 3px;
  outline: none;
  background-color: white;
  color: black;
  font-size: inherit;
  padding: 0.1em;
  padding-right: 1.5em;
  border: 1px solid #ced2d6;
  height: 30px !important;
  padding-left: 10px;
}

.glcs-bk-update-input-box:disabled {
  background: rgba(0, 0, 0, 0.05);
}

.glcs-bk-update-dropdown {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  height: 30px !important;
}

.glcs-bk-update-dropdown select {
  background-color: white;
  color: black;
  font-size: inherit;
  padding: 0.2em;
  padding-right: 1em;
  border: 1px solid #ced2d6;
  margin: 0;
  outline: none;
  border-radius: 3px;
  text-indent: 0.01px;
  text-overflow: "";
  -webkit-appearance: none;
  appearance: none;
  width: 100%;
  height: 30px !important;
}

/*Hiding the select arrow for IE10*/
.glcs-bk-update-dropdown select::-ms-expand {
  display: none;
}

.glcs-bk-update-dropdown::before,
.glcs-bk-update-dropdown::after {
  content: "";
  position: absolute;
  pointer-events: none;
}

.glcs-bk-update-dropdown::after {
  /*  Custom dropdown arrow */
  content: "▼";
  height: 1em;
  font-size: 0.625em;
  line-height: 1;
  right: 1.2em;
  top: 50%;
  margin-top: -0.5em;
}

.glcs-bk-update-dropdown::before {
  /*  Custom dropdown arrow cover */
  width: 2em;
  right: 0;
  top: 0;
  bottom: 0;
  border-radius: 0 3px 3px 0;
  border-top: 1px solid #ced2d6;
  border-right: 1px solid #ced2d6;
  border-bottom: 1px solid #ced2d6;
  background-color: white;
}

.glcs-bk-update-dropdown::after {
  color: rgba(0, 0, 0, 0.6);
}

.glcs-bk-update-dropdown select[disabled] {
  background: rgba(0, 0, 0, 0.1);
}

.glcs-bk-update-price-prefix {
  border: 2px solid lightgrey;
  padding: 0px 7px;
  border-radius: 4px 0px 0px 4px;
  position: relative;
  top: 2px;
  background: lightgrey;
  right: -1px;
  z-index: 1;
  height: 30px !important;
  font-weight: bold;
}

.glcs-bk-update-price-suffix {
  border: 2px solid lightgrey;
  padding: 0px 7px;
  border-radius: 0px 4px 4px 0px;
  position: relative;
  top: 2px;
  background: lightgrey;
  right: 2px;
  z-index: 1;
  height: 30px !important;
  font-weight: bold;
}

.glcs-bulk-update-select-column-bg {
  border: 1px solid #34b667;
  padding: 2px 20px 2px !important;
}

.glcs-cpb-link-mapping {
  width: 100%;
}
.glcs-cpb-link-mapping .cdk-virtual-scroll-content-wrapper {
  display: flex;
  flex-direction: column;
}

.glcs-cpb-link-mapping::-webkit-scrollbar {
  height: 5px;
}

.glcs-cpb-link-mapping::-webkit-scrollbar-track {
  background: #f9f9f9;
}

.glcs-cpb-link-mapping::-webkit-scrollbar-thumb {
  background: #c1c1c1;
  border-radius: 0.2rem;
}

.glcs-prefix-position {
  position: relative;
  top: -8px;
  left: -11px;
  padding: 7px 10px 8px 1px;
  background: #d5d5d5;
  border-radius: 3px;
}

.glcs-invoice-err-quick-filter {
  font-weight: 500;
  border: 1.5px solid gray;
  padding: 2px 20px;
  border-radius: 20px;
  font-size: 13px;
  cursor: pointer;
}

.glcs-in-err-table-text-overflow {
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.glcs-invoice-summary-station-card {
  padding: 5px 10px 5px 10px;
  background: white;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  border-radius: 6px;
  margin: 4px 8px;
}

.glcs-invoice-summary-status-arrow {
  position: absolute;
  font-size: 40px;
  right: 0px;
}

.glcs-ivs-position-relative {
  position: relative;
}

.glcs-ivs-alerts {
  border-radius: 50px;
  font-weight: 500;
  font-size: 12px;
  width: 28px;
  height: 28px;
  border: 2px solid white;
  box-shadow: 0 3px 4px rgba(0, 0, 0, 0.16), 0 3px 4px rgba(0, 0, 0, 0.23);
  text-align: center;
  padding-top: 3px;
  color: white;
}

.glcs-daily-summary-table-border-none {
  border-left: 1px solid white !important;
  border-right: 1px solid white !important;
}

.glcs-daily-summary-menu-icon-bg {
  padding: 16px;
  border-radius: 50%;
}

.glcs-daily-summary-all-icon {
  position: absolute;
  left: 9px;
  top: 7px;
}

.glcs-daily-summary-cal {
  border: 1px solid #d2d2d2;
  padding: 0px 8px;
  border-radius: 5px;
  background: #f5f5f5;
}

.glcs-daily-summary-table > thead > tr > th,
.glcs-daily-summary-table > tbody > tr > td {
  padding: 2px 6px !important;
}

.glcs-tank-sir-export > tbody > tr:nth-child(even) {
  background-color: #e6e6fa !important;
}

.glcs-daily-summary-table {
  white-space: nowrap;
}

.glcs-daily-summary-table > thead > tr > th {
  background: #f3f3f3 !important;
}

.glcs-shelf-label-suffix {
  background: #d2d2d2;
  padding: 12px;
  position: relative;
  top: -9px;
  right: -11px;
  font-size: 13px;
}

/* =============================================
   Bulk Update Stepper (glcs-bu-stepper-*)
   Isolated styles for /priceBook/posBulkPriceUpdates
   ============================================= */
.glcs-bu-stepper {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}

.glcs-bu-stepper-item {
  display: flex;
  align-items: center;
  flex: 1;
  position: relative;
  white-space: nowrap;
}

.glcs-bu-stepper-item:last-child {
  flex: 0 0 auto;
}

.glcs-bu-stepper-item:last-child .glcs-bu-stepper-line {
  display: none;
}

.glcs-bu-stepper-round {
  width: 30px;
  height: 30px;
  min-width: 30px;
  border-radius: 50%;
  border: 2px solid lightgrey;
  background: white;
  color: lightgrey;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 600;
  font-size: 14px;
  margin-right: 6px;
  z-index: 1;
  transition: all 0.3s ease;
}

.glcs-bu-stepper-round-active {
  background-color: var(--gl-color-primary) !important;
  color: white !important;
  border: 1px solid white !important;
}

/* Bulk Update Local Live Status Pill */
.glcs-live-status-pill {
  margin-left: 10px;
  padding: 3px 12px;
  border: 1px solid #ffcc00;
  border-radius: 20px;
  color: #ff9900;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(255, 204, 0, 0.1);
}

.glcs-blinking-dot {
  width: 6px;
  height: 6px;
  background-color: #ffcc00;
  border-radius: 50%;
  animation: glcs-blinker 1.5s linear infinite;
}

@keyframes glcs-blinker {
  50% {
    opacity: 0;
  }
}
.glcs-success-status-pill {
  margin-left: 10px;
  padding: 3px 12px;
  border: 1px solid #00AC51;
  border-radius: 20px;
  color: #00AC51;
  font-size: 11px;
  font-weight: 600;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background-color: rgba(0, 172, 81, 0.1);
}

.glcs-success-dot {
  width: 6px;
  height: 6px;
  background-color: #00AC51;
  border-radius: 50%;
}

.glcs-status-msg-text {
  margin-left: 10px;
  font-size: 13px;
  font-weight: 400;
  color: #8c8c8c;
  display: inline-flex;
  align-items: center;
  gap: 4px;
  line-height: normal;
}
.glcs-status-msg-text mat-icon {
  font-size: 16px;
  width: 16px;
  height: 16px;
  line-height: 16px;
  color: #8c8c8c;
}

.glcs-bu-stepper-item-active .glcs-bu-stepper-round {
  border-color: #00AC51;
  color: #00AC51;
}

.glcs-bu-stepper-item-active .glcs-bu-stepper-round-active {
  background-color: #00AC51 !important;
  color: white;
}

.glcs-bu-stepper-line {
  height: 3px;
  background: lightgrey;
  flex: 1;
  margin: 0 12px;
  min-width: 20px;
}

.glcs-bu-stepper-item-active .glcs-bu-stepper-line {
  background: #00AC51;
}

/* Original stepper line (used by other components - DO NOT MODIFY) */
.glcs-stepper-line {
  transform: translate(5px, -5px);
  height: 3px;
  background: lightgrey;
  width: 100%;
}

.glcs-stepper-done {
  background: linear-gradient(to right, var(--theme-primary-500) 0%, #67d270 100%) !important;
}

.glcs-schedule-price-name {
  padding: 2px 20px;
  color: white;
  border-radius: 8px;
}

.glcs-cpb-price-prefix {
  background: #d0d0d0;
  padding: 9.5px 10px;
  position: relative;
  top: 0px;
  left: -11px;
  font-size: 13px;
}

.glcs-group-table-row {
  background: #e8eaeb !important;
}

.glcs-tt-plus-one-day {
  box-shadow: 1px 1px 8px 1px #ececec !important;
  position: absolute;
  top: -6px;
  color: #adadad;
  background: white;
  border-radius: 5px;
  border: 0.5px solid #d4dad7;
  z-index: 10;
  font-size: 12px;
  padding: 0px 5px;
  right: -15px;
}

.glcs-item-margin-suffix {
  background: #eee;
  padding: 7px 10px;
  position: relative;
  top: -8px;
  right: -11px;
  border-bottom-right-radius: 5px;
  border-top-right-radius: 5px;
}

.glcs-pkg-or-position {
  position: absolute;
  right: -6px;
  z-index: 1;
  top: 22px;
  height: 75px;
  width: 2px;
  background: #c3d1c3;
}

.glcs-pkg-box {
  border: 2px solid #c3d1c3;
}

.glcs-pkg-box-start {
  border-left: 2px solid #c3d1c3;
  border-top: 2px solid #c3d1c3;
  border-bottom: 2px solid #c3d1c3;
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}

.glcs-pkg-box-center {
  border-top: 2px solid #c3d1c3;
  border-bottom: 2px solid #c3d1c3;
  border-radius: 0px !important;
}

.glcs-pkg-box-end {
  border-right: 2px solid #c3d1c3;
  border-top: 2px solid #c3d1c3;
  border-bottom: 2px solid #c3d1c3;
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}

.glcs-service-notes-dots {
  color: #858383;
  border: 1.5px solid #9e9d9d;
  border-radius: 50%;
  z-index: 2 !important;
  padding: 0px 1px !important;
}

.glcs-service-notes-time-line {
  width: 2px;
  background: #9e9d9d;
  height: 89.5%;
  position: relative;
  left: 9px;
  top: -5px;
  z-index: 1;
}

.glcs-over-warning {
  color: #f9780f !important;
}

.time-picker-overlay-block {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10;
  background: transparent;
  cursor: pointer;
  pointer-events: all;
  /* Allows overlay to catch clicks */
}

/* Ensure form field elements stay in place */
.glcs-mat-form-field-tp {
  position: relative;
  display: flex;
  align-items: center;
}

#launcher,
#webWidget {
  left: 0 !important;
  margin-bottom: 0px !important;
  min-height: 70px !important;
}

.date-range-container {
  display: flex;
  align-items: center;
}

.date-picker-wrapper {
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding: 10px;
}

.selected-menu-item {
  background-color: #e3fde9 !important;
  /* Light blue highlight */
  font-weight: bold;
}

.mat-mdc-menu-panel.date-range-custom-menu {
  max-width: none !important;
  width: 500px;
}

.glcs-tt-bulk-entry-error {
  position: relative;
  top: -7px;
  font-size: 15px !important;
  z-index: 12;
}

.glcs-recon-workflow-card {
  position: fixed !important;
  bottom: 7px;
  left: 85px;
  right: 15px;
  border: 1.5px solid #00AC51;
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  z-index: 10;
}

.mat-mdc-menu-panel.gl-mat-help-menu {
  max-width: none !important;
  width: 530px !important;
}

.inline-day {
  font-size: 0.8em;
  /* Smaller text */
  color: #adadad;
  /* Light gray */
  vertical-align: super;
  /* Optional: for superscript effect */
  margin-left: 3px;
  /* Small space after time */
  display: inline;
  /* Ensures no line break */
}

.transfer-list-container {
  background-color: #f7f7f7;
}

.list-box {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border: 1px solid #e0e0e0;
  border-radius: 4px;
  padding: 16px;
  min-width: 300px;
}

.search-field {
  width: 100%;
  /*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
}
.search-field ::ng-deep .mat-form-field-wrapper {
  padding-bottom: 0;
}

.header-cell,
.list-cell {
  padding: 0 8px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #333;
}

.checkbox-cell {
  flex: 0 0 50px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.list-header {
  height: 40px;
  font-weight: 600;
  color: #555;
  border-bottom: 2px solid #e0e0e0;
  background-color: #f9f9f9;
}

.items-container {
  height: 220px;
  flex-grow: 1;
}

.list-row {
  height: 32px;
  border-bottom: 1px solid #f0f0f0;
}
.list-row:last-child {
  border-bottom: none;
}

.list-row.striped-row {
  background-color: #F0F3F5;
}

.no-items {
  color: #888;
  font-style: italic;
  padding: 16px;
  text-align: center;
}

.middle-actions .action-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.middle-actions .action-label {
  font-size: 0.8em;
  color: #666;
}

.action-button-wrapper {
  border: 1px solid #00AC51;
  padding: 4px;
  border-radius: 50%;
  display: inline-block;
  transition: border-color 0.2s ease-in-out;
}
.action-button-wrapper.warn {
  border-color: #f44336;
}
.action-button-wrapper.is-disabled {
  border-color: rgba(0, 0, 0, 0.12);
}

.green-button {
  background-color: #4caf50;
  color: white;
}
.green-button[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}

.warn-button {
  background-color: #f44336 !important;
  color: white;
}
.warn-button[disabled] {
  background-color: rgba(0, 0, 0, 0.12);
}

.reset-button {
  background-color: #e0e0e0;
  color: #333;
}

.icon-container {
  min-width: 80px;
  padding: 10px !important;
  border-radius: 4px;
  border-bottom: 3px solid transparent;
  transition: background-color 0.3s ease;
}

.icon-container .mat-mdc-caption {
  word-break: break-word;
  line-height: 1.2;
}

.icon-container:hover {
  background-color: #f4f4f5;
}

.icon-container-active {
  background-color: #eef2ff;
  border-bottom: 3px solid var(--theme-primary-500);
}

.icon-container-active i {
  color: var(--theme-primary-500);
}

.icon-container-active .mat-mdc-caption {
  color: var(--theme-primary-500);
  font-weight: 500;
}

.heading-with-line {
  display: flex;
  align-items: center;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 20px;
}

.heading-with-line::after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #cccccc;
  margin-left: 15px;
}

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

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

.gl-icon-mask {
  background-color: var(--amplify-primary-color);
  -webkit-mask-image: url("/assets/images/nav-link.svg");
  mask-image: url("/assets/images/nav-link.svg");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  width: 16px;
  height: 16px;
}

.gl-navbar-item:hover .gl-icon-mask {
  background-color: orange;
}

.icon {
  background-color: var(--amplify-primary-color);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
}

.sidebar-icon {
  background-color: #ffffff;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
}

.sidebar-bus-icon {
  background-color: var(--side-menu-bus-text-color);
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
  margin: auto;
}

.icon-black {
  background-color: black;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
}

.delete-icon {
  background-color: #ef5350;
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  display: inline-block;
  vertical-align: middle;
}

.icon-swap {
  -webkit-mask-image: url("/assets/images/nav-swap.svg");
  mask-image: url("/assets/images/nav-swap.svg");
  width: 14px;
  height: 14px;
}

.icon-edit {
  -webkit-mask-image: url("/assets/images/edit.svg");
  mask-image: url("/assets/images/edit.svg");
  width: 14px;
  height: 14px;
  margin-right: 10px;
}

.icon-view-eye {
  -webkit-mask-image: url("/assets/images/view-eye.svg");
  mask-image: url("/assets/images/view-eye.svg");
  width: 20px;
  height: 20px;
}

.dynamic-icon {
  -webkit-mask-image: var(--icon-url);
  mask-image: var(--icon-url);
  width: var(--icon-width, 14px);
  height: var(--icon-height, 14px);
}

.icon-help-svg {
  width: 17px;
  height: 17px;
  color: var(--amplify-primary-color);
  display: inline-block;
  vertical-align: middle;
  position: relative;
  top: -2px;
}

.icon-user {
  -webkit-mask-image: url("/assets/images/nav-user.svg");
  mask-image: url("/assets/images/nav-user.svg");
  width: 14px;
  height: 14px;
}

.service-details-icon {
  color: #18991a;
  /* Example highlight color - choose your own */
}

.icon-group {
  display: flex;
  flex-direction: column;
  padding: 0 24px;
  border-right: 2px solid #e0e0e0;
  height: 90px;
  justify-content: center;
}

.icon-group.no-border {
  border-right: none;
}

.group-title-container {
  width: 100%;
  text-align: left;
  margin-bottom: 8px;
}

.group-title {
  font-size: 12px;
  font-weight: 500;
  color: #6c757d;
  text-transform: uppercase;
  letter-spacing: 0.5px;
}

.icon-container {
  min-width: 80px;
}

.theme-toggle-container {
  padding-left: 17px;
  padding-right: 16px;
  /*TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
}
.theme-toggle-container .theme-icon {
  color: #000000;
  font-size: 20px;
  margin: 0 8px;
}
.theme-toggle-container .history-details .detail-item {
  display: flex;
  gap: 8px;
  font-size: 16px;
  margin-bottom: 8px;
}
.theme-toggle-container .status-badge {
  font-weight: 500;
}
.theme-toggle-container .status-success {
  color: #28a745;
}
.theme-toggle-container .status-failure {
  color: #dc3545;
}
.theme-toggle-container .mat-divider-spaced {
  margin-top: 16px;
  margin-bottom: 16px;
}
.theme-toggle-container .parsed-response-grid {
  display: grid;
  grid-template-columns: 150px 1fr;
  gap: 8px 16px;
  background-color: #f7f7f7;
  padding: 12px;
  border-radius: 4px;
  font-family: monospace;
}
.theme-toggle-container .grid-key {
  font-weight: bold;
  color: #555;
}
.theme-toggle-container .details-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px 24px;
  background-color: #f7f7f7;
  padding: 16px;
  border-radius: 4px;
}
.theme-toggle-container .details-grid-item {
  display: flex;
  flex-wrap: wrap;
  font-family: monospace;
  font-size: 14px;
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
}
.theme-toggle-container .details-key {
  font-weight: bold;
  color: #333;
  margin-right: 8px;
}
.theme-toggle-container .details-value {
  color: #555;
  word-break: break-all;
}
.theme-toggle-container .mat-button-wrapper {
  height: 40px;
  width: 40px;
  background-color: var(--amplify-primary-color);
}
.theme-toggle-container .history-details .detail-item {
  display: flex;
  gap: 8px;
  font-size: 16px;
  margin-bottom: 8px;
}
.theme-toggle-container .status-badge {
  font-weight: 500;
}
.theme-toggle-container .status-success {
  color: #28a745 !important;
}
.theme-toggle-container .status-failure {
  color: #dc3545;
  /* Red */
}
.theme-toggle-container .mat-divider-spaced {
  margin-top: 16px;
  margin-bottom: 16px;
}

.dialog-card-header {
  background-color: #f5f5f5 !important;
  color: rgba(0, 0, 0, 0.87) !important;
  text-align: center !important;
  font-size: 20px !important;
  font-weight: 500 !important;
  padding: 16px 24px;
  margin: -24px -24px 20px -24px;
}

.abc-icon {
  flex-direction: column;
  box-sizing: border-box;
  display: flex;
  place-content: center;
  align-items: center;
  margin-right: 20px;
}

.theme-toggle-container {
  padding-left: 17px;
  padding-right: 16px;
}
.theme-toggle-container .theme-icon {
  color: #000000;
  font-size: 20px;
  margin: 0 8px;
}

/*TODO(mdc-migration): The following rule targets internal classes of checkbox that may no longer apply for the MDC version.*/
.qlz-checkbox-group .mat-mdc-checkbox .mat-checkbox-label {
  font-weight: 500;
  color: var(--theme-foreground-text);
}

.qlz-mat-error {
  font-weight: 500;
  font-size: 12px;
  margin-top: 0;
  padding: 0 1em;
}

.loader-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 1000;
}

.loader-text {
  color: white;
  margin-top: 20px;
  font-size: 1.2em;
  font-weight: 500;
}

.scrollable-command-list {
  max-height: 450px;
  overflow-y: auto;
}

/*TODO(mdc-migration): The following rule targets internal classes of form-field that may no longer apply for the MDC version.*/
.glcs-search-text-field .mat-form-field-appearance-outline,
.glcs-fuel-invoice-text-field .mat-form-field-outline-thick {
  margin-top: -3px !important;
}

.glcs-search-text-field .mdc-notched-outline--notched {
  top: 0px !important;
}

.glcs-search-text-field .mat-mdc-form-field-infix {
  min-height: 33px !important;
  top: 5px;
}

.glcs-search-text-field .mat-mdc-form-field-icon-suffix > .mat-icon {
  padding: 0px !important;
}

.glcs-search-text-field .mat-mdc-text-field-wrapper.mdc-text-field--outlined .mat-mdc-form-field-infix {
  font-size: 12px;
  font-weight: 400;
  padding: 0px !important;
}

.glcs-search-text-field .mdc-text-field--outlined .mdc-notched-outline--upgraded .mdc-floating-label--float-above {
  font-size: 13px;
  margin-top: 5px;
}

.glcs-search-text-field .mat-mdc-form-field-icon-suffix > .mat-datepicker-toggle {
  font-size: 12px !important;
  position: relative;
  top: 0px;
}

.pmo-ent-inv-overview-container .pmo-ent-inv-overview-header {
  margin-bottom: 20px;
}
.pmo-ent-inv-overview-container .pmo-ent-inv-overview-header .pmo-ent-inv-overview-title {
  font-size: 22px;
  font-weight: 500;
  margin-bottom: 5px;
  color: #333;
}
.pmo-ent-inv-overview-container .pmo-ent-inv-overview-header .pmo-ent-inv-overview-desc {
  font-size: 14px;
  color: #666;
}
.pmo-ent-inv-overview-container .pmo-ent-inv-overview-content {
  /*TODO(mdc-migration): The following rule targets internal classes of card that may no longer apply for the MDC version.*/
}
.pmo-ent-inv-overview-container .pmo-ent-inv-overview-content mat-card {
  padding: 20px;
}

.pmo-ipg-multi-station-container .pmo-ipg-station-row {
  margin-bottom: 10px;
  border-bottom: 1px solid #d8d5d5;
  padding-bottom: 10px;
}
.pmo-ipg-multi-station-container .pmo-ipg-station-row:last-child {
  border-bottom: none;
}
.pmo-ipg-multi-station-container .pmo-ipg-graph-container {
  padding-right: 15px;
  margin-left: 25px;
}
.pmo-ipg-multi-station-container .pmo-ipg-totals {
  font-size: 12px;
  color: #666;
  padding-left: 25px;
}
.pmo-ipg-multi-station-container .pmo-ipg-totals div {
  display: flex;
  flex-direction: column;
}
.pmo-ipg-multi-station-container .pmo-ipg-totals div span:first-child {
  font-weight: 500;
  color: #333;
}
.pmo-ipg-multi-station-container .pmo-ipg-header-container {
  padding-bottom: 10px;
  padding-top: 5px;
}
.pmo-ipg-multi-station-container .pmo-ipg-shared-legend .legend-item {
  display: flex;
  align-items: center;
  margin-right: 20px;
}
.pmo-ipg-multi-station-container .pmo-ipg-shared-legend .legend-item .legend-color-box {
  width: 12px;
  height: 12px;
  margin-right: 5px;
  border-radius: 2px;
}
.pmo-ipg-multi-station-container .pmo-ipg-shared-legend .legend-item .legend-text {
  font-size: 12px;
  color: #555;
}
.pmo-ipg-multi-station-container .pmo-ipg-info-message {
  color: #757575;
}
.pmo-ipg-multi-station-container .pmo-ipg-info-message .info-icon {
  font-size: 16px;
  height: 16px;
  width: 16px;
  margin-right: 5px;
  vertical-align: middle;
}
.pmo-ipg-multi-station-container .pmo-ipg-info-message .info-text {
  font-size: 12px;
  font-weight: 400;
}

.pmo-ipg-meter {
  display: grid;
  height: 15px;
  border-radius: 20px;
  overflow: hidden;
  width: 100%;
}
.pmo-ipg-meter > div {
  display: flex;
  align-items: center;
  justify-content: center;
  color: white;
  font-size: 11px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 5px;
}

.pmo-ipg-meter-accurate {
  background-color: #4caf50;
}

.pmo-ipg-meter-approx {
  background-color: #3c69cb;
}

.pmo-ipg-meter-unscanned {
  background-color: #ff9800;
}

.pmo-ipg-meter-not-config {
  background-color: #f44336;
}

.pmo-ipg-meter-accurate-color {
  color: #4caf50;
}

.pmo-ipg-meter-approx-color {
  color: #3c69cb;
}

.pmo-ipg-meter-unscanned-color {
  color: #ff9800;
}

.pmo-ipg-meter-not-config-color {
  color: #f44336;
}

.pmo-ipg-station-info-card {
  background: #fff;
  border-radius: 4px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
  padding-right: 10px;
  margin-right: 15px;
  margin-left: 9px;
  width: 95%;
  display: flex;
  flex-direction: row;
  align-items: center;
  overflow: hidden;
}
.pmo-ipg-station-info-card .pmo-ipg-station-image {
  width: 60px;
  height: 60px;
  margin-right: 10px;
  object-fit: contain;
}
.pmo-ipg-station-info-card .pmo-ipg-station-details {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.pmo-ipg-station-info-card .pmo-ipg-station-details .pmo-ipg-station-name {
  font-weight: 500;
  font-size: 14px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-bottom: 4px;
  color: #333;
}
.pmo-ipg-station-info-card .pmo-ipg-station-details .pmo-ipg-station-address {
  font-size: 11px;
  color: #777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.glcs-no-network-connection {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #fff;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0.9;
}

.disabled-btn {
  opacity: 0.5;
  cursor: not-allowed;
}

.gl-mat-chart-button {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  font-size: 12px;
  padding: 4px 8px;
  background: var(--theme-primary-500);
  border: none;
  color: #ffffff;
}
.gl-mat-chart-button:disabled {
  opacity: 0.7;
}

/*TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.gl-mat-button-primary {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  background: var(--theme-primary-500);
  border: none;
  color: #ffffff;
}
.gl-mat-button-primary:disabled {
  opacity: 0.7;
}

/*TODO(mdc-migration): The following rule targets internal classes of button that may no longer apply for the MDC version.*/
.gl-mat-button-secondary {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  background: #e0e1e2;
  border: none;
  color: var(--theme-foreground-text);
}
.gl-mat-button-secondary:disabled {
  opacity: 0.7;
}

.gl-mat-raised-button:disabled {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  opacity: 0.7;
  cursor: not-allowed;
}

.gl-mat-stroked-button {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  border: 1.2px solid var(--theme-primary-500);
  background: transparent;
  color: var(--theme-primary-500);
}
.gl-mat-stroked-button:hover:not(:disabled) {
  background: var(--theme-primary-500);
  color: white;
}
.gl-mat-stroked-button:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.gl-mat-stroked-button-red {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  border: 1.2px solid #d62727;
  background: transparent;
  color: #d62727;
}
.gl-mat-stroked-button-red:hover:not(:disabled) {
  background: #d62727;
  color: white;
}
.gl-mat-stroked-button-red:disabled {
  opacity: 0.7;
  cursor: not-allowed;
}

.gl-tab-medium-white {
  outline: 0;
  border: 0px;
  margin-right: 2px;
  font-weight: 500;
  padding: 0.5rem 3.8rem;
  box-shadow: 0px 0px 5px 0px #dce0e3;
  cursor: pointer;
  z-index: 7;
  color: var(--theme-foreground-text);
  background: #ffffff;
}

.gl-tab-medium-primary {
  outline: 0;
  border: 0px;
  margin-right: 2px;
  font-weight: 500;
  padding: 0.5rem 3.8rem;
  box-shadow: 0px 0px 5px 0px #dce0e3;
  cursor: pointer;
  z-index: 7;
  color: #ffffff;
  background: var(--theme-primary-500);
}

.qlz-tab-small-white {
  outline: 0;
  border: 0px;
  margin-right: 2px;
  font-weight: 500;
  padding: 0.25rem 1.8rem 0.25rem 1.8rem;
  box-shadow: 0px 0px 5px 0px #dce0e3;
  cursor: pointer;
  z-index: 7;
  color: var(--theme-foreground-text);
  background: #ffffff;
}

.qlz-tab-small-primary {
  outline: 0;
  border: 0px;
  margin-right: 2px;
  font-weight: 500;
  padding: 0.25rem 1.8rem 0.25rem 1.8rem;
  box-shadow: 0px 0px 5px 0px #dce0e3;
  cursor: pointer;
  z-index: 7;
  color: #ffffff;
  background: var(--theme-primary-500);
}

.gl-toggle-primary {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 3px 10px 2px 10px;
  cursor: pointer;
  font-weight: 500;
  border: none;
  z-index: 7;
  color: #ffffff;
  background: var(--theme-primary-500);
}

.gl-toggle-secondary {
  font-family: "Open Sans", sans-serif;
  font-size: 11px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 3px 10px 2px 10px;
  cursor: pointer;
  font-weight: 500;
  border: none;
  z-index: 7;
  color: var(--theme-foreground-text);
  background: #eaeaea;
}

/*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.gl-mat-tab-lg-primary {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  border-radius: 2px;
  padding: 0.45rem 2.8rem 0.45rem 2.8rem;
  border: none;
  color: #ffffff;
  background: var(--theme-primary-500);
}
.gl-mat-tab-lg-primary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

/*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
.gl-mat-tab-lg-secondary {
  font-family: "Open Sans", sans-serif;
  font-size: 13px;
  border-radius: 4px;
  color: var(--theme-primary-500);
  transition: all 0.2s;
  text-align: center;
  padding: 0.5rem 1rem;
  cursor: pointer;
  font-weight: 500;
  z-index: 7;
  white-space: nowrap;
  position: sticky;
  border-radius: 2px;
  padding: 0.45rem 2.8rem 0.45rem 2.8rem;
  background: #e0e1e2;
  border: none;
  color: var(--theme-foreground-text);
}
.gl-mat-tab-lg-secondary:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

@media screen and (min-width: 260px) and (max-width: 375px) {
  .qlz-tab-small-primary {
    padding: 0.25rem 1.2rem 0.25rem 1.2rem !important;
  }
  .qlz-tab-small-white {
    padding: 0.25rem 1.2rem 0.25rem 1.2rem !important;
  }
  .gl-tab-medium-primary {
    padding: 0.5rem 1.8rem !important;
  }
  .gl-tab-medium-white {
    padding: 0.5rem 1.8rem !important;
  }
  /*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
  .gl-mat-tab-lg-primary {
    padding: 0.45rem 1.8rem 0.45rem 1.8rem !important;
  }
  /*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
  .gl-mat-tab-lg-secondary {
    padding: 0.45rem 1.8rem 0.45rem 1.8rem !important;
  }
}
@media screen and (min-width: 376px) and (max-width: 767px) {
  .qlz-tab-small-primary {
    padding: 0.25rem 1.2rem 0.25rem 1.2rem !important;
  }
  .qlz-tab-small-white {
    padding: 0.25rem 1.2rem 0.25rem 1.2rem !important;
  }
  /*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
  .gl-mat-tab-lg-primary {
    padding: 0.45rem 1.8rem 0.45rem 1.8rem !important;
  }
  /*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
  .gl-mat-tab-lg-white {
    padding: 0.45rem 1.8rem 0.45rem 1.8rem !important;
  }
  .gl-tab-medium-primary {
    padding: 0.5rem 1.8rem !important;
  }
  /*TODO(mdc-migration): The following rule targets internal classes of tabs that may no longer apply for the MDC version.*/
  .gl-mat-tab-lg-secondary {
    padding: 0.5rem 1.8rem !important;
  }
}
* {
  --amplify-secondary-color: #292929 !important;
  --label-color: #292929 !important;
  --margin-bottom: 0px !important;
  --text-transform: capitalize !important;
}

amplify-authenticator {
  --container-height: auto !important;
  --container-align: initial !important;
  --box-shadow: none !important;
  --amplify-font-weight: bold !important;
  --amplify-text-sm: 14px !important;
}

amplify-auth-fields {
  --amplify-secondary-color: #292929 !important;
  --font-weight: bold !important;
  --font-size: 13px !important;
}

::ng-deep .form-field > div {
  font-weight: 500 !important;
}

::ng-deep .hydrated > label {
  font-size: 14px !important;
}

::ng-deep .sign-in-form-footer amplify-button.hydrated {
  margin-bottom: 1rem;
  border-radius: 10px;
}

.full-width-footer-content {
  width: 153px !important;
  margin-left: auto !important;
}

amplify-button {
  border-radius: 6px !important;
  min-width: 18vw !important;
}
/*!***************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/angular2-multiselect-dropdown/themes/default.theme.css?ngGlobalStyle ***!
  \***************************************************************************************************************************************************************************************************************************************************************************/
.mat-toolbar {
  background: #ffffff; }

.c-btn {
  background: #fff;
  border: 1px solid #ccc;
  color: #333; }

.selected-list .c-list .c-token {
  background: #0079FE; }
  .selected-list .c-list .c-token .c-label {
    color: #fff; }
  .selected-list .c-list .c-token .c-remove svg {
    fill: #fff; }

.selected-list .c-angle-down svg, .selected-list .c-angle-up svg {
  fill: #333; }

.dropdown-list ul li:hover {
  background: #f5f5f5; }

.arrow-up, .arrow-down {
  border-bottom: 15px solid #fff; }

.arrow-2 {
  border-bottom: 15px solid #ccc; }

.list-area {
  border: 1px solid #ccc;
  background: #fff;
  box-shadow: 0px 1px 5px #959595; }

.select-all {
  border-bottom: 1px solid #ccc; }

.list-filter {
  border-bottom: 1px solid #ccc; }
  .list-filter .c-search svg {
    fill: #888; }
  .list-filter .c-clear svg {
    fill: #888; }

.pure-checkbox input[type="checkbox"]:focus + label:before, .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }

.pure-checkbox input[type="checkbox"] + label {
  color: #000; }

.pure-checkbox input[type="checkbox"] + label:before {
  color: #0079FE;
  border: 1px solid #0079FE; }

.pure-checkbox input[type="checkbox"] + label:after {
  background-color: #0079FE; }

.pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }

.pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }

.pure-checkbox input[type="checkbox"] + label:after {
  border-color: #ffffff; }

.pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }

.pure-checkbox input[type="checkbox"]:checked + label:before {
  background: #0079FE; }

.single-select-mode .pure-checkbox input[type="checkbox"]:focus + label:before, .single-select-mode .pure-checkbox input[type="checkbox"]:hover + label:before {
  border-color: #0079FE;
  background-color: #f2f2f2; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label {
  color: #000; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:before {
  color: transparent !important;
  border: 0px solid #0079FE; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  background-color: transparent !important; }

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled + label:before {
  border-color: #cccccc; }

.single-select-mode .pure-checkbox input[type="checkbox"]:disabled:checked + label:before {
  background-color: #cccccc; }

.single-select-mode .pure-checkbox input[type="checkbox"] + label:after {
  border-color: #0079FE; }

.single-select-mode .pure-checkbox input[type="radio"]:checked + label:before {
  background-color: white; }

.single-select-mode .pure-checkbox input[type="checkbox"]:checked + label:before {
  background: none !important; }

.selected-item {
  background: #e9f4ff; }

.btn-iceblue {
  background: #0079FE;
  border: 1px solid #ccc;
  color: #fff; }

/*!**************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/cookieconsent/build/cookieconsent.min.css?ngGlobalStyle ***!
  \**************************************************************************************************************************************************************************************************************************************************************/
.cc-window{opacity:1;transition:opacity 1s ease}.cc-window.cc-invisible{opacity:0}.cc-animate.cc-revoke{transition:transform 1s ease}.cc-animate.cc-revoke.cc-top{transform:translateY(-2em)}.cc-animate.cc-revoke.cc-bottom{transform:translateY(2em)}.cc-animate.cc-revoke.cc-active.cc-top{transform:translateY(0)}.cc-animate.cc-revoke.cc-active.cc-bottom{transform:translateY(0)}.cc-revoke:hover{transform:translateY(0)}.cc-grower{max-height:0;overflow:hidden;transition:max-height 1s}
.cc-revoke,.cc-window{position:fixed;overflow:hidden;box-sizing:border-box;font-family:Helvetica,Calibri,Arial,sans-serif;font-size:16px;line-height:1.5em;display:flex;flex-wrap:nowrap;z-index:9999}.cc-window.cc-static{position:static}.cc-window.cc-floating{padding:2em;max-width:24em;flex-direction:column}.cc-window.cc-banner{padding:1em 1.8em;width:100%;flex-direction:row}.cc-revoke{padding:.5em}.cc-revoke:hover{text-decoration:underline}.cc-header{font-size:18px;font-weight:700}.cc-btn,.cc-close,.cc-link,.cc-revoke{cursor:pointer}.cc-link{opacity:.8;display:inline-block;padding:.2em;text-decoration:underline}.cc-link:hover{opacity:1}.cc-link:active,.cc-link:visited{color:initial}.cc-btn{display:block;padding:.4em .8em;font-size:.9em;font-weight:700;border-width:2px;border-style:solid;text-align:center;white-space:nowrap}.cc-highlight .cc-btn:first-child{background-color:transparent;border-color:transparent}.cc-highlight .cc-btn:first-child:focus,.cc-highlight .cc-btn:first-child:hover{background-color:transparent;text-decoration:underline}.cc-close{display:block;position:absolute;top:.5em;right:.5em;font-size:1.6em;opacity:.9;line-height:.75}.cc-close:focus,.cc-close:hover{opacity:1}
.cc-revoke.cc-top{top:0;left:3em;border-bottom-left-radius:.5em;border-bottom-right-radius:.5em}.cc-revoke.cc-bottom{bottom:0;left:3em;border-top-left-radius:.5em;border-top-right-radius:.5em}.cc-revoke.cc-left{left:3em;right:unset}.cc-revoke.cc-right{right:3em;left:unset}.cc-top{top:1em}.cc-left{left:1em}.cc-right{right:1em}.cc-bottom{bottom:1em}.cc-floating>.cc-link{margin-bottom:1em}.cc-floating .cc-message{display:block;margin-bottom:1em}.cc-window.cc-floating .cc-compliance{flex:1 0 auto}.cc-window.cc-banner{align-items:center}.cc-banner.cc-top{left:0;right:0;top:0}.cc-banner.cc-bottom{left:0;right:0;bottom:0}.cc-banner .cc-message{display:block;flex:1 1 auto;max-width:100%;margin-right:1em}.cc-compliance{display:flex;align-items:center;align-content:space-between}.cc-floating .cc-compliance>.cc-btn{flex:1}.cc-btn+.cc-btn{margin-left:.5em}
@media print{.cc-revoke,.cc-window{display:none}}@media screen and (max-width:900px){.cc-btn{white-space:normal}}@media screen and (max-width:414px) and (orientation:portrait),screen and (max-width:736px) and (orientation:landscape){.cc-window.cc-top{top:0}.cc-window.cc-bottom{bottom:0}.cc-window.cc-banner,.cc-window.cc-floating,.cc-window.cc-left,.cc-window.cc-right{left:0;right:0}.cc-window.cc-banner{flex-direction:column}.cc-window.cc-banner .cc-compliance{flex:1 1 auto}.cc-window.cc-floating{max-width:none}.cc-window .cc-message{margin-bottom:1em}.cc-window.cc-banner{align-items:unset}.cc-window.cc-banner .cc-message{margin-right:0}}
.cc-floating.cc-theme-classic{padding:1.2em;border-radius:5px}.cc-floating.cc-type-info.cc-theme-classic .cc-compliance{text-align:center;display:inline;flex:none}.cc-theme-classic .cc-btn{border-radius:5px}.cc-theme-classic .cc-btn:last-child{min-width:140px}.cc-floating.cc-type-info.cc-theme-classic .cc-btn{display:inline-block}
.cc-theme-edgeless.cc-window{padding:0}.cc-floating.cc-theme-edgeless .cc-message{margin:2em;margin-bottom:1.5em}.cc-banner.cc-theme-edgeless .cc-btn{margin:0;padding:.8em 1.8em;height:100%}.cc-banner.cc-theme-edgeless .cc-message{margin-left:1em}.cc-floating.cc-theme-edgeless .cc-btn+.cc-btn{margin-left:0}