/*!*************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@danielmoncada/angular-datetime-picker/assets/style/picker.min.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************/
.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;top:0;bottom:0;left:0;right:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:opacity 400ms cubic-bezier(0.25, 0.8, 0.25, 1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:rgba(0,0,0,.288)}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.owl-dialog-container{position:relative;pointer-events:auto;box-sizing:border-box;display:block;padding:1.5em;box-shadow:0 11px 15px -7px rgba(0,0,0,.2),0px 24px 38px 3px rgba(0,0,0,.14),0px 9px 46px 8px rgba(0,0,0,.12);border-radius:2px;overflow:auto;background:#fff;color:rgba(0,0,0,.87);width:100%;height:100%;outline:none}.owl-dt-container,.owl-dt-container *{box-sizing:border-box}.owl-dt-container{display:block;font-size:1rem;background:#fff;pointer-events:auto;z-index:1000}.owl-dt-container-row{border-bottom:1px solid rgba(0,0,0,.12)}.owl-dt-container-row:last-child{border-bottom:none}.owl-dt-calendar{display:flex;flex-direction:column;width:100%}.owl-dt-calendar-control{display:flex;align-items:center;font-size:1em;width:100%;padding:.5em;color:#000}.owl-dt-calendar-control .owl-dt-calendar-control-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button{padding:0 .8em}.owl-dt-calendar-control .owl-dt-calendar-control-content .owl-dt-calendar-control-button:hover{background-color:rgba(0,0,0,.12)}.owl-dt-calendar-main{display:flex;flex-direction:column;flex:1 1 auto;padding:0 .5em .5em;outline:0}.owl-dt-calendar-view{display:flex;flex:1 1 auto}.owl-dt-calendar-multi-year-view{display:flex;align-items:center}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table{width:calc(100% - 3em)}.owl-dt-calendar-multi-year-view .owl-dt-calendar-table .owl-dt-calendar-header th{padding-bottom:.25em}.owl-dt-calendar-table{width:100%;border-collapse:collapse;border-spacing:0}.owl-dt-calendar-table .owl-dt-calendar-header{color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays th{font-size:.7em;font-weight:400;text-align:center;padding-bottom:1em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider{position:relative;height:1px;padding-bottom:.5em}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider:after{content:"";position:absolute;top:0;left:-0.5em;right:-0.5em;height:1px;background:rgba(0,0,0,.12)}.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-calendar-table-divider.owl-calendar-weeks:after{left:-1.8em}.owl-dt-calendar-table .owl-dt-calendar-cell{position:relative;height:0;line-height:0;text-align:center;outline:0;color:rgba(0,0,0,.85);-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-calendar-table .owl-dt-calendar-cell-content{position:absolute;top:5%;left:5%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;width:90%;height:90%;font-size:.8em;line-height:1;border:1px solid rgba(0,0,0,0);border-radius:999px;color:inherit;cursor:pointer}.owl-dt-calendar-table .owl-dt-calendar-cell-out{opacity:.2}.owl-dt-calendar-table .owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-selected{color:rgba(255,255,255,.85);background-color:#3f51b5}.owl-dt-calendar-table .owl-dt-calendar-cell-selected.owl-dt-calendar-cell-today{box-shadow:inset 0 0 0 1px rgba(255,255,255,.85)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled{cursor:default}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){color:rgba(0,0,0,.4)}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-content.owl-dt-calendar-cell-selected{opacity:.4}.owl-dt-calendar-table .owl-dt-calendar-cell-disabled>.owl-dt-calendar-cell-today:not(.owl-dt-calendar-cell-selected){border-color:rgba(0,0,0,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-active:focus>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected),.owl-dt-calendar-table :not(.owl-dt-calendar-cell-disabled):hover>.owl-dt-calendar-cell-content:not(.owl-dt-calendar-cell-selected){background-color:rgba(0,0,0,.04)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range{background:rgba(63,81,181,.2)}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-from{border-top-left-radius:999px;border-bottom-left-radius:999px}.owl-dt-calendar-table .owl-dt-calendar-cell-in-range.owl-dt-calendar-cell-range-to{border-top-right-radius:999px;border-bottom-right-radius:999px}.owl-dt-calendar-table.owl-calendar-weeks .owl-dt-calendar-cell-content{height:86%}.owl-dt-timer{display:flex;justify-content:center;width:100%;height:7em;padding:.5em;outline:none}.owl-dt-timer-box{position:relative;display:inline-flex;flex-direction:column;align-items:center;width:25%;height:100%}.owl-dt-timer-content{flex:1 1 auto;display:flex;justify-content:center;align-items:center;width:100%;margin:.2em 0}.owl-dt-timer-content .owl-dt-timer-input{display:block;width:2em;text-align:center;border:1px solid rgba(0,0,0,.5);border-radius:3px;outline:medium none;font-size:1.2em;padding:.2em}.owl-dt-timer-divider{display:inline-block;align-self:flex-end;position:absolute;width:.6em;height:100%;left:-0.3em}.owl-dt-timer-divider:before,.owl-dt-timer-divider:after{content:"";display:inline-block;width:.35em;height:.35em;position:absolute;left:50%;border-radius:50%;transform:translateX(-50%);background-color:currentColor}.owl-dt-timer-divider:before{top:35%}.owl-dt-timer-divider:after{bottom:35%}.owl-dt-control-button{-webkit-user-select:none;user-select:none;cursor:pointer;outline:none;border:none;-webkit-tap-highlight-color:rgba(0,0,0,0);display:inline-block;white-space:nowrap;text-decoration:none;vertical-align:baseline;margin:0;padding:0;background-color:rgba(0,0,0,0);font-size:1em;color:inherit}.owl-dt-control-button .owl-dt-control-button-content{position:relative;display:inline-flex;justify-content:center;align-items:center;outline:none}.owl-dt-control-period-button .owl-dt-control-button-content{height:1.5em;padding:0 .5em;border-radius:3px;transition:background-color 100ms linear}.owl-dt-control-period-button:hover>.owl-dt-control-button-content{background-color:rgba(0,0,0,.12)}.owl-dt-control-period-button .owl-dt-control-button-arrow{display:flex;justify-content:center;align-items:center;width:1em;height:1em;margin:.1em;transition:transform 200ms ease}.owl-dt-control-arrow-button .owl-dt-control-button-content{padding:0;border-radius:50%;width:1.5em;height:1.5em}.owl-dt-control-arrow-button[disabled]{color:rgba(0,0,0,.4);cursor:default}.owl-dt-control-arrow-button svg{width:50%;height:50%;fill:currentColor}.owl-dt-inline-container,.owl-dt-popup-container{position:relative;width:18.5em;box-shadow:0 5px 5px -3px rgba(0,0,0,.2),0 8px 10px 1px rgba(0,0,0,.14),0 3px 14px 2px rgba(0,0,0,.12)}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-inline-container .owl-dt-timer,.owl-dt-popup-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-timer{width:100%}.owl-dt-inline-container .owl-dt-calendar,.owl-dt-popup-container .owl-dt-calendar{height:20.25em}.owl-dt-dialog-container{max-height:95vh;margin:-1.5em}.owl-dt-dialog-container .owl-dt-calendar{min-width:250px;min-height:330px;max-width:750px;max-height:750px}.owl-dt-dialog-container .owl-dt-timer{min-width:250px;max-width:750px}@media all and (orientation: landscape){.owl-dt-dialog-container .owl-dt-calendar{width:58vh;height:62vh}.owl-dt-dialog-container .owl-dt-timer{width:58vh}}@media all and (orientation: portrait){.owl-dt-dialog-container .owl-dt-calendar{width:80vw;height:80vw}.owl-dt-dialog-container .owl-dt-timer{width:80vw}}.owl-dt-container-buttons{display:flex;width:100%;height:2em;color:#3f51b5}.owl-dt-container-control-button{font-size:1em;width:50%;height:100%;border-radius:0}.owl-dt-container-control-button .owl-dt-control-button-content{height:100%;width:100%;transition:background-color 100ms linear}.owl-dt-container-control-button:hover .owl-dt-control-button-content{background-color:rgba(0,0,0,.1)}.owl-dt-container-info{padding:0 .5em;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.owl-dt-container-info .owl-dt-container-range{outline:none}.owl-dt-container-info .owl-dt-container-range .owl-dt-container-range-content{display:flex;justify-content:space-between;padding:.5em 0;font-size:.8em}.owl-dt-container-info .owl-dt-container-range:last-child{border-top:1px solid rgba(0,0,0,.12)}.owl-dt-container-info .owl-dt-container-info-active{color:#3f51b5}.owl-dt-container-disabled,.owl-dt-trigger-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none;cursor:default !important}.owl-dt-timer-hour12{display:flex;justify-content:center;align-items:center;color:#3f51b5}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box{border:1px solid currentColor;border-radius:2px;transition:background 200ms ease}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box .owl-dt-control-button-content{width:100%;height:100%;padding:.5em}.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:focus .owl-dt-control-button-content,.owl-dt-timer-hour12 .owl-dt-timer-hour12-box:hover .owl-dt-control-button-content{background:#3f51b5;color:#fff}.owl-dt-calendar-only-current-month .owl-dt-calendar-cell-out{visibility:hidden;cursor:default}.owl-dt-inline{display:inline-block}.owl-dt-control{outline:none;cursor:pointer}.owl-dt-control .owl-dt-control-content{outline:none}.owl-dt-control:focus>.owl-dt-control-content{background-color:rgba(0,0,0,.12)}.owl-dt-control:not(:-moz-focusring):focus>.owl-dt-control-content{box-shadow:none}.owl-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[5].rules[0].oneOf[0].use[2]!./node_modules/resolve-url-loader/index.js??ruleSet[1].rules[5].rules[1].use[0]!./node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[5].rules[1].use[1]!./src/styles.scss?ngGlobalStyle ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/** CS style */
/** RFQ style */
/** RFQ Font */
.mat-ripple {
  overflow: hidden;
  position: relative;
}
.mat-ripple:not(:empty) {
  transform: translateZ(0);
}

.mat-ripple.mat-ripple-unbounded {
  overflow: visible;
}

.mat-ripple-element {
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
  transition: opacity, transform 0ms cubic-bezier(0, 0, 0.2, 1);
  transform: scale3d(0, 0, 0);
  background-color: var(--mat-ripple-color, rgba(0, 0, 0, 0.1));
}
.cdk-high-contrast-active .mat-ripple-element {
  display: none;
}

.cdk-drag-preview .mat-ripple-element, .cdk-drag-placeholder .mat-ripple-element {
  display: none;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-app-background, transparent));
  color: var(--mat-app-text-color, var(--mat-app-on-background, inherit));
}

.mat-elevation-z0, .mat-mdc-elevation-specific.mat-elevation-z0 {
  box-shadow: var(--mat-app-elevation-shadow-level-0, none);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, none);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, none);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, none);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, none);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, none);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, none);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, none);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, none);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, none);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, none);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, none);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, none);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, none);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, none);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, none);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, none);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, none);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, none);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, none);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, none);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, none);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, none);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, none);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, none);
}

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

html {
  --mat-ripple-color: rgba(0, 0, 0, 0.1);
}

html {
  --mat-option-selected-state-label-text-color: #0d47a1;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #2e7d32;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-option-selected-state-layer-color: rgba(0, 0, 0, 0.04);
}

html {
  --mat-optgroup-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color: #0d47a1;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #0d47a1;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-full-pseudo-checkbox-selected-icon-color: #2e7d32;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2e7d32;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color: #2e7d32;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #2e7d32;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color: #f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color: #fafafa;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color: #b0b0b0;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color: #b0b0b0;
  --mat-minimal-pseudo-checkbox-selected-checkmark-color: #f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color: #b0b0b0;
}

html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-elevated-card-container-shape: 4px;
  --mdc-outlined-card-container-shape: 4px;
  --mdc-outlined-card-outline-width: 1px;
}

html {
  --mdc-elevated-card-container-color: white;
  --mdc-elevated-card-container-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-color: white;
  --mdc-outlined-card-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-card-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
}

html {
  --mdc-linear-progress-active-indicator-height: 4px;
  --mdc-linear-progress-track-height: 4px;
  --mdc-linear-progress-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color: #0d47a1;
  --mdc-linear-progress-track-color: rgba(13, 71, 161, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color: #2e7d32;
  --mdc-linear-progress-track-color: rgba(46, 125, 50, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color: #f44336;
  --mdc-linear-progress-track-color: rgba(244, 67, 54, 0.25);
}

html {
  --mdc-plain-tooltip-container-shape: 4px;
  --mdc-plain-tooltip-supporting-text-line-height: 16px;
}

html {
  --mdc-plain-tooltip-container-color: #616161;
  --mdc-plain-tooltip-supporting-text-color: #fff;
}

html {
  --mdc-filled-text-field-active-indicator-height: 1px;
  --mdc-filled-text-field-focus-active-indicator-height: 2px;
  --mdc-filled-text-field-container-shape: 4px;
  --mdc-outlined-text-field-outline-width: 1px;
  --mdc-outlined-text-field-focus-outline-width: 2px;
  --mdc-outlined-text-field-container-shape: 4px;
}

html {
  --mdc-filled-text-field-caret-color: #0d47a1;
  --mdc-filled-text-field-focus-active-indicator-color: #0d47a1;
  --mdc-filled-text-field-focus-label-text-color: rgba(13, 71, 161, 0.87);
  --mdc-filled-text-field-container-color: whitesmoke;
  --mdc-filled-text-field-disabled-container-color: #fafafa;
  --mdc-filled-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color: #f44336;
  --mdc-filled-text-field-error-focus-label-text-color: #f44336;
  --mdc-filled-text-field-error-label-text-color: #f44336;
  --mdc-filled-text-field-error-caret-color: #f44336;
  --mdc-filled-text-field-active-indicator-color: rgba(0, 0, 0, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color: rgba(0, 0, 0, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mdc-filled-text-field-error-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color: #f44336;
  --mdc-outlined-text-field-caret-color: #0d47a1;
  --mdc-outlined-text-field-focus-outline-color: #0d47a1;
  --mdc-outlined-text-field-focus-label-text-color: rgba(13, 71, 161, 0.87);
  --mdc-outlined-text-field-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color: rgba(0, 0, 0, 0.6);
  --mdc-outlined-text-field-error-caret-color: #f44336;
  --mdc-outlined-text-field-error-focus-label-text-color: #f44336;
  --mdc-outlined-text-field-error-label-text-color: #f44336;
  --mdc-outlined-text-field-error-hover-label-text-color: #f44336;
  --mdc-outlined-text-field-outline-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-text-field-disabled-outline-color: rgba(0, 0, 0, 0.06);
  --mdc-outlined-text-field-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color: #f44336;
  --mdc-outlined-text-field-error-hover-outline-color: #f44336;
  --mdc-outlined-text-field-error-outline-color: #f44336;
  --mat-form-field-focus-select-arrow-color: rgba(13, 71, 161, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.08;
}

.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color: #2e7d32;
  --mdc-filled-text-field-focus-active-indicator-color: #2e7d32;
  --mdc-filled-text-field-focus-label-text-color: rgba(46, 125, 50, 0.87);
  --mdc-outlined-text-field-caret-color: #2e7d32;
  --mdc-outlined-text-field-focus-outline-color: #2e7d32;
  --mdc-outlined-text-field-focus-label-text-color: rgba(46, 125, 50, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(46, 125, 50, 0.87);
}

.mat-mdc-form-field.mat-warn {
  --mdc-filled-text-field-caret-color: #f44336;
  --mdc-filled-text-field-focus-active-indicator-color: #f44336;
  --mdc-filled-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mdc-outlined-text-field-caret-color: #f44336;
  --mdc-outlined-text-field-focus-outline-color: #f44336;
  --mdc-outlined-text-field-focus-label-text-color: rgba(244, 67, 54, 0.87);
  --mat-form-field-focus-select-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-form-field-container-height: 56px;
  --mat-form-field-filled-label-display: block;
  --mat-form-field-container-vertical-padding: 16px;
  --mat-form-field-filled-with-label-container-padding-top: 24px;
  --mat-form-field-filled-with-label-container-padding-bottom: 8px;
}

html {
  --mat-select-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(13, 71, 161, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(46, 125, 50, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}
html .mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: rgba(0, 0, 0, 0.38);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.6);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: rgba(0, 0, 0, 0.38);
  --mat-select-focused-arrow-color: rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color: rgba(244, 67, 54, 0.87);
}

html {
  --mat-select-arrow-transform: translateY(-8px);
}

html {
  --mat-autocomplete-container-shape: 4px;
  --mat-autocomplete-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}

html {
  --mat-autocomplete-background-color: white;
}

html {
  --mdc-dialog-container-shape: 4px;
  --mat-dialog-container-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
  --mat-dialog-container-max-width: 80vw;
  --mat-dialog-container-small-max-width: 80vw;
  --mat-dialog-container-min-width: 0;
  --mat-dialog-actions-alignment: start;
  --mat-dialog-actions-padding: 8px;
  --mat-dialog-content-padding: 20px 24px;
  --mat-dialog-with-actions-content-padding: 20px 24px;
  --mat-dialog-headline-padding: 0 24px 9px;
}

html {
  --mdc-dialog-container-color: white;
  --mdc-dialog-subhead-color: rgba(0, 0, 0, 0.87);
  --mdc-dialog-supporting-text-color: rgba(0, 0, 0, 0.6);
}

.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius: 16px;
  --mdc-chip-with-avatar-avatar-shape-radius: 14px;
  --mdc-chip-with-avatar-avatar-size: 28px;
  --mdc-chip-with-icon-icon-size: 18px;
  --mdc-chip-outline-width: 0;
  --mdc-chip-outline-color: transparent;
  --mdc-chip-disabled-outline-color: transparent;
  --mdc-chip-focus-outline-color: transparent;
  --mdc-chip-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity: 1;
  --mdc-chip-flat-selected-outline-width: 0;
  --mdc-chip-selected-hover-state-layer-opacity: 0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity: 1;
  --mdc-chip-with-icon-disabled-icon-opacity: 1;
  --mat-chip-disabled-container-opacity: 0.4;
  --mat-chip-trailing-action-opacity: 0.54;
  --mat-chip-trailing-action-focus-opacity: 1;
  --mat-chip-trailing-action-state-layer-color: transparent;
  --mat-chip-selected-trailing-action-state-layer-color: transparent;
  --mat-chip-trailing-action-hover-state-layer-opacity: 0;
  --mat-chip-trailing-action-focus-state-layer-opacity: 0;
}

.mat-mdc-standard-chip {
  --mdc-chip-disabled-label-text-color: #212121;
  --mdc-chip-elevated-container-color: #e0e0e0;
  --mdc-chip-elevated-selected-container-color: #e0e0e0;
  --mdc-chip-elevated-disabled-container-color: #e0e0e0;
  --mdc-chip-flat-disabled-selected-container-color: #e0e0e0;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: #212121;
  --mdc-chip-selected-label-text-color: #212121;
  --mdc-chip-with-icon-icon-color: #212121;
  --mdc-chip-with-icon-disabled-icon-color: #212121;
  --mdc-chip-with-icon-selected-icon-color: #212121;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: #212121;
  --mdc-chip-with-trailing-icon-trailing-icon-color: #212121;
  --mat-chip-selected-disabled-trailing-icon-color: #212121;
  --mat-chip-selected-trailing-icon-color: #212121;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #0d47a1;
  --mdc-chip-elevated-selected-container-color: #0d47a1;
  --mdc-chip-elevated-disabled-container-color: #0d47a1;
  --mdc-chip-flat-disabled-selected-container-color: #0d47a1;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #2e7d32;
  --mdc-chip-elevated-selected-container-color: #2e7d32;
  --mdc-chip-elevated-disabled-container-color: #2e7d32;
  --mdc-chip-flat-disabled-selected-container-color: #2e7d32;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color: white;
  --mdc-chip-elevated-container-color: #f44336;
  --mdc-chip-elevated-selected-container-color: #f44336;
  --mdc-chip-elevated-disabled-container-color: #f44336;
  --mdc-chip-flat-disabled-selected-container-color: #f44336;
  --mdc-chip-focus-state-layer-color: black;
  --mdc-chip-hover-state-layer-color: black;
  --mdc-chip-selected-hover-state-layer-color: black;
  --mdc-chip-focus-state-layer-opacity: 0.12;
  --mdc-chip-selected-focus-state-layer-color: black;
  --mdc-chip-selected-focus-state-layer-opacity: 0.12;
  --mdc-chip-label-text-color: white;
  --mdc-chip-selected-label-text-color: white;
  --mdc-chip-with-icon-icon-color: white;
  --mdc-chip-with-icon-disabled-icon-color: white;
  --mdc-chip-with-icon-selected-icon-color: white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mdc-chip-with-trailing-icon-trailing-icon-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-trailing-icon-color: white;
}

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

html {
  --mdc-switch-disabled-selected-icon-opacity: 0.38;
  --mdc-switch-disabled-track-opacity: 0.12;
  --mdc-switch-disabled-unselected-icon-opacity: 0.38;
  --mdc-switch-handle-height: 20px;
  --mdc-switch-handle-shape: 10px;
  --mdc-switch-handle-width: 20px;
  --mdc-switch-selected-icon-size: 18px;
  --mdc-switch-track-height: 14px;
  --mdc-switch-track-shape: 7px;
  --mdc-switch-track-width: 36px;
  --mdc-switch-unselected-icon-size: 18px;
  --mdc-switch-selected-focus-state-layer-opacity: 0.12;
  --mdc-switch-selected-hover-state-layer-opacity: 0.04;
  --mdc-switch-selected-pressed-state-layer-opacity: 0.1;
  --mdc-switch-unselected-focus-state-layer-opacity: 0.12;
  --mdc-switch-unselected-hover-state-layer-opacity: 0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity: 0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity: 0.38;
  --mat-switch-disabled-unselected-handle-opacity: 0.38;
  --mat-switch-unselected-handle-size: 20px;
  --mat-switch-selected-handle-size: 20px;
  --mat-switch-pressed-handle-size: 20px;
  --mat-switch-with-icon-handle-size: 20px;
  --mat-switch-selected-handle-horizontal-margin: 0;
  --mat-switch-selected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-selected-pressed-handle-horizontal-margin: 0;
  --mat-switch-unselected-handle-horizontal-margin: 0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin: 0;
  --mat-switch-unselected-pressed-handle-horizontal-margin: 0;
  --mat-switch-visible-track-opacity: 1;
  --mat-switch-hidden-track-opacity: 1;
  --mat-switch-visible-track-transition: transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition: transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width: 1px;
  --mat-switch-track-outline-color: transparent;
  --mat-switch-selected-track-outline-width: 1px;
  --mat-switch-selected-track-outline-color: transparent;
  --mat-switch-disabled-unselected-track-outline-width: 1px;
  --mat-switch-disabled-unselected-track-outline-color: transparent;
}

html {
  --mdc-switch-selected-focus-state-layer-color: #1e88e5;
  --mdc-switch-selected-handle-color: #1e88e5;
  --mdc-switch-selected-hover-state-layer-color: #1e88e5;
  --mdc-switch-selected-pressed-state-layer-color: #1e88e5;
  --mdc-switch-selected-focus-handle-color: #0d47a1;
  --mdc-switch-selected-hover-handle-color: #0d47a1;
  --mdc-switch-selected-pressed-handle-color: #0d47a1;
  --mdc-switch-selected-focus-track-color: #64b5f6;
  --mdc-switch-selected-hover-track-color: #64b5f6;
  --mdc-switch-selected-pressed-track-color: #64b5f6;
  --mdc-switch-selected-track-color: #64b5f6;
  --mdc-switch-disabled-selected-handle-color: #424242;
  --mdc-switch-disabled-selected-icon-color: #fff;
  --mdc-switch-disabled-selected-track-color: #424242;
  --mdc-switch-disabled-unselected-handle-color: #424242;
  --mdc-switch-disabled-unselected-icon-color: #fff;
  --mdc-switch-disabled-unselected-track-color: #424242;
  --mdc-switch-handle-surface-color: #fff;
  --mdc-switch-selected-icon-color: #fff;
  --mdc-switch-unselected-focus-handle-color: #212121;
  --mdc-switch-unselected-focus-state-layer-color: #424242;
  --mdc-switch-unselected-focus-track-color: #e0e0e0;
  --mdc-switch-unselected-handle-color: #616161;
  --mdc-switch-unselected-hover-handle-color: #212121;
  --mdc-switch-unselected-hover-state-layer-color: #424242;
  --mdc-switch-unselected-hover-track-color: #e0e0e0;
  --mdc-switch-unselected-icon-color: #fff;
  --mdc-switch-unselected-pressed-handle-color: #212121;
  --mdc-switch-unselected-pressed-state-layer-color: #424242;
  --mdc-switch-unselected-pressed-track-color: #e0e0e0;
  --mdc-switch-unselected-track-color: #e0e0e0;
  --mdc-switch-handle-elevation-shadow: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-label-text-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color: rgba(0, 0, 0, 0.87);
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color: #43a047;
  --mdc-switch-selected-handle-color: #43a047;
  --mdc-switch-selected-hover-state-layer-color: #43a047;
  --mdc-switch-selected-pressed-state-layer-color: #43a047;
  --mdc-switch-selected-focus-handle-color: #1b5e20;
  --mdc-switch-selected-hover-handle-color: #1b5e20;
  --mdc-switch-selected-pressed-handle-color: #1b5e20;
  --mdc-switch-selected-focus-track-color: #81c784;
  --mdc-switch-selected-hover-track-color: #81c784;
  --mdc-switch-selected-pressed-track-color: #81c784;
  --mdc-switch-selected-track-color: #81c784;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color: #e53935;
  --mdc-switch-selected-handle-color: #e53935;
  --mdc-switch-selected-hover-state-layer-color: #e53935;
  --mdc-switch-selected-pressed-state-layer-color: #e53935;
  --mdc-switch-selected-focus-handle-color: #b71c1c;
  --mdc-switch-selected-hover-handle-color: #b71c1c;
  --mdc-switch-selected-pressed-handle-color: #b71c1c;
  --mdc-switch-selected-focus-track-color: #e57373;
  --mdc-switch-selected-hover-track-color: #e57373;
  --mdc-switch-selected-pressed-track-color: #e57373;
  --mdc-switch-selected-track-color: #e57373;
}

html {
  --mdc-switch-state-layer-size: 40px;
}
html {
  --mdc-radio-disabled-selected-icon-opacity: 0.38;
  --mdc-radio-disabled-unselected-icon-opacity: 0.38;
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0d47a1;
  --mdc-radio-selected-hover-icon-color: #0d47a1;
  --mdc-radio-selected-icon-color: #0d47a1;
  --mdc-radio-selected-pressed-icon-color: #0d47a1;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #0d47a1;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2e7d32;
  --mdc-radio-selected-hover-icon-color: #2e7d32;
  --mdc-radio-selected-icon-color: #2e7d32;
  --mdc-radio-selected-pressed-icon-color: #2e7d32;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #2e7d32;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-ripple-color: black;
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
}

html {
  --mdc-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

html {
  --mdc-slider-active-track-height: 6px;
  --mdc-slider-active-track-shape: 9999px;
  --mdc-slider-handle-height: 20px;
  --mdc-slider-handle-shape: 50%;
  --mdc-slider-handle-width: 20px;
  --mdc-slider-inactive-track-height: 4px;
  --mdc-slider-inactive-track-shape: 9999px;
  --mdc-slider-with-overlap-handle-outline-width: 1px;
  --mdc-slider-with-tick-marks-active-container-opacity: 0.6;
  --mdc-slider-with-tick-marks-container-shape: 50%;
  --mdc-slider-with-tick-marks-container-size: 2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mdc-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-value-indicator-width: auto;
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
}

html {
  --mdc-slider-handle-color: #0d47a1;
  --mdc-slider-focus-handle-color: #0d47a1;
  --mdc-slider-hover-handle-color: #0d47a1;
  --mdc-slider-active-track-color: #0d47a1;
  --mdc-slider-inactive-track-color: #0d47a1;
  --mdc-slider-with-tick-marks-inactive-container-color: #0d47a1;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mdc-slider-disabled-active-track-color: #000;
  --mdc-slider-disabled-handle-color: #000;
  --mdc-slider-disabled-inactive-track-color: #000;
  --mdc-slider-label-container-color: #000;
  --mdc-slider-label-label-text-color: #fff;
  --mdc-slider-with-overlap-handle-outline-color: #fff;
  --mdc-slider-with-tick-marks-disabled-container-color: #000;
  --mat-slider-ripple-color: #0d47a1;
  --mat-slider-hover-state-layer-color: rgba(13, 71, 161, 0.05);
  --mat-slider-focus-state-layer-color: rgba(13, 71, 161, 0.2);
  --mat-slider-value-indicator-opacity: 0.6;
}
html .mat-accent {
  --mdc-slider-handle-color: #2e7d32;
  --mdc-slider-focus-handle-color: #2e7d32;
  --mdc-slider-hover-handle-color: #2e7d32;
  --mdc-slider-active-track-color: #2e7d32;
  --mdc-slider-inactive-track-color: #2e7d32;
  --mdc-slider-with-tick-marks-inactive-container-color: #2e7d32;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #2e7d32;
  --mat-slider-hover-state-layer-color: rgba(46, 125, 50, 0.05);
  --mat-slider-focus-state-layer-color: rgba(46, 125, 50, 0.2);
}
html .mat-warn {
  --mdc-slider-handle-color: #f44336;
  --mdc-slider-focus-handle-color: #f44336;
  --mdc-slider-hover-handle-color: #f44336;
  --mdc-slider-active-track-color: #f44336;
  --mdc-slider-inactive-track-color: #f44336;
  --mdc-slider-with-tick-marks-inactive-container-color: #f44336;
  --mdc-slider-with-tick-marks-active-container-color: white;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-hover-state-layer-color: rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color: rgba(244, 67, 54, 0.2);
}

html {
  --mat-menu-container-shape: 4px;
  --mat-menu-divider-bottom-spacing: 0;
  --mat-menu-divider-top-spacing: 0;
  --mat-menu-item-spacing: 16px;
  --mat-menu-item-icon-size: 24px;
  --mat-menu-item-leading-spacing: 16px;
  --mat-menu-item-trailing-spacing: 16px;
  --mat-menu-item-with-icon-leading-spacing: 16px;
  --mat-menu-item-with-icon-trailing-spacing: 16px;
  --mat-menu-base-elevation-level: 8;
}

html {
  --mat-menu-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-item-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mdc-list-list-item-container-shape: 0;
  --mdc-list-list-item-leading-avatar-shape: 50%;
  --mdc-list-list-item-container-color: transparent;
  --mdc-list-list-item-selected-container-color: transparent;
  --mdc-list-list-item-leading-avatar-color: transparent;
  --mdc-list-list-item-leading-icon-size: 24px;
  --mdc-list-list-item-leading-avatar-size: 40px;
  --mdc-list-list-item-trailing-icon-size: 24px;
  --mdc-list-list-item-disabled-state-layer-color: transparent;
  --mdc-list-list-item-disabled-state-layer-opacity: 0;
  --mdc-list-list-item-disabled-label-text-opacity: 0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity: 0.38;
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
}

html {
  --mdc-list-list-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-supporting-text-color: rgba(0, 0, 0, 0.54);
  --mdc-list-list-item-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-supporting-text-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-selected-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-disabled-label-text-color: black;
  --mdc-list-list-item-disabled-leading-icon-color: black;
  --mdc-list-list-item-disabled-trailing-icon-color: black;
  --mdc-list-list-item-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-leading-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-hover-trailing-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-list-list-item-focus-label-text-color: rgba(0, 0, 0, 0.87);
  --mdc-list-list-item-hover-state-layer-color: black;
  --mdc-list-list-item-hover-state-layer-opacity: 0.04;
  --mdc-list-list-item-focus-state-layer-color: black;
  --mdc-list-list-item-focus-state-layer-opacity: 0.12;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #0d47a1;
  --mdc-radio-selected-hover-icon-color: #0d47a1;
  --mdc-radio-selected-icon-color: #0d47a1;
  --mdc-radio-selected-pressed-icon-color: #0d47a1;
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #2e7d32;
  --mdc-radio-selected-hover-icon-color: #2e7d32;
  --mdc-radio-selected-icon-color: #2e7d32;
  --mdc-radio-selected-pressed-icon-color: #2e7d32;
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color: black;
  --mdc-radio-disabled-unselected-icon-color: black;
  --mdc-radio-unselected-hover-icon-color: #212121;
  --mdc-radio-unselected-focus-icon-color: #212121;
  --mdc-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-radio-selected-focus-icon-color: #f44336;
  --mdc-radio-selected-hover-icon-color: #f44336;
  --mdc-radio-selected-icon-color: #f44336;
  --mdc-radio-selected-pressed-icon-color: #f44336;
}

.mat-mdc-list-option {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0d47a1;
  --mdc-checkbox-selected-hover-icon-color: #0d47a1;
  --mdc-checkbox-selected-icon-color: #0d47a1;
  --mdc-checkbox-selected-pressed-icon-color: #0d47a1;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0d47a1;
  --mdc-checkbox-selected-hover-state-layer-color: #0d47a1;
  --mdc-checkbox-selected-pressed-state-layer-color: #0d47a1;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2e7d32;
  --mdc-checkbox-selected-hover-icon-color: #2e7d32;
  --mdc-checkbox-selected-icon-color: #2e7d32;
  --mdc-checkbox-selected-pressed-icon-color: #2e7d32;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2e7d32;
  --mdc-checkbox-selected-hover-state-layer-color: #2e7d32;
  --mdc-checkbox-selected-pressed-state-layer-color: #2e7d32;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--selected .mdc-list-item__start,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__primary-text,
.mat-mdc-list-base.mat-mdc-list-base .mdc-list-item--activated .mdc-list-item__start {
  color: #0d47a1;
}

.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__start,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__content,
.mat-mdc-list-base .mdc-list-item--disabled .mdc-list-item__end {
  opacity: 1;
}

html {
  --mdc-list-list-item-one-line-container-height: 48px;
  --mdc-list-list-item-two-line-container-height: 64px;
  --mdc-list-list-item-three-line-container-height: 88px;
  --mat-list-list-item-leading-icon-start-space: 16px;
  --mat-list-list-item-leading-icon-end-space: 32px;
}

.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size: 40px;
}

.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines, .mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-paginator-container-size: 56px;
  --mat-paginator-form-field-container-height: 40px;
  --mat-paginator-form-field-container-vertical-padding: 8px;
  --mat-paginator-touch-target-display: block;
}

html {
  --mdc-secondary-navigation-tab-container-height: 48px;
  --mdc-tab-indicator-active-indicator-height: 2px;
  --mdc-tab-indicator-active-indicator-shape: 0;
  --mat-tab-header-divider-color: transparent;
  --mat-tab-header-divider-height: 0;
}

.mat-mdc-tab-group, .mat-mdc-tab-nav-bar {
  --mdc-tab-indicator-active-indicator-color: #0d47a1;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #0d47a1;
  --mat-tab-header-active-ripple-color: #0d47a1;
  --mat-tab-header-inactive-ripple-color: #0d47a1;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #0d47a1;
  --mat-tab-header-active-hover-label-text-color: #0d47a1;
  --mat-tab-header-active-focus-indicator-color: #0d47a1;
  --mat-tab-header-active-hover-indicator-color: #0d47a1;
}
.mat-mdc-tab-group.mat-accent, .mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color: #2e7d32;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #2e7d32;
  --mat-tab-header-active-ripple-color: #2e7d32;
  --mat-tab-header-inactive-ripple-color: #2e7d32;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #2e7d32;
  --mat-tab-header-active-hover-label-text-color: #2e7d32;
  --mat-tab-header-active-focus-indicator-color: #2e7d32;
  --mat-tab-header-active-hover-indicator-color: #2e7d32;
}
.mat-mdc-tab-group.mat-warn, .mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color: #f44336;
  --mat-tab-header-disabled-ripple-color: rgba(0, 0, 0, 0.38);
  --mat-tab-header-pagination-icon-color: black;
  --mat-tab-header-inactive-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-label-text-color: #f44336;
  --mat-tab-header-active-ripple-color: #f44336;
  --mat-tab-header-inactive-ripple-color: #f44336;
  --mat-tab-header-inactive-focus-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-inactive-hover-label-text-color: rgba(0, 0, 0, 0.6);
  --mat-tab-header-active-focus-label-text-color: #f44336;
  --mat-tab-header-active-hover-label-text-color: #f44336;
  --mat-tab-header-active-focus-indicator-color: #f44336;
  --mat-tab-header-active-hover-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary, .mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-header-with-background-background-color: #0d47a1;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent, .mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-header-with-background-background-color: #2e7d32;
  --mat-tab-header-with-background-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn, .mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color: #f44336;
  --mat-tab-header-with-background-foreground-color: white;
}

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

html {
  --mdc-checkbox-disabled-selected-checkmark-color: #fff;
  --mdc-checkbox-selected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity: 0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity: 0.16;
}

html {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #2e7d32;
  --mdc-checkbox-selected-hover-icon-color: #2e7d32;
  --mdc-checkbox-selected-icon-color: #2e7d32;
  --mdc-checkbox-selected-pressed-icon-color: #2e7d32;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #2e7d32;
  --mdc-checkbox-selected-hover-state-layer-color: #2e7d32;
  --mdc-checkbox-selected-pressed-state-layer-color: #2e7d32;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
  --mat-checkbox-disabled-label-color: rgba(0, 0, 0, 0.38);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #0d47a1;
  --mdc-checkbox-selected-hover-icon-color: #0d47a1;
  --mdc-checkbox-selected-icon-color: #0d47a1;
  --mdc-checkbox-selected-pressed-icon-color: #0d47a1;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #0d47a1;
  --mdc-checkbox-selected-hover-state-layer-color: #0d47a1;
  --mdc-checkbox-selected-pressed-state-layer-color: #0d47a1;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color: rgba(0, 0, 0, 0.38);
  --mdc-checkbox-selected-checkmark-color: white;
  --mdc-checkbox-selected-focus-icon-color: #f44336;
  --mdc-checkbox-selected-hover-icon-color: #f44336;
  --mdc-checkbox-selected-icon-color: #f44336;
  --mdc-checkbox-selected-pressed-icon-color: #f44336;
  --mdc-checkbox-unselected-focus-icon-color: #212121;
  --mdc-checkbox-unselected-hover-icon-color: #212121;
  --mdc-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color: #f44336;
  --mdc-checkbox-selected-hover-state-layer-color: #f44336;
  --mdc-checkbox-selected-pressed-state-layer-color: #f44336;
  --mdc-checkbox-unselected-focus-state-layer-color: black;
  --mdc-checkbox-unselected-hover-state-layer-color: black;
  --mdc-checkbox-unselected-pressed-state-layer-color: black;
}

html {
  --mdc-checkbox-state-layer-size: 40px;
  --mat-checkbox-touch-target-display: block;
}

html {
  --mdc-text-button-container-shape: 4px;
  --mdc-text-button-keep-touch-target: false;
  --mdc-filled-button-container-shape: 4px;
  --mdc-filled-button-keep-touch-target: false;
  --mdc-protected-button-container-shape: 4px;
  --mdc-protected-button-container-elevation-shadow: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-container-elevation-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-focus-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-hover-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mdc-protected-button-pressed-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-keep-touch-target: false;
  --mdc-outlined-button-outline-width: 1px;
  --mdc-outlined-button-container-shape: 4px;
  --mat-text-button-horizontal-padding: 8px;
  --mat-text-button-with-icon-horizontal-padding: 8px;
  --mat-text-button-icon-spacing: 8px;
  --mat-text-button-icon-offset: 0;
  --mat-filled-button-horizontal-padding: 16px;
  --mat-filled-button-icon-spacing: 8px;
  --mat-filled-button-icon-offset: -4px;
  --mat-protected-button-horizontal-padding: 16px;
  --mat-protected-button-icon-spacing: 8px;
  --mat-protected-button-icon-offset: -4px;
  --mat-outlined-button-horizontal-padding: 15px;
  --mat-outlined-button-icon-spacing: 8px;
  --mat-outlined-button-icon-offset: -4px;
}

html {
  --mdc-text-button-label-text-color: black;
  --mdc-text-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-text-button-state-layer-color: black;
  --mat-text-button-disabled-state-layer-color: black;
  --mat-text-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-text-button-hover-state-layer-opacity: 0.04;
  --mat-text-button-focus-state-layer-opacity: 0.12;
  --mat-text-button-pressed-state-layer-opacity: 0.12;
  --mdc-filled-button-container-color: white;
  --mdc-filled-button-label-text-color: black;
  --mdc-filled-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-filled-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-filled-button-state-layer-color: black;
  --mat-filled-button-disabled-state-layer-color: black;
  --mat-filled-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-filled-button-hover-state-layer-opacity: 0.04;
  --mat-filled-button-focus-state-layer-opacity: 0.12;
  --mat-filled-button-pressed-state-layer-opacity: 0.12;
  --mdc-protected-button-container-color: white;
  --mdc-protected-button-label-text-color: black;
  --mdc-protected-button-disabled-container-color: rgba(0, 0, 0, 0.12);
  --mdc-protected-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mat-protected-button-state-layer-color: black;
  --mat-protected-button-disabled-state-layer-color: black;
  --mat-protected-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-protected-button-hover-state-layer-opacity: 0.04;
  --mat-protected-button-focus-state-layer-opacity: 0.12;
  --mat-protected-button-pressed-state-layer-opacity: 0.12;
  --mdc-outlined-button-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mdc-outlined-button-disabled-label-text-color: rgba(0, 0, 0, 0.38);
  --mdc-outlined-button-label-text-color: black;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: black;
  --mat-outlined-button-disabled-state-layer-color: black;
  --mat-outlined-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-outlined-button-hover-state-layer-opacity: 0.04;
  --mat-outlined-button-focus-state-layer-opacity: 0.12;
  --mat-outlined-button-pressed-state-layer-opacity: 0.12;
}

.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color: #0d47a1;
  --mat-text-button-state-layer-color: #0d47a1;
  --mat-text-button-ripple-color: rgba(13, 71, 161, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color: #2e7d32;
  --mat-text-button-state-layer-color: #2e7d32;
  --mat-text-button-ripple-color: rgba(46, 125, 50, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color: #f44336;
  --mat-text-button-state-layer-color: #f44336;
  --mat-text-button-ripple-color: rgba(244, 67, 54, 0.1);
}

.mat-mdc-unelevated-button.mat-primary {
  --mdc-filled-button-container-color: #0d47a1;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-accent {
  --mdc-filled-button-container-color: #2e7d32;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color: #f44336;
  --mdc-filled-button-label-text-color: white;
  --mat-filled-button-state-layer-color: white;
  --mat-filled-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-raised-button.mat-primary {
  --mdc-protected-button-container-color: #0d47a1;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-accent {
  --mdc-protected-button-container-color: #2e7d32;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color: #f44336;
  --mdc-protected-button-label-text-color: white;
  --mat-protected-button-state-layer-color: white;
  --mat-protected-button-ripple-color: rgba(255, 255, 255, 0.1);
}

.mat-mdc-outlined-button.mat-primary {
  --mdc-outlined-button-label-text-color: #0d47a1;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #0d47a1;
  --mat-outlined-button-ripple-color: rgba(13, 71, 161, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color: #2e7d32;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #2e7d32;
  --mat-outlined-button-ripple-color: rgba(46, 125, 50, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color: #f44336;
  --mdc-outlined-button-outline-color: rgba(0, 0, 0, 0.12);
  --mat-outlined-button-state-layer-color: #f44336;
  --mat-outlined-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mdc-text-button-container-height: 36px;
  --mdc-filled-button-container-height: 36px;
  --mdc-protected-button-container-height: 36px;
  --mdc-outlined-button-container-height: 36px;
  --mat-text-button-touch-target-display: block;
  --mat-filled-button-touch-target-display: block;
  --mat-protected-button-touch-target-display: block;
  --mat-outlined-button-touch-target-display: block;
}

html {
  --mdc-icon-button-icon-size: 24px;
}

html {
  --mdc-icon-button-icon-color: inherit;
  --mdc-icon-button-disabled-icon-color: rgba(0, 0, 0, 0.38);
  --mat-icon-button-state-layer-color: black;
  --mat-icon-button-disabled-state-layer-color: black;
  --mat-icon-button-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color: #0d47a1;
  --mat-icon-button-state-layer-color: #0d47a1;
  --mat-icon-button-ripple-color: rgba(13, 71, 161, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color: #2e7d32;
  --mat-icon-button-state-layer-color: #2e7d32;
  --mat-icon-button-ripple-color: rgba(46, 125, 50, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: rgba(244, 67, 54, 0.1);
}

html {
  --mat-icon-button-touch-target-display: block;
}

.mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 48px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 12px;
}

html {
  --mdc-fab-container-shape: 50%;
  --mdc-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-container-shape: 50%;
  --mdc-fab-small-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-fab-small-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-container-height: 48px;
  --mdc-extended-fab-container-shape: 24px;
  --mdc-extended-fab-container-elevation-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-focus-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-hover-container-elevation-shadow: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mdc-extended-fab-pressed-container-elevation-shadow: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
}

html {
  --mdc-fab-container-color: white;
  --mat-fab-foreground-color: black;
  --mat-fab-state-layer-color: black;
  --mat-fab-disabled-state-layer-color: black;
  --mat-fab-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
  --mdc-fab-small-container-color: white;
  --mat-fab-small-foreground-color: black;
  --mat-fab-small-state-layer-color: black;
  --mat-fab-small-disabled-state-layer-color: black;
  --mat-fab-small-ripple-color: rgba(0, 0, 0, 0.1);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-disabled-state-container-color: rgba(0, 0, 0, 0.12);
  --mat-fab-small-disabled-state-foreground-color: rgba(0, 0, 0, 0.38);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color: #0d47a1;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-accent {
  --mdc-fab-container-color: #2e7d32;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-state-layer-color: white;
  --mat-fab-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-primary {
  --mdc-fab-small-container-color: #0d47a1;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-accent {
  --mdc-fab-small-container-color: #2e7d32;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-state-layer-color: white;
  --mat-fab-small-ripple-color: rgba(255, 255, 255, 0.1);
}

html {
  --mat-fab-touch-target-display: block;
  --mat-fab-small-touch-target-display: block;
}

html {
  --mdc-snackbar-container-shape: 4px;
}

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

html {
  --mat-table-row-item-outline-width: 1px;
}

html {
  --mat-table-background-color: white;
  --mat-table-header-headline-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-table-row-item-outline-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-table-header-container-height: 56px;
  --mat-table-footer-container-height: 52px;
  --mat-table-row-item-container-height: 52px;
}

html {
  --mdc-circular-progress-active-indicator-width: 4px;
  --mdc-circular-progress-size: 48px;
}

html {
  --mdc-circular-progress-active-indicator-color: #0d47a1;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color: #2e7d32;
}
html .mat-warn {
  --mdc-circular-progress-active-indicator-color: #f44336;
}

html {
  --mat-badge-container-shape: 50%;
  --mat-badge-container-size: unset;
  --mat-badge-small-size-container-size: unset;
  --mat-badge-large-size-container-size: unset;
  --mat-badge-legacy-container-size: 22px;
  --mat-badge-legacy-small-size-container-size: 16px;
  --mat-badge-legacy-large-size-container-size: 28px;
  --mat-badge-container-offset: -11px 0;
  --mat-badge-small-size-container-offset: -8px 0;
  --mat-badge-large-size-container-offset: -14px 0;
  --mat-badge-container-overlap-offset: -11px;
  --mat-badge-small-size-container-overlap-offset: -8px;
  --mat-badge-large-size-container-overlap-offset: -14px;
  --mat-badge-container-padding: 0;
  --mat-badge-small-size-container-padding: 0;
  --mat-badge-large-size-container-padding: 0;
}

html {
  --mat-badge-background-color: #0d47a1;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: #b9b9b9;
  --mat-badge-disabled-state-text-color: rgba(0, 0, 0, 0.38);
}

.mat-badge-accent {
  --mat-badge-background-color: #2e7d32;
  --mat-badge-text-color: white;
}

.mat-badge-warn {
  --mat-badge-background-color: #f44336;
  --mat-badge-text-color: white;
}

html {
  --mat-bottom-sheet-container-shape: 4px;
}

html {
  --mat-bottom-sheet-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-bottom-sheet-container-background-color: white;
}

html {
  --mat-legacy-button-toggle-height: 36px;
  --mat-legacy-button-toggle-shape: 2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity: 1;
  --mat-standard-button-toggle-shape: 4px;
  --mat-standard-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-standard-button-toggle-focus-state-layer-opacity: 0.12;
}

html {
  --mat-legacy-button-toggle-text-color: rgba(0, 0, 0, 0.38);
  --mat-legacy-button-toggle-state-layer-color: rgba(0, 0, 0, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.54);
  --mat-legacy-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-legacy-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-legacy-button-toggle-disabled-state-background-color: #eeeeee;
  --mat-legacy-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-background-color: white;
  --mat-standard-button-toggle-state-layer-color: black;
  --mat-standard-button-toggle-selected-state-background-color: #e0e0e0;
  --mat-standard-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-standard-button-toggle-disabled-state-background-color: white;
  --mat-standard-button-toggle-disabled-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-standard-button-toggle-disabled-selected-state-background-color: #bdbdbd;
  --mat-standard-button-toggle-divider-color: #e0e0e0;
}

html {
  --mat-standard-button-toggle-height: 48px;
}

html {
  --mat-datepicker-calendar-container-shape: 4px;
  --mat-datepicker-calendar-container-touch-shape: 4px;
  --mat-datepicker-calendar-container-elevation-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #0d47a1;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(13, 71, 161, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(13, 71, 161, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(13, 71, 161, 0.3);
  --mat-datepicker-toggle-active-state-icon-color: #0d47a1;
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(13, 71, 161, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: black;
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: rgba(0, 0, 0, 0.18);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.24);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-range-input-disabled-state-text-color: rgba(0, 0, 0, 0.38);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #2e7d32;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(46, 125, 50, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(46, 125, 50, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(46, 125, 50, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(46, 125, 50, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}
.mat-datepicker-content.mat-warn {
  --mat-datepicker-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #f44336;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: rgba(244, 67, 54, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color: rgba(244, 67, 54, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color: rgba(244, 67, 54, 0.2);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: rgba(249, 171, 0, 0.2);
  --mat-datepicker-calendar-date-in-overlap-range-state-background-color: #a8dab5;
  --mat-datepicker-calendar-date-in-overlap-range-selected-state-background-color: #46a35e;
}

.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color: #2e7d32;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
}

.mat-calendar-controls {
  --mat-icon-button-touch-target-display: none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-divider-width: 1px;
}

html {
  --mat-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-expansion-header-disabled-state-text-color: rgba(0, 0, 0, 0.26);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

html {
  --mat-expansion-header-collapsed-state-height: 48px;
  --mat-expansion-header-expanded-state-height: 64px;
}

html {
  --mat-icon-color: inherit;
}

.mat-icon.mat-primary {
  --mat-icon-color: #0d47a1;
}
.mat-icon.mat-accent {
  --mat-icon-color: #2e7d32;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

html {
  --mat-sidenav-container-shape: 0;
  --mat-sidenav-container-elevation-shadow: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-width: auto;
}

html {
  --mat-sidenav-container-divider-color: rgba(0, 0, 0, 0.12);
  --mat-sidenav-container-background-color: white;
  --mat-sidenav-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-content-background-color: #fafafa;
  --mat-sidenav-content-text-color: rgba(0, 0, 0, 0.87);
  --mat-sidenav-scrim-color: rgba(0, 0, 0, 0.6);
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #0d47a1;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #0d47a1;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #0d47a1;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-focus-state-layer-color: rgba(0, 0, 0, 0.04);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #2e7d32;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #2e7d32;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #2e7d32;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #f44336;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #f44336;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #f44336;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

html {
  --mat-stepper-header-height: 72px;
}

html {
  --mat-sort-arrow-color: #757575;
}

html {
  --mat-toolbar-container-background-color: whitesmoke;
  --mat-toolbar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #0d47a1;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #2e7d32;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

html {
  --mat-toolbar-standard-height: 64px;
  --mat-toolbar-mobile-height: 56px;
}

html {
  --mat-tree-container-background-color: white;
  --mat-tree-node-text-color: rgba(0, 0, 0, 0.87);
}

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

/* When the input is focused */
mat-input-container.mat-focused label {
  color: #0D47A1 !important;
}

.mat-checkbox-checked.mat-accent .mat-checkbox-background,
.mat-checkbox-indeterminate.mat-accent .mat-checkbox-background {
  background-color: #428533 !important;
}

.mat-warn .mat-mdc-input-element,
.mat-form-field-invalid .mat-input-element {
  caret-color: #CD001F;
}

.mat-mdc-form-field-error {
  color: #CD001F;
  font-family: Roboto, sans-serif;
  font-size: 12px;
  position: absolute;
  left: 0;
}

/** CS style */
/** RFQ style */
/** RFQ Font */
/** CS style */
/** RFQ style */
/** RFQ Font */
.std-material-icon-inactive {
  color: #EAEAEA !important;
}

.std-card-subtitle {
  font-size: 14px;
  color: #111111;
  font-family: Roboto, sans-serif;
  font-weight: normal;
}

.std-card-empty {
  height: 90px;
  padding-top: 28px;
  width: 100%;
}
.std-card-empty .std-card-subtitle {
  font-weight: 500;
  padding-left: 4.5%;
}
.std-card-empty .display-product {
  padding-left: 147px;
}
.std-card-empty .display-product button {
  border-radius: 2px;
  font-family: Roboto, sans-serif;
  font-weight: bold;
}

.std-card-add-on-list {
  margin-bottom: 110px;
  flex-wrap: wrap;
}
.std-card-add-on-list mat-card-title {
  font-size: 18px;
  word-break: break-word;
}

.std-navigation-header-title {
  color: #FFFFFF;
  font-size: 16px;
  font-family: Merriweather, sans-serif;
  font-weight: normal;
}

.std-material-angle-up-icon {
  font-size: 16px;
  color: #111111;
  cursor: pointer;
}
.std-material-angle-up-icon i {
  font-size: 30px;
}

.std-material-angle-down-icon {
  font-size: 16px;
  color: #111111;
  cursor: pointer;
}
.std-material-angle-down-icon i {
  font-size: 30px;
}

.std-desktop-breadcrum {
  font-size: 20px;
  text-decoration: none;
  color: #FFFFFF;
  line-height: 52px;
  font-family: Merriweather, sans-serif;
  background-color: #0A5694;
  height: 60px;
  position: relative;
}
.std-desktop-breadcrum .std-material-icon-back-arrow {
  text-decoration: none;
  color: #FFFFFF;
  font-size: 32px;
  padding-left: 42px;
  vertical-align: -7px;
  cursor: pointer;
}
.std-desktop-breadcrum .std-material-icon-back-arrow i {
  padding-right: 8px !important;
  font-size: 30px;
}
.std-desktop-breadcrum .std-navigation-header-title {
  color: #FFFFFF;
  font-size: 20px;
  font-family: Merriweather, sans-serif;
  font-weight: normal;
}

.std-feedback-button {
  text-align: right;
  padding-right: 70px;
}

.std-back-to-top-arrow-icon {
  right: 4px;
  bottom: 125px;
  position: fixed;
  display: none;
  z-index: 1;
}
.std-back-to-top-arrow-icon .btn {
  border-radius: 9px;
  width: 48px;
  height: 48px;
  background-color: #2890E5;
}
.std-back-to-top-arrow-icon .btn i {
  color: #FFFFFF;
  font-size: 26px;
}

.std-card-title-name {
  font-size: 16px;
  color: #111111;
  font-family: Merriweather, sans-serif;
  line-height: 29px;
}

.std-product-title-name {
  font-size: 16px;
  color: #111111;
  font-family: Merriweather, sans-serif;
  font-weight: normal;
}

.std-card-description {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #111111;
}

.std-modal-header-left-justify {
  font-family: Merriweather, sans-serif;
  font-size: 14px;
  margin: 19px 19px 40px 5px !important;
}

.std-modal-description-left-justify {
  margin: 0px 0px 2px 16px !important;
  font-size: 14px;
  font-family: Roboto, sans-serif;
}

.std-green-raised-button {
  margin: 0;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  background-color: #428533;
  color: #FFFFFF !important;
  height: 48px;
}

.std-green-raised-button:hover {
  background-color: #3A762D;
}

.std-tab-label {
  position: absolute;
  top: 175px;
  margin-left: 97px;
  cursor: pointer;
  color: #FFFFFF;
  font-family: Merriweather, sans-serif;
  font-size: 20px;
  font-weight: 300;
}

.std-top-banner-label {
  font-family: Merriweather, sans-serif;
  font-size: 20px;
  width: 100%;
  min-height: 60px;
  line-height: 60px;
  color: #FFFFFF;
  background-color: #0A5694;
  padding-left: 97px;
  font-weight: 300;
}

.std-green-flat-button {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #428533 !important;
}

.std-description-for-pop-up {
  font-family: Roboto, sans-serif;
  font-size: 14px;
  color: #111111;
  font-weight: normal;
}

.std-price-in-card {
  color: #111111;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.std-card-price-larger-font {
  font-family: Merriweather, sans-serif;
  font-size: 20px;
  color: #FFFFFF;
}

.std-data-table-bulk-action-bar-green {
  border-radius: 3px 3px 0 0;
  background-color: #0A5694;
  height: 64px;
  margin-left: 90px;
  margin-right: 67px;
  color: #FFFFFF;
}

.std-logo-header {
  background-color: #FFFFFF;
  justify-content: space-between;
}
.std-logo-header #logo img {
  margin-left: 16px;
}
.std-logo-header #right-menu {
  margin-top: 1em;
  padding-top: 7px;
}
.std-logo-header #right-menu a {
  text-decoration: none;
}

.std-material-chip-device {
  text-align: center;
  background-color: #FFFFFF !important;
  color: #217ABF !important;
  border: 1px solid #217ABF !important;
}

::ng-deep.std-material-chip-device.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #217ABF !important;
  font-size: 12px;
  font-family: Roboto, sans-serif;
}

.std-material-chip-omb-non-omb {
  background-color: #FFFFFF !important;
  color: #111111 !important;
  display: inline !important;
  border: 1px solid #111111 !important;
  font-family: Roboto, sans-serif;
  font-weight: bold;
  text-align: center;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.active.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid #428533;
  color: #428533;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.active.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #428533;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.error.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid #CD001F;
  color: #CD001F;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.error.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #CD001F;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.rejected.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid #CD001F;
  color: #CD001F;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.rejected.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #CD001F;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.review.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid #0A5694;
  color: #0A5694;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.review.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #0A5694;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.pending.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid #0A5694;
  color: #0A5694;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.pending.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #0A5694;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.inactive.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid #8034AC;
  color: #8034AC;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.inactive.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: #8034AC;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

::ng-deep.std-material-chip-status.pendingSubmission.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) {
  border: 1px solid brown;
  color: brown;
  background-color: #FFFFFF;
}

::ng-deep.std-material-chip-status.pendingSubmission.mat-mdc-standard-chip:not(.mdc-evolution-chip--disabled) .mdc-evolution-chip__text-label {
  color: brown;
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

.std-link-Enabled {
  color: blue;
  text-decoration: underline;
  cursor: pointer;
}

.std-link-Active {
  color: #428533;
  cursor: pointer;
}

.std-secondary-flat-button.mat-mdc-button:not(:disabled) {
  color: #428533;
  height: 48px;
}

.std-secondary-flat-button.mat-mdc-button:not(:disabled):hover {
  color: #111111;
  background-color: #E6F4E1;
  height: 48px;
}

.std-text-after-icon {
  width: 24px;
  margin-right: 8px;
}

/** CS style */
/** RFQ style */
/** RFQ Font */
@media (min-width: 600px) and (max-width: 959px) {
  body {
    overflow-x: hidden !important;
  }
  .products .box {
    margin: 42px 0px 0px 0px !important;
  }
  .std-product-title-name {
    font-size: 16px;
    color: #111111;
    font-family: Merriweather, sans-serif;
    font-weight: normal;
  }
  .breadcrum .std-navigation-header-title {
    padding-left: 26px;
    color: #FFFFFF;
    font-size: 16px;
    font-family: Merriweather, sans-serif;
    font-weight: normal;
  }
  .panelTitle {
    color: #0A5694;
    font-weight: bold;
    font-size: 16px;
  }
  .std-card-subtitle {
    font-size: 16px;
    color: #111111;
    font-family: Roboto, sans-serif;
  }
  .std-price-in-card {
    color: #111111;
    font-family: Roboto, sans-serif;
    font-size: 14px;
  }
  .std-card-price-larger-font {
    font-family: Merriweather, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
  }
  .std-card-description {
    font-size: 15px;
    font-family: Roboto, sans-serif;
    color: #111111;
  }
  .std-description-for-pop-up {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #111111;
  }
  .cardSize {
    width: 300px;
  }
  .mobile-std-navigation-header-title {
    height: 45px;
    background-color: #217ABF;
    color: #FFFFFF;
    padding-left: 76px;
    font-size: 15px;
    line-height: 40px;
    font-family: Roboto, sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    opacity: inherit;
  }
  .mobile-std-navigation-header-title i {
    color: #FFFFFF !important;
    vertical-align: -7px !important;
    cursor: pointer !important;
    margin-left: -47px !important;
  }
  .offering-product img {
    max-width: 318.27px !important;
  }
  .orders {
    padding-bottom: 42px !important;
  }
  .orders img {
    max-width: 260px !important;
    min-width: 260px !important;
    height: 161px !important;
  }
  .orders .addons .product-addons .quantity .count {
    margin: 0px -8px !important;
  }
  .header-login {
    height: 50px !important;
  }
  .header-login img {
    height: 45px !important;
    width: 163px !important;
    margin-left: 0 !important;
  }
  .std-logo-header {
    background-color: #FFFFFF;
  }
  .std-logo-header #logo img {
    height: 78px;
    width: 297px;
  }
  .checkout-label .gss-msg {
    font-size: 12px !important;
    padding-left: 5px !important;
    padding-top: 48px !important;
    width: 100% !important;
  }
  .checkout-label .info-text {
    margin-right: 0px !important;
  }
  .mat-mdc-dialog-container gss-labels {
    display: block !important;
  }
  .mat-mdc-dialog-container .gss-message .info-text {
    position: relative !important;
    top: 0 !important;
  }
  .mat-mdc-dialog-container .gss-message .info-text i {
    margin-left: 0px !important;
  }
  .mobile-std-hamburger-menu {
    line-height: 79px !important;
  }
  .mobile-std-hamburger-menu i {
    color: #428533 !important;
  }
  .category {
    display: flex;
    padding: 11px;
    padding-left: 77px !important;
    line-height: 0 !important;
  }
  .category i {
    font-size: 24px !important;
    position: relative;
    left: 5px !important;
    top: 0 !important;
  }
  .final-order {
    margin-top: 34px !important;
  }
  .container-fluid {
    overflow-x: hidden !important;
  }
  .container-fluid .info-text {
    position: absolute;
    right: 0;
    top: 184px;
    background-color: #FFFFFF;
  }
  #mobile-product-card .info-text {
    position: absolute;
    right: 0;
    top: 102px !important;
    background-color: #FFFFFF;
  }
  .card-adjust {
    margin-top: 36px !important;
  }
  .gss-action button {
    font-size: 14px !important;
    font-weight: bold;
    height: 34px !important;
    position: relative !important;
    right: 19px !important;
    color: #428533 !important;
  }
  .gss-msg {
    font-size: 14px !important;
    padding-left: 15px !important;
    width: 100% !important;
    padding-top: 0px !important;
  }
  #mobile-gss-label {
    background-color: #FFFFFF !important;
    margin-top: -10px !important;
  }
  .gss-label.box {
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.5) !important;
  }
  .order-card {
    margin-top: 6% !important;
  }
  .mobile-placeorder-form .mat-expansion-panel-header {
    font-size: 14px !important;
    height: 59px !important;
    background-color: #F0F2F3 !important;
    margin-top: 5px !important;
  }
  .mobile-placeorder-form .mat-expansion-panel-body {
    padding: 0 !important;
  }
  .mobile-placeorder-form .active[_ngcontent-c14] {
    border-bottom: 0px !important;
  }
  .mobile-placeorder-form .mat-action-row {
    border-top-style: hidden;
  }
  .mobile-placeorder-form .std-card-subtitle {
    font-size: 15px !important;
  }
  .mobile-stepper .std-card-subtitle {
    margin-top: 8px !important;
  }
  .mobile-stepper #purchase-radio #purc-no {
    margin-left: 0px !important;
  }
  .content .suggest {
    padding-left: 15px !important;
  }
  .content .view-suggested {
    left: 31% !important;
    margin-top: 0px !important;
  }
  .continue-btn, .submit-btn {
    font-size: 15px !important;
  }
  .back-btn {
    font-size: 15px !important;
  }
  .login-card {
    margin-left: 20% !important;
    margin-right: 20% !important;
  }
  .login-title {
    font-size: 16px !important;
  }
  .new-section .newform-title {
    margin-top: 98px !important;
    font-size: 14px !important;
  }
  .submit-check .chk {
    margin-left: 37px !important;
  }
  .search-filter {
    box-shadow: 0px 0px 0px 0px #848484 !important;
    overflow-x: hidden !important;
  }
  .filter-search {
    margin-top: 13px !important;
  }
  #filter-count {
    position: absolute;
    left: 150px;
  }
  .show-category.category {
    margin-top: 48px !important;
    height: 400px !important;
    overflow: auto !important;
  }
  .show-category .clear {
    font-size: 14px !important;
    margin-bottom: 37px !important;
  }
  .show-category .main-label {
    font-size: 14px !important;
    line-height: 20px;
  }
  .show-category ul .brands li {
    margin-bottom: -10px !important;
  }
  .show-category ul .brands li .checkbox label {
    margin-top: 14px !important;
  }
  .test {
    font-size: 14px !important;
    line-height: 48px !important;
    margin-left: -32px !important;
    cursor: pointer !important;
  }
}
@media (min-width: 320px) and (max-width: 599px) {
  body {
    overflow-x: hidden !important;
  }
  .mobile-std-breadcrum {
    font-size: 20px !important;
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    text-decoration: none !important;
    color: #FFFFFF !important;
    font-family: Merriweather, sans-serif;
    background-color: #217ABF !important;
    margin-top: -1px !important;
    width: 100% !important;
  }
  .mobile-std-backarrow {
    background-color: #217ABF !important;
    width: 100% !important;
  }
  .products .box {
    margin: 60px 0px 0px 0px !important;
  }
  .std-product-title-name {
    font-size: 15px;
    color: #111111;
    font-family: Merriweather, sans-serif;
    font-weight: normal;
  }
  .breadcrum {
    height: 40px !important;
    line-height: 36px !important;
    margin-bottom: 31px !important;
  }
  .breadcrum .std-navigation-header-title {
    padding-left: 26px;
    color: #FFFFFF;
    font-size: 14px;
    font-family: Merriweather, sans-serif;
    font-weight: normal;
  }
  .panelTitle {
    color: #0A5694;
    font-weight: bold;
    font-size: 16px;
    line-height: 37px;
  }
  .offering-product img {
    width: 495px !important;
    max-height: 214px !important;
    min-height: 214px !important;
    padding-right: 0px !important;
  }
  .std-card-subtitle {
    font-size: 15px;
    color: #111111;
    font-family: Roboto, sans-serif;
  }
  .std-price-in-card {
    color: #111111;
    font-family: Roboto, sans-serif;
    font-size: 12px;
  }
  .std-card-price-larger-font {
    font-family: Merriweather, sans-serif;
    font-size: 16px;
    color: #FFFFFF;
  }
  .std-card-description {
    font-size: 14px;
    font-family: Roboto, sans-serif;
    color: #111111;
  }
  .std-description-for-pop-up {
    font-family: Roboto, sans-serif;
    font-size: 14px;
    color: #111111;
  }
  .cardSize {
    width: 300px;
  }
  .product-image {
    height: 161px !important;
  }
  .product-details img {
    min-height: 0px !important;
  }
  .summaryImage {
    width: 100% !important;
  }
  .orders {
    padding-bottom: 40px !important;
  }
  .orders img {
    margin-left: 0px !important;
    max-width: 260px !important;
    min-width: 260px !important;
    height: 161px !important;
  }
  .mobile-std-navigation-header-title {
    height: 40px;
    background-color: #217ABF;
    color: #FFFFFF;
    padding-left: 50px;
    font-size: 14px;
    line-height: 40px;
    font-family: Roboto, sans-serif;
  }
  .mobile-std-navigation-header-title i {
    color: #FFFFFF !important;
    vertical-align: -7px !important;
    cursor: pointer;
    margin-left: -39px !important;
  }
  .mobile-std-navigation-header-title .delete-order-mobile {
    position: absolute !important;
    right: 0 !important;
    top: 56px !important;
  }
  .std-logo-header {
    background-color: #FFFFFF;
    border-bottom: 1px solid #b7b4b4;
  }
  .std-logo-header #logo img {
    height: 55px;
    width: 213px;
    margin-left: 10px !important;
  }
  .mobile-std-hamburger-menu {
    line-height: 57px !important;
  }
  .mobile-std-hamburger-menu i {
    color: #428533 !important;
  }
  .category {
    display: flex;
    padding: 11px;
    padding-left: 50px !important;
    line-height: 0 !important;
  }
  .category i {
    font-size: 24px !important;
    position: relative;
    left: 5px !important;
    top: 0 !important;
  }
  .search-filter {
    height: 48px !important;
  }
  .productRow {
    height: 0 !important;
  }
  .login-card {
    margin-left: 5% !important;
    margin-right: 5% !important;
  }
  .login-card .xlabel {
    font-size: 14px !important;
  }
  .login-card a {
    font-size: 14px !important;
  }
  .download-template {
    margin-left: -35px !important;
  }
  .download-template i {
    font-size: 20px !important;
    vertical-align: 3px !important;
  }
  .download-template span a {
    font-size: 14px !important;
  }
  .filter-search {
    margin-top: 6px !important;
  }
  .filter-search .fa i {
    font-size: 18px;
  }
  #filterSearch {
    overflow-x: hidden !important;
    margin-bottom: -53px !important;
  }
  .gss-msg {
    font-size: 12px !important;
    padding-left: 5px !important;
    width: 100% !important;
  }
  #mobile-gss-label {
    background-color: #FFFFFF !important;
    border-bottom: 1px solid #999 !important;
    margin-top: -9px !important;
  }
  .gss-action button {
    font-size: 12px !important;
    font-weight: bold !important;
    height: 30px !important;
    position: relative !important;
    color: #428533 !important;
  }
  .container-fluid {
    overflow-x: hidden !important;
  }
  .container-fluid .gss-msg {
    font-size: 12px !important;
    padding-left: 5px !important;
    padding-top: 48px !important;
    width: 100% !important;
  }
  .container-fluid .info-text {
    position: absolute;
    right: 0;
    top: 180px;
    background-color: #FFFFFF;
  }
  .container-fluid .check-out {
    float: none !important;
  }
  #mobile-product-card .gss-msg {
    font-size: 12px !important;
    padding-left: 5px !important;
    padding-top: 25px !important;
    width: 100% !important;
  }
  #mobile-product-card .info-text {
    position: absolute;
    right: 0;
    top: 88px !important;
    background-color: #FFFFFF;
    margin-right: 0px !important;
  }
  #mobile-product-card .info-text i {
    margin-left: 0px !important;
  }
  .order-list-headercustomer_place {
    padding-bottom: 37px !important;
  }
  .order-list-headercustomer_place .paginate-wrap .select-per-page {
    padding-top: 10px !important;
  }
  .list-search-control {
    padding-top: 34px !important;
    padding-left: 154px !important;
  }
  .final-order {
    margin-top: 34px !important;
  }
  .content .view-suggested {
    margin-left: 132px !important;
    left: 0px !important;
    margin-top: 0px !important;
  }
  .content .suggest {
    padding-left: 15px !important;
  }
  .card-adjust {
    margin-top: 36px !important;
  }
  .order-card {
    margin-top: 30px !important;
  }
  .order-detail #product-name {
    font-size: 20px !important;
    font-family: Roboto, sans-serif !important;
  }
  .mobile-order-detail .mat-expansion-panel-header {
    background-color: #F0F2F3 !important;
    height: 59px !important;
  }
  .mobile-order-detail .mobile-title-name {
    font-size: 15px !important;
    font-family: Roboto, sans-serif !important;
  }
  .orders .gss-action button, .container-fluid .gss-action button {
    font-size: 12px !important;
    font-weight: bold !important;
    height: 30px !important;
    position: relative !important;
    color: #428533 !important;
  }
  .orders .gss-label.box, .container-fluid .gss-label.box {
    margin-top: -41px !important;
  }
  .checkout-label .gss-action button, #mobile-product-card .gss-action button {
    font-size: 12px !important;
    font-weight: bold !important;
    height: 30px !important;
    bottom: -29px !important;
    position: relative !important;
    color: #428533 !important;
  }
  #add-product-action {
    text-align: right !important;
  }
  .continue-form-mobile {
    color: #428533 !important;
    font-family: Roboto, sans-serif;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    text-align: center;
    border-radius: 2px;
    height: 46.15px;
    width: 120px;
  }
  .test {
    font-size: 14px !important;
    line-height: 48px !important;
    background-color: #FFFFFF !important;
    margin-left: -32px !important;
    cursor: pointer !important;
  }
  #purchase-radio #purc-card {
    margin-bottom: 10px !important;
  }
  .show-category.category {
    margin-top: 48px !important;
    height: 400px !important;
    overflow: auto !important;
  }
  .show-category .clear {
    font-size: 14px !important;
    margin-bottom: 37px !important;
  }
  .show-category .main-label {
    font-size: 14px !important;
    line-height: 20px;
  }
  .show-category ul .brands li {
    margin-bottom: -10px !important;
  }
  .show-category ul .brands li .checkbox label {
    margin-top: 14px !important;
  }
  .shipping-actions {
    text-align: left !important;
    font-size: 14px !important;
  }
  .mobile-placeorder-form .mat-expansion-panel-header {
    font-size: 14px !important;
    height: 59px !important;
    background-color: #F0F2F3 !important;
    margin-top: 5px !important;
  }
  .mobile-placeorder-form .mat-expansion-panel-header a {
    word-break: break-all !important;
  }
  .mobile-placeorder-form .mat-expansion-panel-body {
    padding: 0 !important;
  }
  .mobile-placeorder-form .active[_ngcontent-c14] {
    border-bottom: 0px !important;
  }
  .mobile-placeorder-form .mat-action-row {
    border-top-style: hidden;
  }
  .mobile-placeorder-form .std-card-subtitle {
    font-size: 14px !important;
  }
  .checkout-poc-list .mat-expansion-panel {
    line-height: 12px !important;
  }
  .new-section .newform-title {
    margin-top: 125px !important;
    font-size: 14px !important;
  }
  .continue-btn, .submit-btn {
    font-size: 14px !important;
  }
  .back-btn {
    font-size: 14px !important;
  }
  .contact-persons mat-card {
    width: 72% !important;
  }
  .contact-persons mat-card .contact-name {
    padding-left: 0px !important;
  }
  .contact-persons mat-card .org-detail .org {
    padding-left: 0px !important;
  }
  .ship-contact-persons mat-card {
    width: 101% !important;
    margin-left: -14px !important;
  }
  .mobile-stepper .std-card-subtitle {
    margin-top: 8px !important;
    padding-left: 14px !important;
  }
  .mobile-stepper #auth-radio, .mobile-stepper #purchase-radio {
    padding-left: 14px !important;
  }
  .mobile-stepper #purc-no {
    margin-left: 0px !important;
  }
  .mobile-stepper .mobile-back-btn {
    font-size: 14px !important;
  }
  .mobile-stepper .mobile-submit-btn {
    margin-left: -11px !important;
    font-size: 14px !important;
    padding-left: 7px !important;
  }
  .mobile-stepper .addnewPocForm mat-card-actions {
    margin-top: -35px !important;
  }
  .mobile-stepper .add-poc-header {
    margin-left: 0px !important;
  }
  .mobile-stepper .add-poc mat-card {
    margin-left: 0px !important;
  }
  .mobile-stepper .add-poc .actions .btn {
    font-size: 14px !important;
    padding-left: 9px !important;
  }
  .mobile-stepper .req-date {
    width: 252% !important;
  }
  .mobile-stepper .poc-email .recipient-email {
    margin-bottom: 0px !important;
    margin-top: 0px !important;
  }
  .mobile-stepper .poc-email-cancel, .mobile-stepper .poc-email-submit, .mobile-stepper .heading-hint {
    font-size: 14px !important;
  }
  .mat-calendar {
    width: 239px !important;
    height: 294px !important;
  }
  .email-template {
    margin-left: -17px !important;
  }
  #cancel-send-email {
    margin-right: 10% !important;
  }
  .shipping-title {
    margin-left: 0 !important;
    font-size: 12px !important;
  }
  .shipping-details {
    margin-left: 0 !important;
  }
  .pocTemplate .no-options {
    font-size: 14px !important;
  }
  #filter-count {
    position: absolute;
    left: 120px;
  }
  .gss-description {
    margin-top: -26px !important;
    background-color: #FFFFFF !important;
  }
  .remember {
    font-size: 14px !important;
  }
  .login-title {
    font-size: 14px !important;
  }
}
/** CS style */
/** RFQ style */
/** RFQ Font */
[mat-raised-button].mat-primary,
[mat-fab].mat-primary,
[mat-mini-fab].mat-primary {
  background-color: #4695d6;
  float: right;
}

/* this mat-raised-button, mat-button block is for TRP components
 * and may be removed after buttons in TRP components are made compliance with Asset Library (GSS-399)
*/
.mat-mdc-button[disabled] {
  color: #9E9E9E !important;
}

.mat-mdc-raised-button[disabled] {
  color: #FFFFFF !important;
  background-color: #111111 !important;
}

[mat-raised-button].green,
.green.mat-mdc-raised-button:not(:disabled) {
  background-color: #428533;
  color: #FFFFFF !important;
}

::ng-deep.mat-mdc-raised-button:not(:disabled) {
  background-color: #428533;
  color: #FFFFFF !important;
}

[mat-raised-button].green:hover {
  background-color: #3A762D;
}

[mat-raised-button].blue {
  background-color: #0A5694;
}

.cancel-button-popup {
  margin-right: 10px !important;
}

.confirm-button-popup {
  min-width: 105px !important;
}

.std-green-flat-button.mat-mdc-button:not(:disabled) {
  font-size: 14px;
  font-family: Roboto, sans-serif;
  color: #428533 !important;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.primary-button, .primary-button.mat-mdc-raised-button:not(:disabled),
.std-green-raised-button.mat-mdc-raised-button:not(:disabled) {
  background-color: #428533;
  color: #FFFFFF;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.primary-button.mat-mdc-raised-button[disabled][disabled] {
  color: #FFFFFF !important;
  background-color: #9E9E9E !important;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.small-primary-button {
  background-color: #428533;
  color: #FFFFFF;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.small-primary-button.mat-mdc-raised-button:not(:disabled),
.small-primary-button.mat-mdc-button.mat-mdc-button-base {
  background-color: #428533;
  color: #FFFFFF;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.small-delete-button, .small-delete-button.mat-mdc-raised-button:not(:disabled) {
  background-color: #CD001F;
  color: #FFFFFF;
}

.primary-button:not([disabled]):hover,
.small-primary-button:not([disabled]):hover {
  background-color: #3A762D !important;
}

.primary-button[disabled],
.small-primary-button[disabled] {
  color: #FFFFFF !important;
  background-color: #9E9E9E !important;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.secondary-flat-button, .secondary-flat-button.mat-mdc-button {
  color: #428533;
  background-color: #FFFFFF;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.small-secondary-flat-button,
.small-secondary-flat-button.mat-mdc-button:not(:disabled) {
  color: #428533;
  background-color: #FFFFFF;
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
}

.secondary-flat-button:not([disabled]):hover,
.small-secondary-flat-button:not([disabled]):hover {
  color: #111111 !important;
  background-color: #E6F4E1 !important;
}

.secondary-flat-button[disabled],
.small-secondary-flat-button[disabled] {
  color: #9E9E9E !important;
}
.secondary-flat-button[disabled]:hover,
.small-secondary-flat-button[disabled]:hover {
  background-color: #D6EDFF !important;
  border: 1px solid #D6EDFF !important;
  color: #000000 !important;
}

.rfq-button-group-holder-right {
  margin-top: 3%;
  text-align: left;
  margin-left: -10px;
}

.mat-mdc-outlined-button.rfq-button-group.rfq-primary-flat-button,
.mat-stroked-button.rfq-button-group.rfq-secondary-flat-button,
.mat-stroked-button.rfq-button-group.rfq-tertiary-flat-button,
.mat-stroked-button.rfq-button-group.rfq-warning-flat-button {
  margin-left: 20px;
  margin-right: 0px;
}

.rfq-primary-flat-button,
.rfq-primary-flat-button.mat-mdc-unelevated-button:not(:disabled),
.rfq-primary-flat-button.mat-mdc-outlined-button:not(:disabled),
.rfq-primary-flat-button.mat-mdc-raised-button:not(:disabled) {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  border-radius: 0px !important;
  color: #FFFFFF;
  border: none;
  background-color: #428533;
}
.rfq-primary-flat-button:hover:enabled,
.rfq-primary-flat-button.mat-mdc-unelevated-button:not(:disabled):hover:enabled,
.rfq-primary-flat-button.mat-mdc-outlined-button:not(:disabled):hover:enabled,
.rfq-primary-flat-button.mat-mdc-raised-button:not(:disabled):hover:enabled {
  background-color: #3A762D;
  color: #FFFFFF;
  border: none;
}

.rfq-small-primary-flat-button,
.rfq-small-primary-flat-button:enabled,
.rfq-small-primary-flat-button.mat-mdc-button:not(:disabled),
.rfq-small-primary-flat-button.mat-mdc-unelevated-button:not(:disabled) {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  border-radius: 0px !important;
  color: #FFFFFF;
  border: none;
  background-color: #428533;
}
.rfq-small-primary-flat-button:hover:enabled,
.rfq-small-primary-flat-button:enabled:hover:enabled,
.rfq-small-primary-flat-button.mat-mdc-button:not(:disabled):hover:enabled,
.rfq-small-primary-flat-button.mat-mdc-unelevated-button:not(:disabled):hover:enabled {
  background-color: #3A762D;
  color: #FFFFFF;
  border: none;
}

.rfq-small-primary-flat-button[disabled][disabled] {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  background-color: #807F7F;
  color: #FFFFFF;
  border: none;
  border-radius: 0px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

.rfq-primary-flat-button[disabled][disabled] {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  background-color: #807F7F;
  color: #FFFFFF;
  border: none;
  border-radius: 0px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

.rfq-secondary-flat-button,
.rfq-secondary-flat-button.mat-mdc-outlined-button:not(:disabled),
.rfq-secondary-flat-button.mat-mdc-unelevated-button:not(:disabled) {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  margin-right: 20px;
  font-family: Roboto, sans-serif;
  border-radius: 0px !important;
  color: #0A5694;
  border: 1px solid #0A5694;
  background-color: #FFFFFF;
}
.rfq-secondary-flat-button:hover:enabled,
.rfq-secondary-flat-button.mat-mdc-outlined-button:not(:disabled):hover:enabled,
.rfq-secondary-flat-button.mat-mdc-unelevated-button:not(:disabled):hover:enabled {
  background-color: #0A5694;
  color: #FFFFFF;
  border: 1px solid #0A5694;
}

.rfq-small-secondary-flat-button,
.rfq-small-secondary-flat-button:enabled {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  border-radius: 0px !important;
  color: #0A5694;
  border: 1px solid #0A5694;
  background-color: #FFFFFF;
}
.rfq-small-secondary-flat-button:hover:enabled,
.rfq-small-secondary-flat-button:enabled:hover:enabled {
  background-color: #0A5694;
  color: #FFFFFF;
  border: 1px solid #0A5694;
}

.rfq-small-secondary-flat-button[disabled][disabled] {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #807F7F;
  border: 1px solid #807F7F;
  border-radius: 0px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  background-color: #FFFFFF;
}

.rfq-secondary-flat-button[disabled][disabled] {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #807F7F;
  border: 1px solid #807F7F;
  border-radius: 0px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

.rfq-tertiary-flat-button,
.rfq-tertiary-flat-button.mat-mdc-outlined-button:not(:disabled) {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  width: fit-content !important;
  border-radius: 0px !important;
  color: #428533;
  border: 1px solid #428533;
  background-color: #FFFFFF;
}
.rfq-tertiary-flat-button:hover:enabled,
.rfq-tertiary-flat-button.mat-mdc-outlined-button:not(:disabled):hover:enabled {
  background-color: #428533;
  color: #FFFFFF;
  border: 1px solid #428533;
}

.rfq-tertiary-flat-button[disabled][disabled] {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #807F7F;
  border: 1px solid #807F7F;
  border-radius: 0px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  font-size: 14px;
}

.rfq-warning-flat-button,
.rfq-warning-flat-button.mat-mdc-outlined-button:not(:disabled),
.rfq-warning-flat-button.mat-mdc-unelevated-button:not(:disabled) {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  border-radius: 0px !important;
  color: #CD001F;
  border: 1px solid #CD001F;
  background-color: #FFFFFF;
}
.rfq-warning-flat-button:hover:enabled,
.rfq-warning-flat-button.mat-mdc-outlined-button:not(:disabled):hover:enabled,
.rfq-warning-flat-button.mat-mdc-unelevated-button:not(:disabled):hover:enabled {
  background-color: #AB001A;
  color: #FFFFFF;
  border: 1px solid #AB001A;
}

.rfq-small-warning-flat-button,
.rfq-small-warning-flat-button.mat-mdc-outlined-button:not(:disabled) {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
  border-radius: 0px !important;
  color: #CD001F;
  border: 1px solid #CD001F;
  background-color: #FFFFFF;
}
.rfq-small-warning-flat-button:hover:enabled,
.rfq-small-warning-flat-button.mat-mdc-outlined-button:not(:disabled):hover:enabled {
  background-color: #AB001A;
  color: #FFFFFF;
  border: 1px solid #AB001A;
}

.rfq-warning-flat-button[disabled][disabled] {
  height: 48px;
  min-width: 88px !important;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  font-size: 14px;
  color: #807F7F;
  border: 1px solid #807F7F;
  border-radius: 0px;
  font-weight: bold;
  font-family: Roboto, sans-serif;
}

/** CS style */
/** RFQ style */
/** RFQ Font */
.listview table {
  margin: 0 1px 6px 0;
  min-width: 720px;
  color: #111111;
  font-family: Roboto, sans-serif;
  border-collapse: collapse;
  border-left: 1px solid #CCCCCC;
  background-color: #FFFFFF;
  box-shadow: 1px 4px 6px 1px rgba(0, 0, 0, 0.1);
}
.listview table tr {
  border-bottom: 1px solid #CCCCCC;
}
.listview table th {
  font-weight: bold;
  font-size: 16px;
}
.listview table thead {
  font-size: 16px;
  font-weight: bold;
  text-align: left;
}
.listview table thead tr {
  border-top: 1px solid #CCCCCC;
}
.listview table thead th {
  height: 64px;
}
.listview table tbody tr:not(first-child):hover {
  background-color: #FAFAFA;
}
.listview table td {
  padding: 28px 0px;
  font-weight: normal;
  font-size: 13px;
}

.material-icons {
  font-weight: normal;
  font-style: normal;
  font-size: 24px; /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;
  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;
  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;
  /* Support for IE. */
  font-feature-settings: "liga";
}

/** moved from index.html for regular page loader */
.loader {
  border: 16px solid #e6e6fa;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  width: 80px;
  height: 80px;
  animation: spin 2s linear infinite;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.loaderposition {
  text-align: -webkit-center;
  padding: 200px;
  background-color: #000000;
  opacity: 0.2;
  filter: alpha(opacity=50);
}

/* loader for popup modals */
.loader-popup {
  position: fixed;
  z-index: 1070 !important;
  height: 2em;
  width: 2em;
  overflow: show;
  margin: auto;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

.loading {
  z-index: 1070 !important;
}

body {
  margin: 0px !important;
  background: #FFFFFF;
  overflow-x: hidden;
  min-height: 100vh;
}

/* Transparent Overlay */
.loader-popup:before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
}

/* :not(:required) hides these rules from IE9 and below */
.loader-popup:not(:required) {
  /* hide "loading..." text */
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.loader-popup:not(:required):after {
  content: "";
  display: block;
  font-size: 12px;
  margin-top: -0.5em;
  border-radius: 0.5em;
  box-shadow: rgba(0, 0, 0, 0.75) 1.5em 0 0 0, rgba(0, 0, 0, 0.75) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) 0 1.5em 0 0, rgba(0, 0, 0, 0.75) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.75) -1.5em 0 0 0, rgba(0, 0, 0, 0.75) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.75) 0 -1.5em 0 0, rgba(0, 0, 0, 0.75) 1.1em -1.1em 0 0;
  width: 1em;
  height: 1em;
  animation: spin 2s linear infinite;
}

.mat-mdc-tab-header {
  background: #217ABF;
  height: 55px;
}

mat-card.product:hover {
  box-shadow: 0 0 20px #000000;
}

.dropdown-menu.brands {
  left: auto !important;
  top: auto !important;
  padding: 5px !important;
}

.no-padding {
  padding: 0px;
}

.gss-message {
  color: #111111;
  font-family: Roboto, sans-serif;
  font-weight: 500;
  background-color: #FFFFFF;
}

.heading {
  height: 32px;
  width: 500px;
  color: #111111;
  font-family: Merriweather, sans-serif;
  font-size: 20px;
  line-height: 32px;
}

.width450 {
  width: 450px;
}

.heading-hint {
  height: 19px;
  width: 360px;
  color: #111111;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  line-height: 19px;
}

.gss-description {
  background-color: #FFFFFF;
}

.session-wrapper {
  position: absolute;
  z-index: 100;
  top: 0;
  right: 0;
  background-color: #428533;
  color: #FFFFFF;
  margin: 0;
  padding: 0 40px 0 10px;
}
.session-wrapper .widget {
  margin: 0;
  padding: 0;
}
.session-wrapper .widget .will-expire {
  display: inline-block;
  height: 19px;
}
.session-wrapper .widget .message {
  margin-left: 17px;
  color: #FFFFFF;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  line-height: 50px;
}
.session-wrapper .widget .btn {
  padding: 0px 0px 0 0 !important;
  margin: 0 10px;
  width: 133px;
  color: #FFFFFF;
  font-family: Roboto, sans-serif;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}

.session-wrapper:hover {
  background-color: #3A762D;
}

.mat-mdc-simple-snack-bar {
  font-size: 18px !important;
  font-family: Roboto, sans-serif;
  justify-content: center !important;
}

.mat-mdc-snack-bar-container {
  background: #428533 !important;
}

.validation-error {
  color: #CD001F;
  position: relative;
  font-size: 12px;
  margin-top: -10px;
  margin-left: -1px;
}

.back-to-top {
  right: 5vw;
  bottom: 1vh;
  position: fixed;
  display: none;
}
.back-to-top .btn {
  border-radius: 9px;
  color: #FFFFFF;
  border: 0;
  height: 48px;
  background-color: #01579B;
  padding-left: 10px;
  cursor: pointer;
  outline: none;
}
.back-to-top .btn i {
  vertical-align: bottom;
  font-size: 18px;
}

.field-standard-style mat-select {
  width: 427px;
  font-size: 16px;
}
.field-standard-style button {
  margin-top: 15px;
  width: 127px;
}

.paginate-wrap .select-per-page {
  margin-top: -3px;
  margin-left: 20px;
}

::ng-deep mat-option.number-option {
  height: 28px;
}

.mat-mdc-card {
  box-shadow: 0 2px 4px 0 rgba(67, 71, 80, 0.5);
}

.fixedclass {
  position: fixed !important;
  top: 0;
  z-index: 9999;
}

.mat-mdc-radio-button.mat-accent {
  --mdc-radio-selected-focus-icon-color: #0A5694;
  --mdc-radio-selected-hover-icon-color: #0A5694;
  --mdc-radio-selected-icon-color: #0A5694;
  --mdc-radio-selected-pressed-icon-color: #0A5694;
  --mat-mdc-radio-ripple-color: #0A5694;
  --mat-mdc-radio-checked-ripple-color: #0A5694;
}

.integrate {
  position: absolute;
  bottom: 17px;
  color: #0A5694;
  font-family: Merriweather, sans-serif;
  font-size: 14px;
  padding-left: 106px;
}

.no-options {
  font-size: 16px;
  color: #111111;
  text-align: center;
  margin-top: 15px;
}

.err-count {
  position: absolute;
  background-color: #CD001F;
  color: #FFFFFF;
  width: 31px;
  height: 29px;
  border-radius: 13px;
}
.err-count span {
  position: absolute;
  right: 8px;
  top: -16px;
}

.message {
  color: #111111;
  font-size: 24px;
  font-weight: 300;
}

.popup-content-wrapper {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
  padding: 0;
  visibility: visible;
  /** Remove scrollbar for printing.**/
  overflow: visible !important;
}

.popup-content {
  visibility: visible !important;
  /** Remove scrollbar for printing.**/
  overflow: visible !important;
}

.container-fluid {
  padding-right: 0px !important;
  padding-left: 0px !important;
}

.break-word {
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}

#main-menu {
  background-color: #217ABF;
  height: 56px;
  padding-left: 75px;
}
#main-menu nav div {
  color: #FFFFFF !important;
  text-transform: uppercase;
  font-weight: bold;
  opacity: inherit;
  text-decoration: none;
  font-size: 15px;
  font-family: Roboto, sans-serif;
  margin-top: 0px;
  height: 56px;
}
#main-menu nav div.active {
  background-color: #074475;
}
#main-menu nav div .badge {
  margin-top: -20px;
  background-color: #b94a48 !important;
}
#main-menu .mat-mdc-tab-nav-bar {
  border-bottom: none !important;
}

.mobile-std-hamburger-menu {
  line-height: 93px;
  color: #428533;
}

.mdc-tooltip__surface {
  font-size: 14px;
  word-break: break-word;
  max-width: 380px !important;
  font-family: Roboto, sans-serif;
  max-height: max-content !important;
}

.tooltip {
  font-size: 14px;
  word-break: break-word;
  max-width: 400px !important;
  font-family: Roboto, sans-serif;
  white-space: pre-line;
}

.spec {
  cursor: pointer;
}
.spec:before {
  content: "...";
}

.tooltip-line-break {
  font-size: 14px;
  white-space: pre-wrap !important;
}

.stacked-modal {
  text-align: center;
  display: block !important;
}

.xs-cancel-popup {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-bottom: 5px !important;
  width: 90%;
}

.rfq-slide-toggle {
  width: 90%;
}

.mat-mdc-slide-toggle.mat-accent {
  font-family: Roboto, sans-serif;
  --mdc-switch-selected-focus-state-layer-color: #428533;
  --mdc-switch-selected-handle-color: #428533;
  --mdc-switch-selected-hover-state-layer-color: #428533;
  --mdc-switch-selected-pressed-state-layer-color: #428533;
  --mdc-switch-selected-focus-handle-color: #428533;
  --mdc-switch-selected-hover-handle-color: #428533;
  --mdc-switch-selected-pressed-handle-color: #428533;
  --mdc-switch-selected-focus-track-color: #E6F4E1;
  --mdc-switch-selected-track-color: #E6F4E1;
  --mdc-switch-selected-hover-track-color: #E6F4E1;
  --mdc-switch-selected-pressed-track-color: #E6F4E1;
}

.xs-confirm-popup {
  margin-left: 0 !important;
  margin-right: 0 !important;
  width: 90%;
}

.mat-drawer-container {
  position: inherit !important;
}

.mat-mdc-paginator-outer-container {
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

.mat-placeholder-required {
  color: #CD001F !important;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled), .mat-mdc-form-field-focus-overlay {
  background-color: #FFFFFF !important;
  padding: 0px;
}

.mat-mdc-row {
  -webkit-font-smoothing: auto !important;
}

.mat-mdc-form-field-input-control.mat-mdc-form-field-input-control {
  -webkit-font-smoothing: auto !important;
}

.mat-mdc-select, .mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
  -webkit-font-smoothing: auto !important;
}

.mat-calendar-table-header, .mat-calendar-body-label {
  font-family: Roboto, sans-serif;
  font-size: 12px;
}

.mat-calendar-body-cell-content.mat-focus-indicator {
  font-family: Roboto, sans-serif;
}

.owl-dt-calendar-table .owl-dt-calendar-header .owl-dt-weekdays {
  font-family: Roboto, sans-serif;
}

mat-header-cell.mat-mdc-header-cell, mat-cell.mat-mdc-cell, mat-footer-cell.mat-mdc-footer-cell {
  border-bottom: none;
  font-family: Roboto, sans-serif;
}

.mat-mdc-form-field-hint-wrapper {
  padding: 0px !important;
  font-size: 12px;
  color: rgba(0, 0, 0, 0.54);
}

.mdc-menu-surface.mat-mdc-autocomplete-panel.mat-mdc-autocomplete-visible {
  font-family: Roboto, sans-serif;
}

.mat-mdc-form-field .mat-mdc-floating-label.mdc-floating-label {
  font-family: Roboto, sans-serif;
}

.mdc-text-field--filled:not(.mdc-text-field--disabled).mdc-text-field--focused .mdc-floating-label,
.mdc-text-field--filled:not(.mdc-text-field--disabled) .mdc-text-field--focused .mdc-floating-label--float-above {
  color: #428533 !important;
}

.mdc-text-field--filled.mdc-text-field--invalid:not(.mdc-text-field--disabled) .mdc-floating-label {
  color: #428533 !important;
}

.mat-mdc-form-field:not(.mat-form-field-disabled) .mat-mdc-floating-label.mdc-floating-label {
  color: #428533;
  font-size: 14px;
}

.mat-mdc-form-field-required-marker {
  color: #CD001F !important;
}

.mdc-text-field:not(.mdc-text-field--disabled) .mdc-text-field__input, .mat-mdc-option.mdc-list-item,
.mat-mdc-select-placeholder, .mat-mdc-select-value-text,
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  font-family: Roboto, sans-serif;
}

.mat-mdc-form-field-hint-end {
  font-size: 12px;
  position: absolute;
  right: 0;
  font-family: Roboto, sans-serif;
  color: rgba(0, 0, 0, 0.54);
}

.mdc-text-field {
  padding: 0px;
}

.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: 8px;
}

.mat-mdc-snack-bar-handset, .mat-mdc-snack-bar-container, .mat-mdc-snack-bar-label {
  background-color: #428533;
}

.mat-mdc-snack-bar-container .mdc-snackbar__surface {
  padding-right: 0px;
}

::ng-deep .mat-mdc-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled) {
  background-color: #E6F4E1 !important;
}

.mat-expansion-indicator::after {
  color: #217ABF !important;
  font-size: 30px !important;
}

.nv-file-over {
  border: dotted 3px lightgray;
}

.owl-dt-calendar-table .owl-dt-calendar-cell-content {
  font-family: Roboto, sans-serif !important;
}

.not-clickable {
  pointer-events: none !important;
  cursor: default;
}

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

.mat-mdc-optgroup-label .mdc-list-item__primary-text {
  font-family: Roboto, sans-serif !important;
}

.mat-primary .mat-mdc-option.mdc-list-item--selected:not(.mdc-list-item--disabled) .mdc-list-item__primary-text,
.mat-primary .mat-pseudo-checkbox-checked.mat-pseudo-checkbox-minimal::after, .mat-primary .mat-pseudo-checkbox-indeterminate.mat-pseudo-checkbox-minimal::after {
  color: #111111;
}

.mat-mdc-select-panel-above .mdc-menu-surface.mat-mdc-select-panel,
.cdk-overlay-pane:not(.mat-mdc-select-panel-above) .mdc-menu-surface.mat-mdc-select-panel {
  padding: 0px;
}

.close-float-right {
  float: right;
}

.cdk-overlay-container .filename-tooltip,
.cdk-overlay-container .filename-tooltip .mat-mdc-tooltip-surface {
  max-width: 200px !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
  word-break: break-word;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/_rich_text_editor_styles.scss?ngGlobalStyle ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/** CS style */
/** RFQ style */
/** RFQ Font */
@font-face {
  font-display: auto;
  font-family: summernote;
  font-style: normal;
  font-weight: 400;
  src: url('summernote.0542c0728aedc4d0.eot') format("embedded-opentype"), url('summernote.a838752e64c7ba6a.woff2') format("woff2"), url('summernote.68c69f478bacf45b.woff') format("woff"), url('summernote.f82ec6dfa884d980.ttf') format("truetype");
}
.summer-note [class*=" note-icon"]:before,
.summer-note [class^=note-icon]:before {
  text-rendering: auto;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  display: inline-block;
  font-size: inherit;
  font-style: normal;
  text-decoration: inherit;
  text-transform: none;
  vertical-align: middle;
}
.summer-note .note-icon-fw {
  text-align: center;
  width: 1.25em;
}
.summer-note .note-icon-border {
  border: 0.08em solid #eee;
  border-radius: 0.1em;
  padding: 0.2em 0.25em 0.15em;
}
.summer-note .note-icon-pull-left {
  float: left;
}
.summer-note .note-icon-pull-right {
  float: right;
}
.summer-note .note-icon.note-icon-pull-left {
  margin-right: 0.3em;
}
.summer-note .note-icon.note-icon-pull-right {
  margin-left: 0.3em;
}
.summer-note .note-icon-align:before {
  content: "\ea01";
}
.summer-note .note-icon-align-center:before {
  content: "\ea02";
}
.summer-note .note-icon-align-indent:before {
  content: "\ea03";
}
.summer-note .note-icon-align-justify:before {
  content: "\ea04";
}
.summer-note .note-icon-align-left:before {
  content: "\ea05";
}
.summer-note .note-icon-align-outdent:before {
  content: "\ea06";
}
.summer-note .note-icon-align-right:before {
  content: "\ea07";
}
.summer-note .note-icon-arrow-circle-down:before {
  content: "\ea08";
}
.summer-note .note-icon-arrow-circle-left:before {
  content: "\ea09";
}
.summer-note .note-icon-arrow-circle-right:before {
  content: "\ea0a";
}
.summer-note .note-icon-arrow-circle-up:before {
  content: "\ea0b";
}
.summer-note .note-icon-arrows-alt:before {
  content: "\ea0c";
}
.summer-note .note-icon-arrows-h:before {
  content: "\ea0d";
}
.summer-note .note-icon-arrows-v:before {
  content: "\ea0e";
}
.summer-note .note-icon-bold:before {
  content: "B";
  font-weight: bold;
  font-family: Roboto, sans-serif;
}
.summer-note .note-icon-caret:before {
  content: "\ea10";
}
.summer-note .note-icon-circle:before {
  content: "\ea12";
}
.summer-note .note-icon-close:before {
  content: "×";
  transform: scale(var(--ggs, 1.5));
}
.summer-note .note-icon-code:before {
  content: "\ea14";
}
.summer-note .note-icon-col-after:before {
  content: "\ea15";
}
.summer-note .note-icon-col-before:before {
  content: "\ea16";
}
.summer-note .note-icon-col-remove:before {
  content: "\ea17";
}
.summer-note .note-icon-eraser:before {
  content: "\ea18";
}
.summer-note .note-icon-float-left:before {
  content: "\ea19";
}
.summer-note .note-icon-float-none:before {
  content: "\ea1a";
}
.summer-note .note-icon-float-right:before {
  content: "\ea1b";
}
.summer-note .note-icon-font:before {
  content: "\ea1c";
}
.summer-note .note-icon-frame:before {
  content: "\ea1d";
}
.summer-note .note-icon-italic:before {
  content: "I";
  font-family: Roboto, sans-serif;
  font-style: italic;
}
.summer-note .note-icon-magic:before {
  content: "\ea20";
}
.summer-note .note-icon-menu-check:before {
  content: "\ea21";
}
.summer-note .note-icon-minus:before {
  content: "\ea22";
}
.summer-note .note-icon-orderedlist:before {
  content: "\ea23";
}
.summer-note .note-icon-pencil:before {
  content: "\ea24";
}
.summer-note .note-icon-picture:before {
  content: "\ea25";
}
.summer-note .note-icon-question:before {
  content: "\ea26";
}
.summer-note .note-icon-redo:before {
  content: "\ea27";
}
.summer-note .note-icon-rollback:before {
  content: "\ea28";
}
.summer-note .note-icon-row-above:before {
  content: "\ea29";
}
.summer-note .note-icon-row-below:before {
  content: "\ea2a";
}
.summer-note .note-icon-row-remove:before {
  content: "\ea2b";
}
.summer-note .note-icon-special-character:before {
  content: "\ea2c";
}
.summer-note .note-icon-square:before {
  content: "\ea2d";
}
.summer-note .note-icon-strikethrough:before {
  content: "S";
  text-decoration: line-through;
}
.summer-note .note-icon-subscript:before {
  content: "\ea2f";
}
.summer-note .note-icon-summernote:before {
  content: "\ea30";
}
.summer-note .note-icon-superscript:before {
  content: "\ea31";
}
.summer-note .note-icon-table:before {
  content: "\ea32";
}
.summer-note .note-icon-text-height:before {
  content: "\ea33";
}
.summer-note .note-icon-trash:before {
  content: "\ea34";
}
.summer-note .note-icon-underline:before {
  content: "\ea35";
}
.summer-note .note-icon-undo:before {
  content: "\ea36";
}
.summer-note .note-icon-unorderedlist:before {
  content: "\ea37";
}
.summer-note .note-icon-video:before {
  content: "\ea38";
}
.summer-note .note-frame {
  border-radius: 4px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #000;
  font-family: sans-serif;
}
.summer-note .note-toolbar {
  background-color: #f5f5f5;
  border-bottom: 1px solid;
  border-color: #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  color: #333;
  padding: 10px 5px;
  position: relative;
}
.summer-note .note-btn-group {
  display: inline-block;
  margin-right: 8px;
  position: relative;
}
.summer-note .note-btn {
  background-color: #fff;
  background-image: none;
  border: 1px solid #dae0e5;
  border-radius: 3px;
  color: #333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  margin-bottom: 0;
  outline: 0;
  padding: 5px 10px;
  text-align: center;
  touch-action: manipulation;
  -webkit-user-select: none;
  user-select: none;
  vertical-align: middle;
  white-space: nowrap;
}
.summer-note .note-btn .note-icon-link {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(-45deg) scale(var(--ggs, 0.85));
  width: 8px;
  height: 2px;
  background: currentColor;
  border-radius: 4px;
  margin: 9px 2px;
}
.summer-note .note-btn .note-icon-chain-broken {
  box-sizing: border-box;
  position: relative;
  display: block;
  transform: rotate(45deg) scale(var(--ggs, 0.85));
  width: 8px;
  height: 2px;
  background: currentColor;
  border-radius: 4px;
  margin: 9px 2px;
}
.summer-note .note-btn .note-icon-chain-broken:before,
.summer-note .note-btn .note-icon-link:before {
  content: "";
}
.summer-note .note-btn .note-icon-chain-broken::after,
.summer-note .note-btn .note-icon-chain-broken::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 8px;
  height: 10px;
  border: 2px solid;
  top: -4px;
  transform: rotate(-90deg) scale(var(--ggs, 0.85));
}
.summer-note .note-btn .note-icon-link::after,
.summer-note .note-btn .note-icon-link::before {
  content: "";
  display: block;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  width: 8px;
  height: 10px;
  border: 2px solid;
  top: -4px;
}
.summer-note .note-btn .note-icon-chain-broken::before {
  border-right: 0;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  top: 2px;
}
.summer-note .note-btn .note-icon-chain-broken::after {
  border-left: 0;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  top: -10px;
}
.summer-note .note-btn .note-icon-link::before {
  border-right: 0;
  border-top-left-radius: 40px;
  border-bottom-left-radius: 40px;
  left: -6px;
}
.summer-note .note-btn .note-icon-link::after {
  border-left: 0;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 40px;
  right: -6px;
}
.summer-note .note-btn-group > .note-btn-group {
  margin-right: 0;
}
.summer-note .note-btn.focus,
.summer-note .note-btn:focus,
.summer-note .note-btn:hover {
  background-color: #ebebeb;
  border-color: #dae0e5;
  color: #333;
}
.summer-note .note-modal-footer .note-btn {
  float: right;
}
.summer-note .note-btn.active,
.summer-note .note-btn.focus,
.summer-note .note-btn:active,
.summer-note .note-btn:focus,
.summer-note .note-btn:hover {
  background-color: #ebebeb;
  border: 1px solid #dae0e5;
  border-radius: 1px;
  color: #333;
  outline: 0;
  text-decoration: none;
}
.summer-note .note-btn.active,
.summer-note .note-btn:active {
  background-image: none;
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.summer-note .note-btn-group > .note-btn:not(:first-child),
.summer-note .note-btn-group > .note-btn-group:not(:first-child) > .note-btn {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.summer-note .note-btn.disabled,
.summer-note .note-btn[disabled],
.summer-note fieldset[disabled] .note-btn {
  color: #FFFFFF !important;
  background-color: #9E9E9E !important;
  box-shadow: none;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65);
  filter: alpha(opacity=65);
  -webkit-opacity: 0.65;
  -khtml-opacity: 0.65;
  -moz-opacity: 0.65;
  opacity: 0.65;
}
.summer-note .note-btn-group > .note-btn:first-child {
  margin-left: 0;
}
.summer-note .note-btn-group .note-btn + .note-btn,
.summer-note .note-btn-group .note-btn + .note-btn-group,
.summer-note .note-btn-group .note-btn-group + .note-btn,
.summer-note .note-btn-group .note-btn-group + .note-btn-group {
  margin-left: -1px;
}
.summer-note .note-btn.disabled.focus,
.summer-note .note-btn.disabled:focus,
.summer-note .note-btn[disabled].focus,
.summer-note .note-btn[disabled]:focus,
.summer-note fieldset[disabled] .note-btn.focus,
.summer-note fieldset[disabled] .note-btn:focus {
  background-color: #fff;
  border-color: #dae0e5;
}
.summer-note .note-btn-group > .note-btn-group:not(:last-child) > .note-btn,
.summer-note .note-btn-group > .note-btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.summer-note .note-dropdown {
  position: relative;
}
.summer-note .note-btn-group.open > .note-dropdown {
  display: block;
}
.summer-note .note-btn > span.note-icon-caret:first-child {
  margin-left: -1px;
}
.summer-note .note-btn > span.note-icon-caret:nth-child(2) {
  margin-right: -5px;
  padding-left: 3px;
}
.summer-note .note-btn-primary {
  background: #428533;
  color: #FFFFFF;
}
.summer-note .note-btn-primary.focus,
.summer-note .note-btn-primary:focus,
.summer-note .note-btn-primary:hover {
  background-color: #428533;
  border: 1px solid #dae0e5;
  color: #FFFFFF !important;
  text-decoration: none;
}
.summer-note .note-btn-block {
  display: block;
  width: 100%;
}
.summer-note .note-btn-block + .note-btn-block {
  margin-top: 5px;
}
.summer-note input[type=button].note-btn-block,
.summer-note input[type=reset].note-btn-block,
.summer-note input[type=submit].note-btn-block {
  width: 100%;
}
.summer-note button.close {
  background: transparent;
  border: 0;
  cursor: pointer;
  padding: 0;
}
.summer-note .close {
  color: #000;
  float: right;
  font-size: 21px;
  line-height: 1;
  opacity: 0.2;
}
.summer-note .close:hover {
  -ms-filter: alpha(opacity=100);
  filter: alpha(opacity=100);
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.summer-note .note-color .dropdown-toggle {
  padding-left: 5px;
  width: 30px;
}
.summer-note .note-dropdown-menu {
  background: #fff;
  background-clip: padding-box;
  border: 1px solid #e2e2e2;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
  display: none;
  float: left;
  left: 0;
  min-width: 100px;
  padding: 5px;
  position: absolute;
  text-align: left;
  top: 100%;
  z-index: 1000;
}
.summer-note .note-dropdown-menu > :last-child {
  margin-right: 0;
}
.summer-note .note-btn-group.open .note-dropdown-menu,
.summer-note .note-dropdown-item {
  display: block;
}
.summer-note .note-dropdown-item:hover {
  background-color: #ebebeb;
}
.summer-note a.note-dropdown-item,
.summer-note a.note-dropdown-item:hover {
  color: #000;
  margin: 5px 0;
  text-decoration: none;
}
.summer-note .note-modal {
  bottom: 0;
  display: none;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
  filter: alpha(opacity=100);
  left: 0;
  -webkit-opacity: 1;
  -khtml-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1050;
}
.summer-note .note-modal.open {
  display: block;
}
.summer-note .note-modal-content {
  background: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  margin: 30px 20px;
  outline: 0;
  position: relative;
  width: auto;
}
.summer-note .note-modal-header {
  border: 1px solid #ededef;
  padding: 10px 20px;
}
.summer-note .note-modal-body {
  padding: 20px 30px;
  position: relative;
}
.summer-note .note-modal-body kbd {
  background-color: #000;
  border-radius: 2px;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  font-weight: 700;
  padding: 3px 5px;
}
.summer-note .note-modal-footer {
  height: 40px;
  padding: 10px;
  text-align: center;
}
.summer-note .note-modal-footer a {
  color: #337ab7;
  text-decoration: none;
}
.summer-note .note-modal-footer a:focus,
.summer-note .note-modal-footer a:hover {
  color: #23527c;
  text-decoration: underline;
}
.summer-note .note-modal-title {
  color: #42515f;
  font-size: 20px;
  line-height: 1.4;
  margin: 0;
}
.summer-note .note-modal-backdrop {
  background: #000;
  bottom: 0;
  display: none;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
  filter: alpha(opacity=50);
  left: 0;
  -webkit-opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1060;
}
.summer-note .note-modal-backdrop.open {
  display: block;
}
@media (min-width: 768px) {
  .summer-note .note-modal-content {
    margin: 30px auto;
    width: 600px;
  }
}
@media (min-width: 992px) {
  .summer-note .note-modal-content-large {
    width: 900px;
  }
}
.summer-note .note-modal .note-help-block {
  color: #737373;
  display: block;
  margin-bottom: 10px;
  margin-top: 5px;
}
.summer-note .note-modal .note-nav {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin-bottom: 0;
  padding-left: 0;
}
.summer-note .note-modal .note-nav-link {
  -webkit-text-decoration-skip: objects;
  background-color: transparent;
  color: #007bff;
  display: block;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
.summer-note .note-modal .note-nav-link:focus,
.summer-note .note-modal .note-nav-link:hover {
  color: #0056b3;
  text-decoration: none;
}
.summer-note .note-modal .note-nav-link.disabled {
  color: #868e96;
}
.summer-note .note-modal .note-nav-tabs {
  border-bottom: 1px solid #ddd;
}
.summer-note .note-modal .note-nav-tabs .note-nav-item {
  margin-bottom: -1px;
}
.summer-note .note-modal .note-nav-tabs .note-nav-link {
  border: 1px solid transparent;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
}
.summer-note .note-modal .note-nav-tabs .note-nav-link:focus,
.summer-note .note-modal .note-nav-tabs .note-nav-link:hover {
  border-color: #e9ecef #e9ecef #ddd;
}
.summer-note .note-modal .note-nav-tabs .note-nav-link.disabled {
  background-color: transparent;
  border-color: transparent;
  color: #868e96;
}
.summer-note .note-modal .note-nav-tabs .note-nav-item.show .note-nav-link {
  background-color: #fff;
  border-color: #ddd #ddd #fff;
  color: #495057;
}
.summer-note .note-modal .note-tab-content > .note-tab-pane,
.summer-note .note-modal .note-tab-content > .note-tab-pane:target ~ .note-tab-pane:last-child {
  display: none;
}
.summer-note .note-modal .note-tab-content {
  margin: 15px auto;
}
.summer-note .note-modal .note-tab-content > .note-tab-pane:target,
.summer-note .note-modal .note-tab-content > :last-child {
  display: block;
}
.summer-note .note-form-group {
  padding-bottom: 20px;
}
.summer-note .note-form-group:last-child {
  padding-bottom: 0;
}
.summer-note .note-form-label {
  color: #42515f;
  display: block;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
  width: 100%;
}
.summer-note .note-input {
  background: #fff;
  border: 1px solid #ededef;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  font-size: 14px;
  outline: 0;
  padding: 6px 4px;
  width: 100%;
}
.summer-note .note-input::-webkit-input-placeholder {
  color: #eee;
}
.summer-note .note-input:-moz-placeholder,
.summer-note .note-input::-moz-placeholder {
  color: #eee;
}
.summer-note .note-input:-ms-input-placeholder {
  color: #eee;
}
.summer-note .note-tooltip {
  display: block;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  filter: alpha(opacity=0);
  font-size: 13px;
  -webkit-opacity: 0;
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  position: absolute;
  transition: opacity 0.15s;
  z-index: 1070;
}
.summer-note .note-tooltip.in {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  filter: alpha(opacity=90);
  -webkit-opacity: 0.9;
  -khtml-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
}
.summer-note .note-tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.summer-note .note-tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.summer-note .note-tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.summer-note .note-tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.summer-note .note-tooltip-arrow {
  border-color: transparent;
  border-style: solid;
  height: 0;
  position: absolute;
  width: 0;
}
.summer-note .note-tooltip.bottom .note-tooltip-arrow {
  border-bottom-color: #000;
  border-width: 0 5px 5px;
  left: 50%;
  margin-left: -5px;
  top: 0;
}
.summer-note .note-tooltip.top .note-tooltip-arrow {
  border-top-color: #000;
  border-width: 5px 5px 0;
  bottom: 0;
  left: 50%;
  margin-left: -5px;
}
.summer-note .note-tooltip.right .note-tooltip-arrow {
  border-right-color: #000;
  border-width: 5px 5px 5px 0;
  left: 0;
  margin-top: -5px;
  top: 50%;
}
.summer-note .note-tooltip.left .note-tooltip-arrow {
  border-left-color: #000;
  border-width: 5px 0 5px 5px;
  margin-top: -5px;
  right: 0;
  top: 50%;
}
.summer-note .note-tooltip-content {
  background-color: #000;
  color: #fff;
  font-family: sans-serif;
  max-width: 200px;
  padding: 3px 8px;
  text-align: center;
}
.summer-note .note-popover {
  background: #fff;
  border: 1px solid #ccc;
  display: block;
  display: none;
  font-family: sans-serif;
  font-size: 13px;
  position: absolute;
  z-index: 1060;
}
.summer-note .note-popover.in {
  display: block;
}
.summer-note .note-popover.top {
  margin-top: -10px;
  padding: 5px 0;
}
.summer-note .note-popover.right {
  margin-left: 10px;
  padding: 0 5px;
}
.summer-note .note-popover.bottom {
  margin-top: 10px;
  padding: 5px 0;
}
.summer-note .note-popover.left {
  margin-left: -10px;
  padding: 0 5px;
}
.summer-note .note-popover-arrow {
  border: 11px solid transparent;
  height: 0;
  position: absolute;
  width: 0;
}
.summer-note .note-popover-arrow:after {
  border: 10px solid transparent;
  content: " ";
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
.summer-note .note-popover.bottom .note-popover-arrow {
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  border-top-width: 0;
  left: 20px;
  margin-left: -10px;
  top: -11px;
}
.summer-note .note-popover.bottom .note-popover-arrow:after {
  border-bottom-color: #fff;
  border-top-width: 0;
  content: " ";
  margin-left: -10px;
  top: 1px;
}
.summer-note .note-popover.top .note-popover-arrow {
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
  left: 20px;
  margin-left: -10px;
}
.summer-note .note-popover.top .note-popover-arrow:after {
  border-bottom-width: 0;
  border-top-color: #fff;
  bottom: 1px;
  content: " ";
  margin-left: -10px;
}
.summer-note .note-popover.right .note-popover-arrow {
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
  left: -11px;
  margin-top: -10px;
  top: 50%;
}
.summer-note .note-popover.right .note-popover-arrow:after {
  border-left-width: 0;
  border-right-color: #fff;
  content: " ";
  left: 1px;
  margin-top: -10px;
}
.summer-note .note-popover.left .note-popover-arrow {
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
  border-right-width: 0;
  margin-top: -10px;
  right: -11px;
  top: 50%;
}
.summer-note .note-popover.left .note-popover-arrow:after {
  border-left-color: #fff;
  border-right-width: 0;
  content: " ";
  margin-top: -10px;
  right: 1px;
}
.summer-note .note-popover-content {
  background-color: #fff;
  color: #000;
  min-height: 30px;
  min-width: 100px;
  padding: 3px 8px;
  text-align: center;
}
.summer-note .note-editor {
  position: relative;
}
.summer-note .note-editor .note-dropzone {
  background-color: #fff;
  color: #87cefa;
  display: none;
  opacity: 0.95;
  position: absolute;
  z-index: 100;
}
.summer-note .note-editor .note-dropzone .note-dropzone-message {
  display: table-cell;
  font-size: 28px;
  font-weight: 700;
  text-align: center;
  vertical-align: middle;
}
.summer-note .note-editor .note-dropzone.hover {
  color: #098ddf;
}
.summer-note .note-editor.dragover .note-dropzone {
  display: table;
}
.summer-note .note-editor .note-editing-area {
  position: relative;
}
.summer-note .note-editor .note-editing-area .note-editable {
  outline: none;
}
.summer-note .note-editor .note-editing-area .note-editable sup {
  vertical-align: super;
}
.summer-note .note-editor .note-editing-area .note-editable sub {
  vertical-align: sub;
}
.summer-note .note-editor .note-editing-area .note-editable img.note-float-left {
  margin-right: 10px;
}
.summer-note .note-editor .note-editing-area .note-editable img.note-float-right {
  margin-left: 10px;
}
.summer-note .note-editor.note-airframe,
.summer-note .note-editor.note-frame {
  border: 1px solid rgba(0, 0, 0, 0.1960784314);
}
.summer-note .note-editor.note-airframe .note-editing-area .note-editable {
  padding: 0;
}
.summer-note .note-editor.note-airframe .note-editing-area .note-editable,
.summer-note .note-editor.note-frame .note-editing-area .note-editable {
  word-wrap: break-word;
  overflow: auto;
  padding: 10px;
}
.summer-note .note-editor.note-airframe.codeview .note-editing-area .note-editable,
.summer-note .note-editor.note-frame.codeview .note-editing-area .note-editable {
  display: none;
}
.summer-note .note-editor.note-airframe .note-editing-area .note-codable,
.summer-note .note-editor.note-frame .note-editing-area .note-codable {
  background-color: #222;
  border: none;
  border-radius: 0;
  box-shadow: none;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  color: #ccc;
  display: none;
  font-family: Menlo, Monaco, monospace, sans-serif;
  font-size: 14px;
  margin-bottom: 0;
  outline: none;
  padding: 10px;
  resize: none;
  width: 100%;
}
.summer-note .note-editor.note-airframe.codeview .note-editing-area .note-codable,
.summer-note .note-editor.note-frame.codeview .note-editing-area .note-codable {
  display: block;
}
.summer-note .note-editor.note-airframe .note-editing-area,
.summer-note .note-editor.note-frame .note-editing-area {
  overflow: hidden;
}
.summer-note .note-editor.note-airframe .note-editing-area .note-editable[contenteditable=false],
.summer-note .note-editor.note-frame .note-editing-area .note-editable[contenteditable=false] {
  background-color: rgba(128, 128, 128, 0.1137254902);
}
.summer-note .note-editor.note-airframe.fullscreen,
.summer-note .note-editor.note-frame.fullscreen {
  left: 0;
  position: fixed;
  top: 0;
  width: 100% !important;
  z-index: 1050;
}
.summer-note .note-editor.note-airframe.fullscreen .note-resizebar,
.summer-note .note-editor.note-frame.fullscreen .note-resizebar {
  display: none;
}
.summer-note .note-editor.note-airframe .note-status-output,
.summer-note .note-editor.note-frame .note-status-output {
  border: 0;
  border-top: 1px solid #e2e2e2;
  color: #000;
  display: block;
  font-size: 14px;
  height: 20px;
  line-height: 1.42857143;
  margin-bottom: 0;
  width: 100%;
}
.summer-note .note-editor.note-airframe .note-status-output:empty,
.summer-note .note-editor.note-frame .note-status-output:empty {
  border-top: 0 solid transparent;
  height: 0;
}
.summer-note .note-editor.note-airframe .note-status-output .pull-right,
.summer-note .note-editor.note-frame .note-status-output .pull-right {
  float: right !important;
}
.summer-note .note-editor.note-airframe .note-status-output .text-muted,
.summer-note .note-editor.note-frame .note-status-output .text-muted {
  color: #777;
}
.summer-note .note-editor.note-airframe .note-status-output .text-primary,
.summer-note .note-editor.note-frame .note-status-output .text-primary {
  color: #286090;
}
.summer-note .note-editor.note-airframe .note-status-output .text-success,
.summer-note .note-editor.note-frame .note-status-output .text-success {
  color: #3c763d;
}
.summer-note .note-editor.note-airframe .note-status-output .text-info,
.summer-note .note-editor.note-frame .note-status-output .text-info {
  color: #31708f;
}
.summer-note .note-editor.note-airframe .note-status-output .text-warning,
.summer-note .note-editor.note-frame .note-status-output .text-warning {
  color: #8a6d3b;
}
.summer-note .note-editor.note-airframe .note-status-output .text-danger,
.summer-note .note-editor.note-frame .note-status-output .text-danger {
  color: #a94442;
}
.summer-note .note-editor.note-airframe .note-status-output .alert,
.summer-note .note-editor.note-frame .note-status-output .alert {
  background-color: #f5f5f5;
  border-radius: 0;
  color: #000;
  margin: -7px 0 0;
  padding: 7px 10px 2px;
}
.summer-note .note-editor.note-airframe .note-status-output .alert .note-icon,
.summer-note .note-editor.note-frame .note-status-output .alert .note-icon {
  margin-right: 5px;
}
.summer-note .note-editor.note-airframe .note-status-output .alert-success,
.summer-note .note-editor.note-frame .note-status-output .alert-success {
  background-color: #dff0d8 !important;
  color: #3c763d !important;
}
.summer-note .note-editor.note-airframe .note-status-output .alert-info,
.summer-note .note-editor.note-frame .note-status-output .alert-info {
  background-color: #d9edf7 !important;
  color: #31708f !important;
}
.summer-note .note-editor.note-airframe .note-status-output .alert-warning,
.summer-note .note-editor.note-frame .note-status-output .alert-warning {
  background-color: #fcf8e3 !important;
  color: #8a6d3b !important;
}
.summer-note .note-editor.note-airframe .note-status-output .alert-danger,
.summer-note .note-editor.note-frame .note-status-output .alert-danger {
  background-color: #f2dede !important;
  color: #a94442 !important;
}
.summer-note .note-editor.note-airframe .note-statusbar,
.summer-note .note-editor.note-frame .note-statusbar {
  background-color: rgba(128, 128, 128, 0.1137254902);
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top: 1px solid rgba(0, 0, 0, 0.1960784314);
}
.summer-note .note-editor.note-airframe .note-statusbar .note-resizebar,
.summer-note .note-editor.note-frame .note-statusbar .note-resizebar {
  cursor: ns-resize;
  height: 9px;
  padding-top: 1px;
  width: 100%;
}
.summer-note .note-editor.note-airframe .note-statusbar .note-resizebar .note-icon-bar,
.summer-note .note-editor.note-frame .note-statusbar .note-resizebar .note-icon-bar {
  border-top: 1px solid rgba(0, 0, 0, 0.1960784314);
  margin: 1px auto;
  width: 20px;
}
.summer-note .note-editor.note-airframe .note-statusbar.locked .note-resizebar,
.summer-note .note-editor.note-frame .note-statusbar.locked .note-resizebar {
  cursor: default;
}
.summer-note .note-editor.note-airframe .note-statusbar.locked .note-resizebar .note-icon-bar,
.summer-note .note-editor.note-frame .note-statusbar.locked .note-resizebar .note-icon-bar {
  display: none;
}
.summer-note .note-placeholder {
  color: gray;
  display: none;
  position: absolute;
}
.summer-note .note-editor.note-airframe .note-placeholder,
.summer-note .note-editor.note-frame .note-placeholder {
  padding: 10px;
}
.summer-note .note-editor.note-airframe {
  border: 0;
}
.summer-note .note-popover.popover {
  display: none;
  max-width: none;
}
.summer-note .note-popover.popover .popover-content a {
  display: inline-block;
  max-width: 200px;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: middle;
  white-space: nowrap;
}
.summer-note .note-popover.popover .arrow {
  left: 20px !important;
}
.summer-note .note-editor .note-toolbar,
.summer-note .note-popover .popover-content {
  margin: 0;
  padding: 0 0 5px 5px;
}
.summer-note .note-editor .note-toolbar > .note-btn-group,
.summer-note .note-popover .popover-content > .note-btn-group {
  margin-left: 0;
  margin-right: 5px;
  margin-top: 5px;
}
.summer-note .note-editor .note-toolbar .note-btn-group .note-table,
.summer-note .note-popover .popover-content .note-btn-group .note-table {
  min-width: 0;
  padding: 5px;
}
.summer-note .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker,
.summer-note .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker {
  font-size: 18px;
}
.summer-note .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher,
.summer-note .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-mousecatcher {
  cursor: pointer;
  height: 10em;
  position: absolute !important;
  width: 10em;
  z-index: 3;
}
.summer-note .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted,
.summer-note .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-unhighlighted {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIj4+Pjp6ekKlAqjAAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKhmnaJzPAAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
  height: 5em;
  position: relative !important;
  width: 5em;
  z-index: 1;
}
.summer-note .note-editor .note-toolbar .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted,
.summer-note .note-popover .popover-content .note-btn-group .note-table .note-dimension-picker .note-dimension-picker-highlighted {
  background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASAgMAAAAroGbEAAAACVBMVEUAAIjd6vvD2f9LKLW+AAAAAXRSTlMAQObYZgAAAAFiS0dEAIgFHUgAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAHdElNRQfYAR0BKwNDEVT0AAAAG0lEQVQI12NgAAOtVatWMTCohoaGUY+EmIkEAEruEzK2J7tvAAAAAElFTkSuQmCC") repeat;
  height: 1em;
  position: absolute !important;
  width: 1em;
  z-index: 2;
}
.summer-note .note-editor .note-toolbar .note-style .dropdown-style blockquote,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style pre,
.summer-note .note-popover .popover-content .note-style .dropdown-style blockquote,
.summer-note .note-popover .popover-content .note-style .dropdown-style pre {
  margin: 0;
  padding: 5px 10px;
}
.summer-note .note-editor .note-toolbar .note-style .dropdown-style h1,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style h2,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style h3,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style h4,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style h5,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style h6,
.summer-note .note-editor .note-toolbar .note-style .dropdown-style p,
.summer-note .note-popover .popover-content .note-style .dropdown-style h1,
.summer-note .note-popover .popover-content .note-style .dropdown-style h2,
.summer-note .note-popover .popover-content .note-style .dropdown-style h3,
.summer-note .note-popover .popover-content .note-style .dropdown-style h4,
.summer-note .note-popover .popover-content .note-style .dropdown-style h5,
.summer-note .note-popover .popover-content .note-style .dropdown-style h6,
.summer-note .note-popover .popover-content .note-style .dropdown-style p {
  margin: 0;
  padding: 0;
}
.summer-note .note-editor .note-toolbar .note-dropdown-menu,
.summer-note .note-popover .popover-content .note-dropdown-menu {
  min-width: 160px;
}
.summer-note .note-editor .note-toolbar .note-color-all .note-dropdown-menu,
.summer-note .note-popover .popover-content .note-color-all .note-dropdown-menu {
  min-width: 337px;
}
.summer-note .note-editor .note-toolbar .note-color .dropdown-toggle,
.summer-note .note-popover .popover-content .note-color .dropdown-toggle {
  padding-left: 5px;
  width: 20px;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette {
  display: inline-block;
  margin: 0;
  width: 160px;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette:first-child,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette:first-child {
  margin: 0 5px;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-palette-title,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-palette-title {
  border-bottom: 1px solid #eee;
  font-size: 12px;
  margin: 2px 7px;
  text-align: center;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset,
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select {
  border-radius: 5px;
  cursor: pointer;
  font-size: 11px;
  margin: 3px;
  padding: 0 3px;
  width: 100%;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select:hover,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-reset:hover,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select:hover {
  background: #eee;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-row,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-row {
  height: 20px;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-color-select-btn,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-color-select-btn {
  display: none;
}
.summer-note .note-editor .note-toolbar .note-color-palette div .note-color-btn,
.summer-note .note-popover .popover-content .note-color-palette div .note-color-btn {
  border: 0;
  border-radius: 0;
  height: 20px;
  margin: 0;
  padding: 0;
  width: 20px;
}
.summer-note .note-editor .note-toolbar .note-color-palette div .note-color-btn:hover,
.summer-note .note-popover .popover-content .note-color-palette div .note-color-btn:hover {
  transform: scale(1.2);
  transition: all 0.2s;
}
.summer-note .note-editor .note-toolbar .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn,
.summer-note .note-popover .popover-content .note-color .note-dropdown-menu .note-palette .note-holder-custom .note-color-btn {
  border: 1px solid #eee;
}
.summer-note .note-editor .note-toolbar .note-para .note-dropdown-menu,
.summer-note .note-popover .popover-content .note-para .note-dropdown-menu {
  min-width: 228px;
  padding: 5px;
}
.summer-note .note-handle .note-control-selection > div {
  position: absolute;
}
.summer-note .note-editor .note-toolbar .note-para .note-dropdown-menu > div + div,
.summer-note .note-popover .popover-content .note-para .note-dropdown-menu > div + div {
  margin-left: 5px;
}
.summer-note .note-editor .note-toolbar .note-dropdown-menu.right,
.summer-note .note-popover .popover-content .note-dropdown-menu.right {
  left: auto;
  right: 0;
}
.summer-note .note-editor .note-toolbar .note-dropdown-menu.right:before,
.summer-note .note-popover .popover-content .note-dropdown-menu.right:before {
  left: auto !important;
  right: 9px;
}
.summer-note .note-editor .note-toolbar .note-dropdown-menu.right:after,
.summer-note .note-popover .popover-content .note-dropdown-menu.right:after {
  left: auto !important;
  right: 10px;
}
.summer-note .note-editor .note-toolbar .note-dropdown-menu.note-check a i,
.summer-note .note-popover .popover-content .note-dropdown-menu.note-check a i {
  color: #00bfff;
  visibility: hidden;
}
.summer-note .note-editor .note-toolbar .note-dropdown-menu.note-check a.checked i,
.summer-note .note-popover .popover-content .note-dropdown-menu.note-check a.checked i {
  visibility: visible;
}
.summer-note .note-editor .note-toolbar .note-fontsize-10,
.summer-note .note-popover .popover-content .note-fontsize-10 {
  font-size: 10px;
}
.summer-note .note-editor .note-toolbar .note-color-palette,
.summer-note .note-popover .popover-content .note-color-palette {
  line-height: 1;
}
.summer-note .note-modal .modal-dialog {
  border-radius: 5px;
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  outline: 0;
}
.summer-note .note-modal .form-group {
  margin-left: 0;
  margin-right: 0;
}
.summer-note .note-modal .note-modal-form {
  margin: 0;
}
.summer-note .note-modal .note-image-dialog .note-dropzone {
  border: 4px dashed #d3d3d3;
  color: #d3d3d3;
  font-size: 30px;
  line-height: 4;
  margin-bottom: 10px;
  min-height: 100px;
  text-align: center;
}
.summer-note .note-handle .note-control-selection {
  border: 1px solid #000;
  display: none;
  position: absolute;
}
.summer-note .note-handle .note-control-selection .note-control-selection-bg {
  background-color: #000;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  filter: alpha(opacity=30);
  height: 100%;
  -webkit-opacity: 0.3;
  -khtml-opacity: 0.3;
  -moz-opacity: 0.3;
  opacity: 0.3;
  width: 100%;
}
.summer-note .note-handle .note-control-selection .note-control-handle,
.summer-note .note-handle .note-control-selection .note-control-holder,
.summer-note .note-handle .note-control-selection .note-control-sizing {
  border: 1px solid #000;
  height: 7px;
  width: 7px;
}
.summer-note .note-handle .note-control-selection .note-control-sizing {
  background-color: #000;
}
.summer-note .note-handle .note-control-selection .note-control-nw {
  border-bottom: none;
  border-right: none;
  left: -5px;
  top: -5px;
}
.summer-note .note-handle .note-control-selection .note-control-ne {
  border-bottom: none;
  border-left: none;
  right: -5px;
  top: -5px;
}
.summer-note .note-handle .note-control-selection .note-control-sw {
  border-right: none;
  border-top: none;
  bottom: -5px;
  left: -5px;
}
.summer-note .note-handle .note-control-selection .note-control-se {
  bottom: -5px;
  cursor: se-resize;
  right: -5px;
}
.summer-note .note-handle .note-control-selection .note-control-se.note-control-holder {
  border-left: none;
  border-top: none;
  cursor: default;
}
.summer-note .note-handle .note-control-selection .note-control-selection-info {
  background-color: #000;
  border-radius: 5px;
  bottom: 0;
  color: #fff;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  filter: alpha(opacity=70);
  font-size: 12px;
  margin: 5px;
  -webkit-opacity: 0.7;
  -khtml-opacity: 0.7;
  -moz-opacity: 0.7;
  opacity: 0.7;
  padding: 5px;
  right: 0;
}
.summer-note .note-hint-popover {
  min-width: 100px;
  padding: 2px;
}
.summer-note .note-hint-popover .popover-content {
  max-height: 150px;
  overflow: auto;
  padding: 3px;
}
.summer-note .note-hint-popover .popover-content .note-hint-group .note-hint-item {
  display: block !important;
  padding: 3px;
}
.summer-note .note-hint-popover .popover-content .note-hint-group .note-hint-item.active,
.summer-note .note-hint-popover .popover-content .note-hint-group .note-hint-item:hover {
  background-color: #428bca;
  clear: both;
  color: #fff;
  cursor: pointer;
  display: block;
  font-weight: 400;
  line-height: 1.4;
  outline: 0;
  text-decoration: none;
  white-space: nowrap;
}
.summer-note body .note-fullscreen-body,
.summer-note html .note-fullscreen-body {
  overflow: hidden !important;
}
.summer-note .note-editor .note-editing-area .note-editable table {
  border-collapse: collapse;
  width: 100%;
}
.summer-note .note-editor .note-editing-area .note-editable table td,
.summer-note .note-editor .note-editing-area .note-editable table th {
  border: 1px solid #ececec;
  padding: 5px 3px;
}
.summer-note .note-editor .note-editing-area .note-editable a {
  background-color: inherit;
  color: #337ab7;
  font-family: inherit;
  font-weight: inherit;
  text-decoration: inherit;
}
.summer-note .note-editor .note-editing-area .note-editable a:focus,
.summer-note .note-editor .note-editing-area .note-editable a:hover {
  color: #23527c;
  outline: 0;
  text-decoration: underline;
}
.summer-note .note-editor .note-editing-area .note-editable figure {
  margin: 0;
}
.summer-note .help-list-item label {
  display: inline-block;
  margin-bottom: 5px;
}
.summer-note .note-modal .note-modal-body label {
  display: inline-block;
  margin-bottom: 2px;
  padding: 2px 5px;
}
.summer-note .note-modal .note-modal-body .help-list-item:hover {
  background-color: #e0e0e0;
}
@-moz-document url-prefix() {
  .summer-note .note-modal .note-image-input {
    height: auto;
  }
}
.summer-note .checkbox {
  visibility: hidden;
  display: none;
}
/*!******************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@swimlane/ngx-datatable/index.css?ngGlobalStyle ***!
  \******************************************************************************************************************************************************************************************************************************************************/
.ngx-datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
  /**
   * Vertical Scrolling Adjustments
   */
  /**
   * Horizontal Scrolling Adjustments
   */
  /**
   * Fixed Header Height Adjustments
   */
  /**
   * Fixed row height adjustments
   */
  /**
   * Shared Styles
   */
  /**
   * Header Styles
   */
  /**
   * Body Styles
   */
  /**
   * Footer Styles
   */ }
  .ngx-datatable [hidden] {
    display: none !important; }
  .ngx-datatable *,
  .ngx-datatable *:before,
  .ngx-datatable *:after {
    box-sizing: border-box; }
  .ngx-datatable.scroll-vertical .datatable-body {
    overflow-y: auto; }
  .ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
    position: absolute; }
  .ngx-datatable.scroll-horz .datatable-body {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch; }
  .ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
    white-space: nowrap; }
    .ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis; }
  .ngx-datatable.fixed-row .datatable-scroll {
    white-space: nowrap; }
    .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
      white-space: nowrap; }
      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
      .ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis; }
  .ngx-datatable .datatable-body-row,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-header-inner {
    display: flex;
    flex-direction: row;
    -o-flex-flow: row;
    flex-flow: row; }
  .ngx-datatable .datatable-body-cell,
  .ngx-datatable .datatable-header-cell {
    overflow-x: hidden;
    vertical-align: top;
    display: inline-block;
    line-height: 1.625; }
    .ngx-datatable .datatable-body-cell:focus,
    .ngx-datatable .datatable-header-cell:focus {
      outline: none; }
  .ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-right {
    z-index: 9; }
  .ngx-datatable .datatable-row-left,
  .ngx-datatable .datatable-row-center,
  .ngx-datatable .datatable-row-group,
  .ngx-datatable .datatable-row-right {
    position: relative; }
  .ngx-datatable .datatable-header {
    display: block;
    overflow: hidden; }
    .ngx-datatable .datatable-header .datatable-header-inner {
      align-items: stretch;
      -webkit-align-items: stretch; }
    .ngx-datatable .datatable-header .datatable-header-cell {
      position: relative;
      display: inline-block; }
      .ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
        cursor: pointer; }
      .ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
        cursor: move; }
      .ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
        line-height: 100%;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer; }
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
        display: inline-block;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        width: 5px;
        padding: 0 4px;
        visibility: hidden; }
      .ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
        cursor: ew-resize; }
      .ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
        visibility: visible; }
      .ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
        visibility: visible; }
      .ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
        position: absolute;
        top: 0;
        bottom: 0; }
        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
          right: 0; }
        .ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
          left: 0; }
      .ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
        height: inherit; }
  .ngx-datatable .datatable-body {
    position: relative;
    z-index: 10;
    display: block; }
    .ngx-datatable .datatable-body .datatable-scroll {
      display: inline-block; }
    .ngx-datatable .datatable-body .datatable-row-detail {
      overflow-y: hidden; }
    .ngx-datatable .datatable-body .datatable-row-wrapper {
      display: flex;
      flex-direction: column; }
    .ngx-datatable .datatable-body .datatable-body-row {
      outline: none; }
      .ngx-datatable .datatable-body .datatable-body-row > div {
        display: flex; }
  .ngx-datatable .datatable-footer {
    display: block;
    width: 100%;
    overflow: auto; }
    .ngx-datatable .datatable-footer .datatable-footer-inner {
      display: flex;
      align-items: center;
      width: 100%; }
    .ngx-datatable .datatable-footer .selected-count .page-count {
      flex: 1 1 40%; }
    .ngx-datatable .datatable-footer .selected-count .datatable-pager {
      flex: 1 1 60%; }
    .ngx-datatable .datatable-footer .page-count {
      flex: 1 1 20%; }
    .ngx-datatable .datatable-footer .datatable-pager {
      flex: 1 1 80%;
      text-align: right; }
      .ngx-datatable .datatable-footer .datatable-pager .pager,
      .ngx-datatable .datatable-footer .datatable-pager .pager li {
        padding: 0;
        margin: 0;
        display: inline-block;
        list-style: none; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li,
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        outline: none; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li a {
        cursor: pointer;
        display: inline-block; }
      .ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
        cursor: not-allowed; }

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@swimlane/ngx-datatable/themes/material.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*
  This stylesheet uses scss valiables for most of the colors / background-colors of the table
  to enable the customization of the displayed table without cloning the stylesheet into the
  own application.

  To modify table colors, add the following lines to the scss file of your application
  (this example modifies the color of the selected row - selectionType = single, multi or multiClick):

  $ngx-datatable-selected-active-background: yellow;
  $ngx-datatable-selected-active-background-hover: rgba(yellow, 0.2);

  @import '~@swimlane/ngx-datatable/index.css';
  @import '~@swimlane/ngx-datatable/themes/material.scss';
  @import '~@swimlane/ngx-datatable/assets/icons.css';

That's all.
*/
.ngx-datatable.material {
  background: #fff;
  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);
  /**
	 * Shared Styles
	 */
  /**
	 * Global Row Styles
	 */
  /**
	 * Header Styles
	 */
  /**
	 * Body Styles
	 */
  /**
	 * Footer Styles
	 */ }
  .ngx-datatable.material.striped .datatable-row-odd {
    background: #eee; }
  .ngx-datatable.material.single-selection .datatable-body-row.active,
  .ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active,
  .ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff; }
  .ngx-datatable.material.single-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff; }
  .ngx-datatable.material.single-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group, .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
  .ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff; }
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear; }
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
  .ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
    background-color: #ddd; }
  .ngx-datatable.material.cell-selection .datatable-body-cell:hover,
  .ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
    background-color: #eee;
    transition-property: background;
    transition-duration: 0.3s;
    transition-timing-function: linear; }
  .ngx-datatable.material.cell-selection .datatable-body-cell:focus,
  .ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
    background-color: #ddd; }
  .ngx-datatable.material.cell-selection .datatable-body-cell.active,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
    background-color: #304ffe;
    color: #fff; }
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
    background-color: #193ae4;
    color: #fff; }
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,
  .ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
    background-color: #2041ef;
    color: #fff; }
  .ngx-datatable.material .empty-row {
    height: 50px;
    text-align: left;
    padding: 0.5rem 1.2rem;
    vertical-align: top;
    border-top: 0; }
  .ngx-datatable.material .loading-row {
    text-align: left;
    padding: 0.5rem 1.2rem;
    vertical-align: top;
    border-top: 0; }
  .ngx-datatable.material .datatable-header .datatable-row-left,
  .ngx-datatable.material .datatable-body .datatable-row-left {
    background-color: #fff;
    background-position: 100% 0;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==); }
  .ngx-datatable.material .datatable-header .datatable-row-right,
  .ngx-datatable.material .datatable-body .datatable-row-right {
    background-position: 0 0;
    background-color: #fff;
    background-repeat: repeat-y;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==); }
  .ngx-datatable.material .datatable-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12); }
    .ngx-datatable.material .datatable-header .datatable-header-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      font-weight: 400;
      background-color: #fff;
      color: rgba(0, 0, 0, 0.54);
      vertical-align: bottom;
      font-size: 12px;
      font-weight: 500; }
      .ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
        position: relative; }
      .ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
        transition: transform 400ms ease, opacity 400ms ease;
        opacity: 0.5;
        transform: scale(1); }
      .ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
        content: ' ';
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -30px 0 0 -30px;
        height: 60px;
        width: 60px;
        background: #eee;
        border-radius: 100%;
        opacity: 1;
        filter: none;
        transform: scale(0);
        z-index: 9999;
        pointer-events: none; }
      .ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
        border-right: none; }
    .ngx-datatable.material .datatable-header .resize-handle {
      border-right: solid 1px #eee; }
  .ngx-datatable.material .datatable-body {
    position: relative; }
    .ngx-datatable.material .datatable-body .datatable-row-detail {
      background: #f5f5f5;
      padding: 10px; }
    .ngx-datatable.material .datatable-body .datatable-group-header {
      background: #f5f5f5;
      border-bottom: solid 1px #d9d8d9;
      border-top: solid 1px #d9d8d9; }
    .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      vertical-align: top;
      border-top: 0;
      color: rgba(0, 0, 0, 0.87);
      transition: width 0.3s ease;
      font-size: 14px;
      font-weight: 400; }
    .ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
      text-align: left;
      padding: 0.9rem 1.2rem;
      vertical-align: top;
      border-top: 0;
      color: rgba(0, 0, 0, 0.87);
      transition: width 0.3s ease;
      font-size: 14px;
      font-weight: 400; }
    .ngx-datatable.material .datatable-body .progress-linear {
      display: block;
      position: sticky;
      width: 100%;
      height: 5px;
      padding: 0;
      margin: 0;
      top: 0; }
      .ngx-datatable.material .datatable-body .progress-linear .container {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%;
        height: 5px;
        transform: translate(0, 0) scale(1, 1);
        background-color: #aad1f9; }
        .ngx-datatable.material .datatable-body .progress-linear .container .bar {
          transition: all 0.2s linear;
          animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
          transition: transform 0.2s linear;
          background-color: #106cc8;
          position: absolute;
          left: 0;
          top: 0;
          bottom: 0;
          width: 100%;
          height: 5px; }
  .ngx-datatable.material .datatable-footer {
    border-top: 1px solid rgba(0, 0, 0, 0.12);
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.54); }
    .ngx-datatable.material .datatable-footer .page-count {
      line-height: 50px;
      height: 50px;
      padding: 0 1.2rem; }
    .ngx-datatable.material .datatable-footer .datatable-pager {
      margin: 0 10px; }
      .ngx-datatable.material .datatable-footer .datatable-pager li {
        vertical-align: middle; }
        .ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
          color: rgba(0, 0, 0, 0.26) !important;
          background-color: transparent !important; }
        .ngx-datatable.material .datatable-footer .datatable-pager li.active a {
          background-color: rgba(158, 158, 158, 0.2);
          font-weight: bold; }
      .ngx-datatable.material .datatable-footer .datatable-pager a {
        height: 22px;
        min-width: 24px;
        line-height: 22px;
        padding: 0 6px;
        border-radius: 3px;
        margin: 6px 3px;
        text-align: center;
        vertical-align: top;
        color: rgba(0, 0, 0, 0.54);
        text-decoration: none;
        vertical-align: bottom; }
        .ngx-datatable.material .datatable-footer .datatable-pager a:hover {
          color: rgba(0, 0, 0, 0.75);
          background-color: rgba(158, 158, 158, 0.2); }
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
      .ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
        font-size: 20px;
        line-height: 20px;
        padding: 0 3px; }
  .ngx-datatable.material .datatable-summary-row .datatable-body-row {
    background-color: #ddd; }
    .ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
      background-color: #ddd; }
    .ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
      font-weight: bold; }

/**
 * Checkboxes
**/
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0; }
  .datatable-checkbox input[type='checkbox'] {
    position: relative;
    margin: 0 1rem 0 0;
    cursor: pointer;
    outline: none; }
    .datatable-checkbox input[type='checkbox']:before {
      transition: all 0.3s ease-in-out;
      content: '';
      position: absolute;
      left: 0;
      z-index: 1;
      width: 1rem;
      height: 1rem;
      border: 2px solid #f2f2f2; }
    .datatable-checkbox input[type='checkbox']:checked:before {
      transform: rotate(-45deg);
      height: 0.5rem;
      border-color: #009688;
      border-top-style: none;
      border-right-style: none; }
    .datatable-checkbox input[type='checkbox']:after {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 1rem;
      height: 1rem;
      background: #fff;
      cursor: pointer; }

/**
 * Progress bar animations
 */
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1); }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1); } }

/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** 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/@swimlane/ngx-datatable/assets/icons.css?ngGlobalStyle ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";

@font-face {
  font-family: 'data-table';
  src: url('data-table.19a1c5c211a201d8.eot');
  src: url('data-table.19a1c5c211a201d8.eot?#iefix') format('embedded-opentype'), url('data-table.d233a8724a9532b6.woff') format('woff'),
    url('data-table.4f99927ffc558471.ttf') format('truetype'), url('data-table.029992b38cb863a4.svg#data-table') format('svg');
  font-weight: normal;
  font-style: normal;
}

[data-icon]::before {
  font-family: 'data-table' !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^='datatable-icon-']::before,
[class*=' datatable-icon-']::before {
  font-family: 'data-table' !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.datatable-icon-filter::before {
  content: '\62';
}

.datatable-icon-collapse::before {
  content: '\61';
}

.datatable-icon-expand::before {
  content: '\63';
}

.datatable-icon-close::before {
  content: '\64';
}

.datatable-icon-up::before {
  content: '\65';
}

.datatable-icon-down::before {
  content: '\66';
}

.datatable-icon-sort-unset::before {
  content: '\63';
  opacity: 0.5;
}

.datatable-icon-sort::before {
  content: '\67';
}

.datatable-icon-done::before {
  content: '\68';
}

.datatable-icon-done-all::before {
  content: '\69';
}

.datatable-icon-search::before {
  content: '\6a';
}

.datatable-icon-pin::before {
  content: '\6b';
}

.datatable-icon-add::before {
  content: '\6d';
}

.datatable-icon-left::before {
  content: '\6f';
}

.datatable-icon-right::before {
  content: '\70';
}

.datatable-icon-skip::before {
  content: '\71';
}

.datatable-icon-prev::before {
  content: '\72';
}