/* node_modules/@angular/material/prebuilt-themes/purple-green.css */
html {
  --mat-sys-on-surface: initial;
}
.mat-app-background {
  background-color: var(--mat-app-background-color, var(--mat-sys-background, transparent));
  color: var(--mat-app-text-color, var(--mat-sys-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);
}
html {
  --mat-ripple-color:rgba(255, 255, 255, 0.1);
}
html {
  --mat-option-selected-state-label-text-color:#7b1fa2;
  --mat-option-label-text-color:white;
  --mat-option-hover-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color:rgba(255, 255, 255, 0.08);
}
.mat-accent {
  --mat-option-selected-state-label-text-color:#69f0ae;
  --mat-option-label-text-color:white;
  --mat-option-hover-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color:rgba(255, 255, 255, 0.08);
}
.mat-warn {
  --mat-option-selected-state-label-text-color:#f44336;
  --mat-option-label-text-color:white;
  --mat-option-hover-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-option-focus-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-option-selected-state-layer-color:rgba(255, 255, 255, 0.08);
}
html {
  --mat-optgroup-label-text-color:white;
}
html {
  --mat-full-pseudo-checkbox-selected-icon-color:#69f0ae;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#686868;
}
html {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#69f0ae;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
.mat-primary {
  --mat-full-pseudo-checkbox-selected-icon-color:#7b1fa2;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#686868;
}
.mat-primary {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#7b1fa2;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
.mat-accent {
  --mat-full-pseudo-checkbox-selected-icon-color:#69f0ae;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#686868;
}
.mat-accent {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#69f0ae;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
.mat-warn {
  --mat-full-pseudo-checkbox-selected-icon-color:#f44336;
  --mat-full-pseudo-checkbox-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.7);
  --mat-full-pseudo-checkbox-disabled-selected-checkmark-color:#303030;
  --mat-full-pseudo-checkbox-disabled-unselected-icon-color:#686868;
  --mat-full-pseudo-checkbox-disabled-selected-icon-color:#686868;
}
.mat-warn {
  --mat-minimal-pseudo-checkbox-selected-checkmark-color:#f44336;
  --mat-minimal-pseudo-checkbox-disabled-selected-checkmark-color:#686868;
}
html {
  --mat-app-background-color:#303030;
  --mat-app-text-color:white;
  --mat-app-elevation-shadow-level-0:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2:0px 3px 1px -2px rgba(0, 0, 0, 0.2),
    0px 2px 2px 0px rgba(0, 0, 0, 0.14),
    0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3:0px 3px 3px -2px rgba(0, 0, 0, 0.2),
    0px 3px 4px 0px rgba(0, 0, 0, 0.14),
    0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 5px 8px 0px rgba(0, 0, 0, 0.14),
    0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6:0px 3px 5px -1px rgba(0, 0, 0, 0.2),
    0px 6px 10px 0px rgba(0, 0, 0, 0.14),
    0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7:0px 4px 5px -2px rgba(0, 0, 0, 0.2),
    0px 7px 10px 1px rgba(0, 0, 0, 0.14),
    0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9:0px 5px 6px -3px rgba(0, 0, 0, 0.2),
    0px 9px 12px 1px rgba(0, 0, 0, 0.14),
    0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10:0px 6px 6px -3px rgba(0, 0, 0, 0.2),
    0px 10px 14px 1px rgba(0, 0, 0, 0.14),
    0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11:0px 6px 7px -4px rgba(0, 0, 0, 0.2),
    0px 11px 15px 1px rgba(0, 0, 0, 0.14),
    0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 12px 17px 2px rgba(0, 0, 0, 0.14),
    0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13:0px 7px 8px -4px rgba(0, 0, 0, 0.2),
    0px 13px 19px 2px rgba(0, 0, 0, 0.14),
    0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14:0px 7px 9px -4px rgba(0, 0, 0, 0.2),
    0px 14px 21px 2px rgba(0, 0, 0, 0.14),
    0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15:0px 8px 9px -5px rgba(0, 0, 0, 0.2),
    0px 15px 22px 2px rgba(0, 0, 0, 0.14),
    0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16:0px 8px 10px -5px rgba(0, 0, 0, 0.2),
    0px 16px 24px 2px rgba(0, 0, 0, 0.14),
    0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17:0px 8px 11px -5px rgba(0, 0, 0, 0.2),
    0px 17px 26px 2px rgba(0, 0, 0, 0.14),
    0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18:0px 9px 11px -5px rgba(0, 0, 0, 0.2),
    0px 18px 28px 2px rgba(0, 0, 0, 0.14),
    0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19:0px 9px 12px -6px rgba(0, 0, 0, 0.2),
    0px 19px 29px 2px rgba(0, 0, 0, 0.14),
    0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 20px 31px 3px rgba(0, 0, 0, 0.14),
    0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21:0px 10px 13px -6px rgba(0, 0, 0, 0.2),
    0px 21px 33px 3px rgba(0, 0, 0, 0.14),
    0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22:0px 10px 14px -6px rgba(0, 0, 0, 0.2),
    0px 22px 35px 3px rgba(0, 0, 0, 0.14),
    0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23:0px 11px 14px -7px rgba(0, 0, 0, 0.2),
    0px 23px 36px 3px rgba(0, 0, 0, 0.14),
    0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-option-label-text-font:Roboto, sans-serif;
  --mat-option-label-text-line-height:24px;
  --mat-option-label-text-size:16px;
  --mat-option-label-text-tracking:0.03125em;
  --mat-option-label-text-weight:400;
}
html {
  --mat-optgroup-label-text-font:Roboto, sans-serif;
  --mat-optgroup-label-text-line-height:24px;
  --mat-optgroup-label-text-size:16px;
  --mat-optgroup-label-text-tracking:0.03125em;
  --mat-optgroup-label-text-weight:400;
}
html {
  --mdc-elevated-card-container-shape:4px;
}
html {
  --mdc-outlined-card-container-shape:4px;
  --mdc-outlined-card-outline-width:1px;
}
html {
  --mdc-elevated-card-container-color:#424242;
  --mdc-elevated-card-container-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-outlined-card-container-color:#424242;
  --mdc-outlined-card-outline-color:rgba(255, 255, 255, 0.12);
  --mdc-outlined-card-container-elevation:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mat-card-subtitle-text-color:rgba(255, 255, 255, 0.7);
}
html {
  --mat-card-title-text-font:Roboto, sans-serif;
  --mat-card-title-text-line-height:32px;
  --mat-card-title-text-size:20px;
  --mat-card-title-text-tracking:0.0125em;
  --mat-card-title-text-weight:500;
  --mat-card-subtitle-text-font:Roboto, sans-serif;
  --mat-card-subtitle-text-line-height:22px;
  --mat-card-subtitle-text-size:14px;
  --mat-card-subtitle-text-tracking:0.0071428571em;
  --mat-card-subtitle-text-weight:500;
}
html {
  --mdc-linear-progress-active-indicator-height:4px;
  --mdc-linear-progress-track-height:4px;
  --mdc-linear-progress-track-shape:0;
}
.mat-mdc-progress-bar {
  --mdc-linear-progress-active-indicator-color:#7b1fa2;
  --mdc-linear-progress-track-color:rgba(123, 31, 162, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mdc-linear-progress-active-indicator-color:#69f0ae;
  --mdc-linear-progress-track-color:rgba(105, 240, 174, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mdc-linear-progress-active-indicator-color:#f44336;
  --mdc-linear-progress-track-color:rgba(244, 67, 54, 0.25);
}
html {
  --mdc-plain-tooltip-container-shape:4px;
  --mdc-plain-tooltip-supporting-text-line-height:16px;
}
html {
  --mdc-plain-tooltip-container-color:#616161;
  --mdc-plain-tooltip-supporting-text-color:#fff;
}
html {
  --mdc-plain-tooltip-supporting-text-font:Roboto, sans-serif;
  --mdc-plain-tooltip-supporting-text-size:12px;
  --mdc-plain-tooltip-supporting-text-weight:400;
  --mdc-plain-tooltip-supporting-text-tracking:0.0333333333em;
}
html {
  --mdc-filled-text-field-active-indicator-height:1px;
  --mdc-filled-text-field-focus-active-indicator-height:2px;
  --mdc-filled-text-field-container-shape:4px;
}
html {
  --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:#7b1fa2;
  --mdc-filled-text-field-focus-active-indicator-color:#7b1fa2;
  --mdc-filled-text-field-focus-label-text-color:rgba(123, 31, 162, 0.87);
  --mdc-filled-text-field-container-color:rgb(73.56, 73.56, 73.56);
  --mdc-filled-text-field-disabled-container-color:rgb(69.78, 69.78, 69.78);
  --mdc-filled-text-field-label-text-color:rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-hover-label-text-color:rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-disabled-label-text-color:rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-color:rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-disabled-input-text-color:rgba(255, 255, 255, 0.38);
  --mdc-filled-text-field-input-text-placeholder-color:rgba(255, 255, 255, 0.6);
  --mdc-filled-text-field-error-hover-label-text-color:#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(255, 255, 255, 0.42);
  --mdc-filled-text-field-disabled-active-indicator-color:rgba(255, 255, 255, 0.06);
  --mdc-filled-text-field-hover-active-indicator-color:rgba(255, 255, 255, 0.87);
  --mdc-filled-text-field-error-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-focus-active-indicator-color:#f44336;
  --mdc-filled-text-field-error-hover-active-indicator-color:#f44336;
}
html {
  --mdc-outlined-text-field-caret-color:#7b1fa2;
  --mdc-outlined-text-field-focus-outline-color:#7b1fa2;
  --mdc-outlined-text-field-focus-label-text-color:rgba(123, 31, 162, 0.87);
  --mdc-outlined-text-field-label-text-color:rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-hover-label-text-color:rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-disabled-label-text-color:rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-color:rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-disabled-input-text-color:rgba(255, 255, 255, 0.38);
  --mdc-outlined-text-field-input-text-placeholder-color:rgba(255, 255, 255, 0.6);
  --mdc-outlined-text-field-error-caret-color:#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(255, 255, 255, 0.38);
  --mdc-outlined-text-field-disabled-outline-color:rgba(255, 255, 255, 0.06);
  --mdc-outlined-text-field-hover-outline-color:rgba(255, 255, 255, 0.87);
  --mdc-outlined-text-field-error-focus-outline-color:#f44336;
  --mdc-outlined-text-field-error-hover-outline-color:#f44336;
  --mdc-outlined-text-field-error-outline-color:#f44336;
}
html {
  --mat-form-field-focus-select-arrow-color:rgba(123, 31, 162, 0.87);
  --mat-form-field-disabled-input-text-placeholder-color:rgba(255, 255, 255, 0.38);
  --mat-form-field-state-layer-color:rgba(255, 255, 255, 0.87);
  --mat-form-field-error-text-color:#f44336;
  --mat-form-field-select-option-text-color:rgba(0, 0, 0, 0.87);
  --mat-form-field-select-disabled-option-text-color:rgba(0, 0, 0, 0.38);
  --mat-form-field-leading-icon-color:unset;
  --mat-form-field-disabled-leading-icon-color:unset;
  --mat-form-field-trailing-icon-color:unset;
  --mat-form-field-disabled-trailing-icon-color:unset;
  --mat-form-field-error-focus-trailing-icon-color:unset;
  --mat-form-field-error-hover-trailing-icon-color:unset;
  --mat-form-field-error-trailing-icon-color:unset;
  --mat-form-field-enabled-select-arrow-color:rgba(255, 255, 255, 0.54);
  --mat-form-field-disabled-select-arrow-color:rgba(255, 255, 255, 0.38);
  --mat-form-field-hover-state-layer-opacity:0.08;
  --mat-form-field-focus-state-layer-opacity:0.24;
}
.mat-mdc-form-field.mat-accent {
  --mdc-filled-text-field-caret-color:#69f0ae;
  --mdc-filled-text-field-focus-active-indicator-color:#69f0ae;
  --mdc-filled-text-field-focus-label-text-color:rgba(105, 240, 174, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mdc-outlined-text-field-caret-color:#69f0ae;
  --mdc-outlined-text-field-focus-outline-color:#69f0ae;
  --mdc-outlined-text-field-focus-label-text-color:rgba(105, 240, 174, 0.87);
}
.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color:rgba(105, 240, 174, 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);
}
.mat-mdc-form-field.mat-warn {
  --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-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-form-field-container-height:56px;
  --mat-form-field-filled-label-display:block;
  --mat-form-field-container-vertical-padding:16px;
  --mat-form-field-filled-with-label-container-padding-top:24px;
  --mat-form-field-filled-with-label-container-padding-bottom:8px;
}
html {
  --mdc-filled-text-field-label-text-font:Roboto, sans-serif;
  --mdc-filled-text-field-label-text-size:16px;
  --mdc-filled-text-field-label-text-tracking:0.03125em;
  --mdc-filled-text-field-label-text-weight:400;
}
html {
  --mdc-outlined-text-field-label-text-font:Roboto, sans-serif;
  --mdc-outlined-text-field-label-text-size:16px;
  --mdc-outlined-text-field-label-text-tracking:0.03125em;
  --mdc-outlined-text-field-label-text-weight:400;
}
html {
  --mat-form-field-container-text-font:Roboto, sans-serif;
  --mat-form-field-container-text-line-height:24px;
  --mat-form-field-container-text-size:16px;
  --mat-form-field-container-text-tracking:0.03125em;
  --mat-form-field-container-text-weight:400;
  --mat-form-field-outlined-label-text-populated-size:16px;
  --mat-form-field-subscript-text-font:Roboto, sans-serif;
  --mat-form-field-subscript-text-line-height:20px;
  --mat-form-field-subscript-text-size:12px;
  --mat-form-field-subscript-text-tracking:0.0333333333em;
  --mat-form-field-subscript-text-weight:400;
}
html {
  --mat-select-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-select-panel-background-color:#424242;
  --mat-select-enabled-trigger-text-color:rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color:rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color:rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color:rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color:rgba(123, 31, 162, 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:#424242;
  --mat-select-enabled-trigger-text-color:rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color:rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color:rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color:rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color:rgba(105, 240, 174, 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:#424242;
  --mat-select-enabled-trigger-text-color:rgba(255, 255, 255, 0.87);
  --mat-select-disabled-trigger-text-color:rgba(255, 255, 255, 0.38);
  --mat-select-placeholder-text-color:rgba(255, 255, 255, 0.6);
  --mat-select-enabled-arrow-color:rgba(255, 255, 255, 0.54);
  --mat-select-disabled-arrow-color:rgba(255, 255, 255, 0.38);
  --mat-select-focused-arrow-color:rgba(244, 67, 54, 0.87);
  --mat-select-invalid-arrow-color:rgba(244, 67, 54, 0.87);
}
html {
  --mat-select-arrow-transform:translateY(-8px);
}
html {
  --mat-select-trigger-text-font:Roboto, sans-serif;
  --mat-select-trigger-text-line-height:24px;
  --mat-select-trigger-text-size:16px;
  --mat-select-trigger-text-tracking:0.03125em;
  --mat-select-trigger-text-weight:400;
}
html {
  --mat-autocomplete-container-shape:4px;
  --mat-autocomplete-container-elevation-shadow:0px 5px 5px -3px rgba(0, 0, 0, 0.2),
    0px 8px 10px 1px rgba(0, 0, 0, 0.14),
    0px 3px 14px 2px rgba(0, 0, 0, 0.12);
}
html {
  --mat-autocomplete-background-color:#424242;
}
html {
  --mdc-dialog-container-shape:4px;
}
html {
  --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:#424242;
  --mdc-dialog-subhead-color:rgba(255, 255, 255, 0.87);
  --mdc-dialog-supporting-text-color:rgba(255, 255, 255, 0.6);
}
html {
  --mdc-dialog-subhead-font:Roboto, sans-serif;
  --mdc-dialog-subhead-line-height:32px;
  --mdc-dialog-subhead-size:20px;
  --mdc-dialog-subhead-weight:500;
  --mdc-dialog-subhead-tracking:0.0125em;
  --mdc-dialog-supporting-text-font:Roboto, sans-serif;
  --mdc-dialog-supporting-text-line-height:24px;
  --mdc-dialog-supporting-text-size:16px;
  --mdc-dialog-supporting-text-weight:400;
  --mdc-dialog-supporting-text-tracking:0.03125em;
}
.mat-mdc-standard-chip {
  --mdc-chip-container-shape-radius:16px;
  --mdc-chip-with-avatar-avatar-shape-radius:14px;
  --mdc-chip-with-avatar-avatar-size:28px;
  --mdc-chip-with-icon-icon-size:18px;
  --mdc-chip-outline-width:0;
  --mdc-chip-outline-color:transparent;
  --mdc-chip-disabled-outline-color:transparent;
  --mdc-chip-focus-outline-color:transparent;
  --mdc-chip-hover-state-layer-opacity:0.04;
  --mdc-chip-with-avatar-disabled-avatar-opacity:1;
  --mdc-chip-flat-selected-outline-width:0;
  --mdc-chip-selected-hover-state-layer-opacity:0.04;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-opacity:1;
  --mdc-chip-with-icon-disabled-icon-opacity:1;
}
.mat-mdc-standard-chip {
  --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:#fafafa;
  --mdc-chip-elevated-container-color:rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-selected-container-color:rgb(88.68, 88.68, 88.68);
  --mdc-chip-elevated-disabled-container-color:rgb(88.68, 88.68, 88.68);
  --mdc-chip-flat-disabled-selected-container-color:rgb(88.68, 88.68, 88.68);
  --mdc-chip-focus-state-layer-color:white;
  --mdc-chip-hover-state-layer-color:white;
  --mdc-chip-selected-hover-state-layer-color:white;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:white;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:#fafafa;
  --mdc-chip-selected-label-text-color:#fafafa;
  --mdc-chip-with-icon-icon-color:#fafafa;
  --mdc-chip-with-icon-disabled-icon-color:#fafafa;
  --mdc-chip-with-icon-selected-icon-color:#fafafa;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:#fafafa;
  --mdc-chip-with-trailing-icon-trailing-icon-color:#fafafa;
}
.mat-mdc-standard-chip {
  --mat-chip-selected-disabled-trailing-icon-color:#fafafa;
  --mat-chip-selected-trailing-icon-color:#fafafa;
}
.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:#7b1fa2;
  --mdc-chip-elevated-selected-container-color:#7b1fa2;
  --mdc-chip-elevated-disabled-container-color:#7b1fa2;
  --mdc-chip-flat-disabled-selected-container-color:#7b1fa2;
  --mdc-chip-focus-state-layer-color:white;
  --mdc-chip-hover-state-layer-color:white;
  --mdc-chip-selected-hover-state-layer-color:white;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:white;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mdc-chip-disabled-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-elevated-container-color:#69f0ae;
  --mdc-chip-elevated-selected-container-color:#69f0ae;
  --mdc-chip-elevated-disabled-container-color:#69f0ae;
  --mdc-chip-flat-disabled-selected-container-color:#69f0ae;
  --mdc-chip-focus-state-layer-color:white;
  --mdc-chip-hover-state-layer-color:white;
  --mdc-chip-selected-hover-state-layer-color:white;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:white;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-selected-label-text-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-disabled-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-icon-selected-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mdc-chip-with-trailing-icon-trailing-icon-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-selected-disabled-trailing-icon-color:rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mdc-chip-disabled-label-text-color:white;
  --mdc-chip-elevated-container-color:#f44336;
  --mdc-chip-elevated-selected-container-color:#f44336;
  --mdc-chip-elevated-disabled-container-color:#f44336;
  --mdc-chip-flat-disabled-selected-container-color:#f44336;
  --mdc-chip-focus-state-layer-color:white;
  --mdc-chip-hover-state-layer-color:white;
  --mdc-chip-selected-hover-state-layer-color:white;
  --mdc-chip-focus-state-layer-opacity:0.12;
  --mdc-chip-selected-focus-state-layer-color:white;
  --mdc-chip-selected-focus-state-layer-opacity:0.12;
  --mdc-chip-label-text-color:white;
  --mdc-chip-selected-label-text-color:white;
  --mdc-chip-with-icon-icon-color:white;
  --mdc-chip-with-icon-disabled-icon-color:white;
  --mdc-chip-with-icon-selected-icon-color:white;
  --mdc-chip-with-trailing-icon-disabled-trailing-icon-color:white;
  --mdc-chip-with-trailing-icon-trailing-icon-color:white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-warn,
.mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-warn {
  --mat-chip-selected-disabled-trailing-icon-color:white;
  --mat-chip-selected-trailing-icon-color:white;
}
.mat-mdc-chip.mat-mdc-standard-chip {
  --mdc-chip-container-height:32px;
}
.mat-mdc-standard-chip {
  --mdc-chip-label-text-font:Roboto, sans-serif;
  --mdc-chip-label-text-line-height:20px;
  --mdc-chip-label-text-size:14px;
  --mdc-chip-label-text-tracking:0.0178571429em;
  --mdc-chip-label-text-weight:400;
}
html {
  --mdc-switch-disabled-selected-icon-opacity:0.38;
  --mdc-switch-disabled-track-opacity:0.12;
  --mdc-switch-disabled-unselected-icon-opacity:0.38;
  --mdc-switch-handle-height:20px;
  --mdc-switch-handle-shape:10px;
  --mdc-switch-handle-width:20px;
  --mdc-switch-selected-icon-size:18px;
  --mdc-switch-track-height:14px;
  --mdc-switch-track-shape:7px;
  --mdc-switch-track-width:36px;
  --mdc-switch-unselected-icon-size:18px;
  --mdc-switch-selected-focus-state-layer-opacity:0.12;
  --mdc-switch-selected-hover-state-layer-opacity:0.04;
  --mdc-switch-selected-pressed-state-layer-opacity:0.1;
  --mdc-switch-unselected-focus-state-layer-opacity:0.12;
  --mdc-switch-unselected-hover-state-layer-opacity:0.04;
  --mdc-switch-unselected-pressed-state-layer-opacity:0.1;
}
html .mat-mdc-slide-toggle {
  --mat-switch-disabled-selected-handle-opacity:0.38;
  --mat-switch-disabled-unselected-handle-opacity:0.38;
  --mat-switch-unselected-handle-size:20px;
  --mat-switch-selected-handle-size:20px;
  --mat-switch-pressed-handle-size:20px;
  --mat-switch-with-icon-handle-size:20px;
  --mat-switch-selected-handle-horizontal-margin:0;
  --mat-switch-selected-with-icon-handle-horizontal-margin:0;
  --mat-switch-selected-pressed-handle-horizontal-margin:0;
  --mat-switch-unselected-handle-horizontal-margin:0;
  --mat-switch-unselected-with-icon-handle-horizontal-margin:0;
  --mat-switch-unselected-pressed-handle-horizontal-margin:0;
  --mat-switch-visible-track-opacity:1;
  --mat-switch-hidden-track-opacity:1;
  --mat-switch-visible-track-transition:transform 75ms 0ms cubic-bezier(0, 0, 0.2, 1);
  --mat-switch-hidden-track-transition:transform 75ms 0ms cubic-bezier(0.4, 0, 0.6, 1);
  --mat-switch-track-outline-width:1px;
  --mat-switch-track-outline-color:transparent;
  --mat-switch-selected-track-outline-width:1px;
  --mat-switch-selected-track-outline-color:transparent;
  --mat-switch-disabled-unselected-track-outline-width:1px;
  --mat-switch-disabled-unselected-track-outline-color:transparent;
}
html {
  --mdc-switch-selected-focus-state-layer-color:#ba68c8;
  --mdc-switch-selected-handle-color:#ba68c8;
  --mdc-switch-selected-hover-state-layer-color:#ba68c8;
  --mdc-switch-selected-pressed-state-layer-color:#ba68c8;
  --mdc-switch-selected-focus-handle-color:#ce93d8;
  --mdc-switch-selected-hover-handle-color:#ce93d8;
  --mdc-switch-selected-pressed-handle-color:#ce93d8;
  --mdc-switch-selected-focus-track-color:#8e24aa;
  --mdc-switch-selected-hover-track-color:#8e24aa;
  --mdc-switch-selected-pressed-track-color:#8e24aa;
  --mdc-switch-selected-track-color:#8e24aa;
  --mdc-switch-disabled-selected-handle-color:#000;
  --mdc-switch-disabled-selected-icon-color:#212121;
  --mdc-switch-disabled-selected-track-color:#f5f5f5;
  --mdc-switch-disabled-unselected-handle-color:#000;
  --mdc-switch-disabled-unselected-icon-color:#212121;
  --mdc-switch-disabled-unselected-track-color:#f5f5f5;
  --mdc-switch-handle-surface-color:#fff;
  --mdc-switch-selected-icon-color:#212121;
  --mdc-switch-unselected-focus-handle-color:#fafafa;
  --mdc-switch-unselected-focus-state-layer-color:#f5f5f5;
  --mdc-switch-unselected-focus-track-color:#616161;
  --mdc-switch-unselected-handle-color:#9e9e9e;
  --mdc-switch-unselected-hover-handle-color:#fafafa;
  --mdc-switch-unselected-hover-state-layer-color:#f5f5f5;
  --mdc-switch-unselected-hover-track-color:#616161;
  --mdc-switch-unselected-icon-color:#212121;
  --mdc-switch-unselected-pressed-handle-color:#fafafa;
  --mdc-switch-unselected-pressed-state-layer-color:#f5f5f5;
  --mdc-switch-unselected-pressed-track-color:#616161;
  --mdc-switch-unselected-track-color:#616161;
  --mdc-switch-handle-elevation-shadow:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mdc-switch-disabled-handle-elevation-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0.2),
    0px 0px 0px 0px rgba(0, 0, 0, 0.14),
    0px 0px 0px 0px rgba(0, 0, 0, 0.12);
}
html {
  --mdc-switch-disabled-label-text-color: rgba(255, 255, 255, 0.5);
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-color:white;
}
html .mat-mdc-slide-toggle.mat-accent {
  --mdc-switch-selected-focus-state-layer-color:#81c784;
  --mdc-switch-selected-handle-color:#81c784;
  --mdc-switch-selected-hover-state-layer-color:#81c784;
  --mdc-switch-selected-pressed-state-layer-color:#81c784;
  --mdc-switch-selected-focus-handle-color:#a5d6a7;
  --mdc-switch-selected-hover-handle-color:#a5d6a7;
  --mdc-switch-selected-pressed-handle-color:#a5d6a7;
  --mdc-switch-selected-focus-track-color:#43a047;
  --mdc-switch-selected-hover-track-color:#43a047;
  --mdc-switch-selected-pressed-track-color:#43a047;
  --mdc-switch-selected-track-color:#43a047;
}
html .mat-mdc-slide-toggle.mat-warn {
  --mdc-switch-selected-focus-state-layer-color:#e57373;
  --mdc-switch-selected-handle-color:#e57373;
  --mdc-switch-selected-hover-state-layer-color:#e57373;
  --mdc-switch-selected-pressed-state-layer-color:#e57373;
  --mdc-switch-selected-focus-handle-color:#ef9a9a;
  --mdc-switch-selected-hover-handle-color:#ef9a9a;
  --mdc-switch-selected-pressed-handle-color:#ef9a9a;
  --mdc-switch-selected-focus-track-color:#e53935;
  --mdc-switch-selected-hover-track-color:#e53935;
  --mdc-switch-selected-pressed-track-color:#e53935;
  --mdc-switch-selected-track-color:#e53935;
}
html {
  --mdc-switch-state-layer-size:40px;
}
html .mat-mdc-slide-toggle {
  --mat-switch-label-text-font:Roboto, sans-serif;
  --mat-switch-label-text-line-height:20px;
  --mat-switch-label-text-size:14px;
  --mat-switch-label-text-tracking:0.0178571429em;
  --mat-switch-label-text-weight:400;
}
html {
  --mdc-radio-disabled-selected-icon-opacity:0.38;
  --mdc-radio-disabled-unselected-icon-opacity:0.38;
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-radio-button.mat-primary {
  --mdc-radio-disabled-selected-icon-color:white;
  --mdc-radio-disabled-unselected-icon-color:white;
  --mdc-radio-unselected-hover-icon-color:#eeeeee;
  --mdc-radio-unselected-focus-icon-color:#eeeeee;
  --mdc-radio-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color:#7b1fa2;
  --mdc-radio-selected-hover-icon-color:#7b1fa2;
  --mdc-radio-selected-icon-color:#7b1fa2;
  --mdc-radio-selected-pressed-icon-color:#7b1fa2;
}
.mat-mdc-radio-button.mat-primary {
  --mat-radio-ripple-color:white;
  --mat-radio-checked-ripple-color:#7b1fa2;
  --mat-radio-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color:white;
}
.mat-mdc-radio-button.mat-accent {
  --mdc-radio-disabled-selected-icon-color:white;
  --mdc-radio-disabled-unselected-icon-color:white;
  --mdc-radio-unselected-hover-icon-color:#eeeeee;
  --mdc-radio-unselected-focus-icon-color:#eeeeee;
  --mdc-radio-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color:#69f0ae;
  --mdc-radio-selected-hover-icon-color:#69f0ae;
  --mdc-radio-selected-icon-color:#69f0ae;
  --mdc-radio-selected-pressed-icon-color:#69f0ae;
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-ripple-color:white;
  --mat-radio-checked-ripple-color:#69f0ae;
  --mat-radio-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color:white;
}
.mat-mdc-radio-button.mat-warn {
  --mdc-radio-disabled-selected-icon-color:white;
  --mdc-radio-disabled-unselected-icon-color:white;
  --mdc-radio-unselected-hover-icon-color:#eeeeee;
  --mdc-radio-unselected-focus-icon-color:#eeeeee;
  --mdc-radio-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color:#f44336;
  --mdc-radio-selected-hover-icon-color:#f44336;
  --mdc-radio-selected-icon-color:#f44336;
  --mdc-radio-selected-pressed-icon-color:#f44336;
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-ripple-color:white;
  --mat-radio-checked-ripple-color:#f44336;
  --mat-radio-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-radio-label-text-color:white;
}
html {
  --mdc-radio-state-layer-size:40px;
}
html {
  --mat-radio-touch-target-display:block;
}
html {
  --mat-radio-label-text-font:Roboto, sans-serif;
  --mat-radio-label-text-line-height:20px;
  --mat-radio-label-text-size:14px;
  --mat-radio-label-text-tracking:0.0178571429em;
  --mat-radio-label-text-weight:400;
}
html {
  --mdc-slider-active-track-height:6px;
  --mdc-slider-active-track-shape:9999px;
  --mdc-slider-handle-height:20px;
  --mdc-slider-handle-shape:50%;
  --mdc-slider-handle-width:20px;
  --mdc-slider-inactive-track-height:4px;
  --mdc-slider-inactive-track-shape:9999px;
  --mdc-slider-with-overlap-handle-outline-width:1px;
  --mdc-slider-with-tick-marks-active-container-opacity:0.6;
  --mdc-slider-with-tick-marks-container-shape:50%;
  --mdc-slider-with-tick-marks-container-size:2px;
  --mdc-slider-with-tick-marks-inactive-container-opacity:0.6;
  --mdc-slider-handle-elevation:0px 2px 1px -1px rgba(0, 0, 0, 0.2),
    0px 1px 1px 0px rgba(0, 0, 0, 0.14),
    0px 1px 3px 0px rgba(0, 0, 0, 0.12);
}
html {
  --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:#7b1fa2;
  --mdc-slider-focus-handle-color:#7b1fa2;
  --mdc-slider-hover-handle-color:#7b1fa2;
  --mdc-slider-active-track-color:#7b1fa2;
  --mdc-slider-inactive-track-color:#7b1fa2;
  --mdc-slider-with-tick-marks-inactive-container-color:#7b1fa2;
  --mdc-slider-with-tick-marks-active-container-color:white;
  --mdc-slider-disabled-active-track-color:#fff;
  --mdc-slider-disabled-handle-color:#fff;
  --mdc-slider-disabled-inactive-track-color:#fff;
  --mdc-slider-label-container-color:#fff;
  --mdc-slider-label-label-text-color:#000;
  --mdc-slider-with-overlap-handle-outline-color:#fff;
  --mdc-slider-with-tick-marks-disabled-container-color:#fff;
}
html {
  --mat-slider-ripple-color:#7b1fa2;
  --mat-slider-hover-state-layer-color:rgba(123, 31, 162, 0.05);
  --mat-slider-focus-state-layer-color:rgba(123, 31, 162, 0.2);
  --mat-slider-value-indicator-opacity:0.9;
}
html .mat-accent {
  --mdc-slider-handle-color:#69f0ae;
  --mdc-slider-focus-handle-color:#69f0ae;
  --mdc-slider-hover-handle-color:#69f0ae;
  --mdc-slider-active-track-color:#69f0ae;
  --mdc-slider-inactive-track-color:#69f0ae;
  --mdc-slider-with-tick-marks-inactive-container-color:#69f0ae;
  --mdc-slider-with-tick-marks-active-container-color:rgba(0, 0, 0, 0.87);
}
html .mat-accent {
  --mat-slider-ripple-color:#69f0ae;
  --mat-slider-hover-state-layer-color:rgba(105, 240, 174, 0.05);
  --mat-slider-focus-state-layer-color:rgba(105, 240, 174, 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;
}
html .mat-warn {
  --mat-slider-ripple-color:#f44336;
  --mat-slider-hover-state-layer-color:rgba(244, 67, 54, 0.05);
  --mat-slider-focus-state-layer-color:rgba(244, 67, 54, 0.2);
}
html {
  --mdc-slider-label-label-text-font:Roboto, sans-serif;
  --mdc-slider-label-label-text-size:14px;
  --mdc-slider-label-label-text-line-height:22px;
  --mdc-slider-label-label-text-tracking:0.0071428571em;
  --mdc-slider-label-label-text-weight:500;
}
html {
  --mat-menu-container-shape:4px;
  --mat-menu-divider-bottom-spacing:0;
  --mat-menu-divider-top-spacing:0;
  --mat-menu-item-spacing:16px;
  --mat-menu-item-icon-size:24px;
  --mat-menu-item-leading-spacing:16px;
  --mat-menu-item-trailing-spacing:16px;
  --mat-menu-item-with-icon-leading-spacing:16px;
  --mat-menu-item-with-icon-trailing-spacing:16px;
  --mat-menu-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-menu-item-label-text-color:white;
  --mat-menu-item-icon-color:white;
  --mat-menu-item-hover-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-menu-item-focus-state-layer-color:rgba(255, 255, 255, 0.08);
  --mat-menu-container-color:#424242;
  --mat-menu-divider-color:rgba(255, 255, 255, 0.12);
}
html {
  --mat-menu-item-label-text-font:Roboto, sans-serif;
  --mat-menu-item-label-text-size:16px;
  --mat-menu-item-label-text-tracking:0.03125em;
  --mat-menu-item-label-text-line-height:24px;
  --mat-menu-item-label-text-weight:400;
}
html {
  --mdc-list-list-item-container-shape:0;
  --mdc-list-list-item-leading-avatar-shape:50%;
  --mdc-list-list-item-container-color:transparent;
  --mdc-list-list-item-selected-container-color:transparent;
  --mdc-list-list-item-leading-avatar-color:transparent;
  --mdc-list-list-item-leading-icon-size:24px;
  --mdc-list-list-item-leading-avatar-size:40px;
  --mdc-list-list-item-trailing-icon-size:24px;
  --mdc-list-list-item-disabled-state-layer-color:transparent;
  --mdc-list-list-item-disabled-state-layer-opacity:0;
  --mdc-list-list-item-disabled-label-text-opacity:0.38;
  --mdc-list-list-item-disabled-leading-icon-opacity:0.38;
  --mdc-list-list-item-disabled-trailing-icon-opacity:0.38;
}
html {
  --mat-list-active-indicator-color:transparent;
  --mat-list-active-indicator-shape:4px;
}
html {
  --mdc-list-list-item-label-text-color:white;
  --mdc-list-list-item-supporting-text-color:rgba(255, 255, 255, 0.7);
  --mdc-list-list-item-leading-icon-color:rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-supporting-text-color:rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-trailing-icon-color:rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-selected-trailing-icon-color:rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-disabled-label-text-color:white;
  --mdc-list-list-item-disabled-leading-icon-color:white;
  --mdc-list-list-item-disabled-trailing-icon-color:white;
  --mdc-list-list-item-hover-label-text-color:white;
  --mdc-list-list-item-hover-leading-icon-color:rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-hover-trailing-icon-color:rgba(255, 255, 255, 0.5);
  --mdc-list-list-item-focus-label-text-color:white;
  --mdc-list-list-item-hover-state-layer-color:white;
  --mdc-list-list-item-hover-state-layer-opacity:0.08;
  --mdc-list-list-item-focus-state-layer-color:white;
  --mdc-list-list-item-focus-state-layer-opacity:0.24;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:white;
  --mdc-radio-disabled-unselected-icon-color:white;
  --mdc-radio-unselected-hover-icon-color:#eeeeee;
  --mdc-radio-unselected-focus-icon-color:#eeeeee;
  --mdc-radio-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color:#7b1fa2;
  --mdc-radio-selected-hover-icon-color:#7b1fa2;
  --mdc-radio-selected-icon-color:#7b1fa2;
  --mdc-radio-selected-pressed-icon-color:#7b1fa2;
}
.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:white;
  --mdc-radio-disabled-unselected-icon-color:white;
  --mdc-radio-unselected-hover-icon-color:#eeeeee;
  --mdc-radio-unselected-focus-icon-color:#eeeeee;
  --mdc-radio-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color:#69f0ae;
  --mdc-radio-selected-hover-icon-color:#69f0ae;
  --mdc-radio-selected-icon-color:#69f0ae;
  --mdc-radio-selected-pressed-icon-color:#69f0ae;
}
.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mdc-radio-disabled-selected-icon-color:white;
  --mdc-radio-disabled-unselected-icon-color:white;
  --mdc-radio-unselected-hover-icon-color:#eeeeee;
  --mdc-radio-unselected-focus-icon-color:#eeeeee;
  --mdc-radio-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-unselected-pressed-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-radio-selected-focus-icon-color:#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(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#7b1fa2;
  --mdc-checkbox-selected-hover-icon-color:#7b1fa2;
  --mdc-checkbox-selected-icon-color:#7b1fa2;
  --mdc-checkbox-selected-pressed-icon-color:#7b1fa2;
  --mdc-checkbox-unselected-focus-icon-color:#eeeeee;
  --mdc-checkbox-unselected-hover-icon-color:#eeeeee;
  --mdc-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#7b1fa2;
  --mdc-checkbox-selected-hover-state-layer-color:#7b1fa2;
  --mdc-checkbox-selected-pressed-state-layer-color:#7b1fa2;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
.mat-mdc-list-option.mat-accent {
  --mdc-checkbox-disabled-selected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#69f0ae;
  --mdc-checkbox-selected-hover-icon-color:#69f0ae;
  --mdc-checkbox-selected-icon-color:#69f0ae;
  --mdc-checkbox-selected-pressed-icon-color:#69f0ae;
  --mdc-checkbox-unselected-focus-icon-color:#eeeeee;
  --mdc-checkbox-unselected-hover-icon-color:#eeeeee;
  --mdc-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#69f0ae;
  --mdc-checkbox-selected-hover-state-layer-color:#69f0ae;
  --mdc-checkbox-selected-pressed-state-layer-color:#69f0ae;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
.mat-mdc-list-option.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#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:#eeeeee;
  --mdc-checkbox-unselected-hover-icon-color:#eeeeee;
  --mdc-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
.mat-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: #7b1fa2;
}
.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;
}
html {
  --mat-list-list-item-leading-icon-start-space:16px;
  --mat-list-list-item-leading-icon-end-space:32px;
}
.mdc-list-item__start,
.mdc-list-item__end {
  --mdc-radio-state-layer-size:40px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-one-line,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-one-line {
  height: 56px;
}
.mat-mdc-list-item.mdc-list-item--with-leading-avatar.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-checkbox.mdc-list-item--with-two-lines,
.mat-mdc-list-item.mdc-list-item--with-leading-icon.mdc-list-item--with-two-lines {
  height: 72px;
}
html {
  --mdc-list-list-item-label-text-font:Roboto, sans-serif;
  --mdc-list-list-item-label-text-line-height:24px;
  --mdc-list-list-item-label-text-size:16px;
  --mdc-list-list-item-label-text-tracking:0.03125em;
  --mdc-list-list-item-label-text-weight:400;
  --mdc-list-list-item-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-supporting-text-line-height:20px;
  --mdc-list-list-item-supporting-text-size:14px;
  --mdc-list-list-item-supporting-text-tracking:0.0178571429em;
  --mdc-list-list-item-supporting-text-weight:400;
  --mdc-list-list-item-trailing-supporting-text-font:Roboto, sans-serif;
  --mdc-list-list-item-trailing-supporting-text-line-height:20px;
  --mdc-list-list-item-trailing-supporting-text-size:12px;
  --mdc-list-list-item-trailing-supporting-text-tracking:0.0333333333em;
  --mdc-list-list-item-trailing-supporting-text-weight:400;
}
.mdc-list-group__subheader {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
}
html {
  --mat-paginator-container-text-color:rgba(255, 255, 255, 0.87);
  --mat-paginator-container-background-color:#424242;
  --mat-paginator-enabled-icon-color:rgba(255, 255, 255, 0.54);
  --mat-paginator-disabled-icon-color:rgba(255, 255, 255, 0.12);
}
html {
  --mat-paginator-container-size:56px;
  --mat-paginator-form-field-container-height:40px;
  --mat-paginator-form-field-container-vertical-padding:8px;
  --mat-paginator-touch-target-display:block;
}
html {
  --mat-paginator-container-text-font:Roboto, sans-serif;
  --mat-paginator-container-text-line-height:20px;
  --mat-paginator-container-text-size:12px;
  --mat-paginator-container-text-tracking:0.0333333333em;
  --mat-paginator-container-text-weight:400;
  --mat-paginator-select-trigger-text-size:12px;
}
html {
  --mdc-secondary-navigation-tab-container-height:48px;
}
html {
  --mdc-tab-indicator-active-indicator-height:2px;
  --mdc-tab-indicator-active-indicator-shape:0;
}
html {
  --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:#7b1fa2;
}
.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-header-disabled-ripple-color:rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color:white;
  --mat-tab-header-inactive-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color:#7b1fa2;
  --mat-tab-header-active-ripple-color:#7b1fa2;
  --mat-tab-header-inactive-ripple-color:#7b1fa2;
  --mat-tab-header-inactive-focus-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color:#7b1fa2;
  --mat-tab-header-active-hover-label-text-color:#7b1fa2;
  --mat-tab-header-active-focus-indicator-color:#7b1fa2;
  --mat-tab-header-active-hover-indicator-color:#7b1fa2;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mdc-tab-indicator-active-indicator-color:#69f0ae;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-header-disabled-ripple-color:rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color:white;
  --mat-tab-header-inactive-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color:#69f0ae;
  --mat-tab-header-active-ripple-color:#69f0ae;
  --mat-tab-header-inactive-ripple-color:#69f0ae;
  --mat-tab-header-inactive-focus-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color:#69f0ae;
  --mat-tab-header-active-hover-label-text-color:#69f0ae;
  --mat-tab-header-active-focus-indicator-color:#69f0ae;
  --mat-tab-header-active-hover-indicator-color:#69f0ae;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mdc-tab-indicator-active-indicator-color:#f44336;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-header-disabled-ripple-color:rgba(255, 255, 255, 0.5);
  --mat-tab-header-pagination-icon-color:white;
  --mat-tab-header-inactive-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-label-text-color:#f44336;
  --mat-tab-header-active-ripple-color:#f44336;
  --mat-tab-header-inactive-ripple-color:#f44336;
  --mat-tab-header-inactive-focus-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-inactive-hover-label-text-color:rgba(255, 255, 255, 0.6);
  --mat-tab-header-active-focus-label-text-color:#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:#7b1fa2;
  --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:#69f0ae;
  --mat-tab-header-with-background-foreground-color:rgba(0, 0, 0, 0.87);
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-header-with-background-background-color:#f44336;
  --mat-tab-header-with-background-foreground-color:white;
}
.mat-mdc-tab-header {
  --mdc-secondary-navigation-tab-container-height:48px;
}
.mat-mdc-tab-header {
  --mat-tab-header-label-text-font:Roboto, sans-serif;
  --mat-tab-header-label-text-size:14px;
  --mat-tab-header-label-text-tracking:0.0892857143em;
  --mat-tab-header-label-text-line-height:36px;
  --mat-tab-header-label-text-weight:500;
}
html {
  --mdc-checkbox-disabled-selected-checkmark-color:#fff;
  --mdc-checkbox-selected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-selected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-selected-pressed-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-focus-state-layer-opacity:0.16;
  --mdc-checkbox-unselected-hover-state-layer-opacity:0.04;
  --mdc-checkbox-unselected-pressed-state-layer-opacity:0.16;
}
html {
  --mdc-checkbox-disabled-selected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:black;
  --mdc-checkbox-selected-focus-icon-color:#69f0ae;
  --mdc-checkbox-selected-hover-icon-color:#69f0ae;
  --mdc-checkbox-selected-icon-color:#69f0ae;
  --mdc-checkbox-selected-pressed-icon-color:#69f0ae;
  --mdc-checkbox-unselected-focus-icon-color:#eeeeee;
  --mdc-checkbox-unselected-hover-icon-color:#eeeeee;
  --mdc-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#69f0ae;
  --mdc-checkbox-selected-hover-state-layer-color:#69f0ae;
  --mdc-checkbox-selected-pressed-state-layer-color:#69f0ae;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
html {
  --mat-checkbox-disabled-label-color:rgba(255, 255, 255, 0.5);
  --mat-checkbox-label-text-color:white;
}
.mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-disabled-selected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#7b1fa2;
  --mdc-checkbox-selected-hover-icon-color:#7b1fa2;
  --mdc-checkbox-selected-icon-color:#7b1fa2;
  --mdc-checkbox-selected-pressed-icon-color:#7b1fa2;
  --mdc-checkbox-unselected-focus-icon-color:#eeeeee;
  --mdc-checkbox-unselected-hover-icon-color:#eeeeee;
  --mdc-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#7b1fa2;
  --mdc-checkbox-selected-hover-state-layer-color:#7b1fa2;
  --mdc-checkbox-selected-pressed-state-layer-color:#7b1fa2;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
.mat-mdc-checkbox.mat-warn {
  --mdc-checkbox-disabled-selected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-disabled-unselected-icon-color:rgba(255, 255, 255, 0.38);
  --mdc-checkbox-selected-checkmark-color:white;
  --mdc-checkbox-selected-focus-icon-color:#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:#eeeeee;
  --mdc-checkbox-unselected-hover-icon-color:#eeeeee;
  --mdc-checkbox-unselected-icon-color:rgba(255, 255, 255, 0.54);
  --mdc-checkbox-selected-focus-state-layer-color:#f44336;
  --mdc-checkbox-selected-hover-state-layer-color:#f44336;
  --mdc-checkbox-selected-pressed-state-layer-color:#f44336;
  --mdc-checkbox-unselected-focus-state-layer-color:white;
  --mdc-checkbox-unselected-hover-state-layer-color:white;
  --mdc-checkbox-unselected-pressed-state-layer-color:white;
}
html {
  --mdc-checkbox-state-layer-size:40px;
}
html {
  --mat-checkbox-touch-target-display:block;
}
html {
  --mat-checkbox-label-text-font:Roboto, sans-serif;
  --mat-checkbox-label-text-line-height:20px;
  --mat-checkbox-label-text-size:14px;
  --mat-checkbox-label-text-tracking:0.0178571429em;
  --mat-checkbox-label-text-weight:400;
}
html {
  --mdc-text-button-container-shape:4px;
  --mdc-text-button-keep-touch-target:false;
}
html {
  --mdc-filled-button-container-shape:4px;
  --mdc-filled-button-keep-touch-target:false;
}
html {
  --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);
}
html {
  --mdc-outlined-button-keep-touch-target:false;
  --mdc-outlined-button-outline-width:1px;
  --mdc-outlined-button-container-shape:4px;
}
html {
  --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;
}
html {
  --mat-filled-button-horizontal-padding:16px;
  --mat-filled-button-icon-spacing:8px;
  --mat-filled-button-icon-offset:-4px;
}
html {
  --mat-protected-button-horizontal-padding:16px;
  --mat-protected-button-icon-spacing:8px;
  --mat-protected-button-icon-offset:-4px;
}
html {
  --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:white;
  --mdc-text-button-disabled-label-text-color:rgba(255, 255, 255, 0.5);
}
html {
  --mat-text-button-state-layer-color:white;
  --mat-text-button-disabled-state-layer-color:white;
  --mat-text-button-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-text-button-hover-state-layer-opacity:0.08;
  --mat-text-button-focus-state-layer-opacity:0.24;
  --mat-text-button-pressed-state-layer-opacity:0.24;
}
html {
  --mdc-filled-button-container-color:#424242;
  --mdc-filled-button-label-text-color:white;
  --mdc-filled-button-disabled-container-color:rgba(255, 255, 255, 0.12);
  --mdc-filled-button-disabled-label-text-color:rgba(255, 255, 255, 0.5);
}
html {
  --mat-filled-button-state-layer-color:white;
  --mat-filled-button-disabled-state-layer-color:white;
  --mat-filled-button-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-filled-button-hover-state-layer-opacity:0.08;
  --mat-filled-button-focus-state-layer-opacity:0.24;
  --mat-filled-button-pressed-state-layer-opacity:0.24;
}
html {
  --mdc-protected-button-container-color:#424242;
  --mdc-protected-button-label-text-color:white;
  --mdc-protected-button-disabled-container-color:rgba(255, 255, 255, 0.12);
  --mdc-protected-button-disabled-label-text-color:rgba(255, 255, 255, 0.5);
}
html {
  --mat-protected-button-state-layer-color:white;
  --mat-protected-button-disabled-state-layer-color:white;
  --mat-protected-button-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-protected-button-hover-state-layer-opacity:0.08;
  --mat-protected-button-focus-state-layer-opacity:0.24;
  --mat-protected-button-pressed-state-layer-opacity:0.24;
}
html {
  --mdc-outlined-button-disabled-outline-color:rgba(255, 255, 255, 0.12);
  --mdc-outlined-button-disabled-label-text-color:rgba(255, 255, 255, 0.5);
  --mdc-outlined-button-label-text-color:white;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
}
html {
  --mat-outlined-button-state-layer-color:white;
  --mat-outlined-button-disabled-state-layer-color:white;
  --mat-outlined-button-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-outlined-button-hover-state-layer-opacity:0.08;
  --mat-outlined-button-focus-state-layer-opacity:0.24;
  --mat-outlined-button-pressed-state-layer-opacity:0.24;
}
.mat-mdc-button.mat-primary {
  --mdc-text-button-label-text-color:#7b1fa2;
}
.mat-mdc-button.mat-primary {
  --mat-text-button-state-layer-color:#7b1fa2;
  --mat-text-button-ripple-color:rgba(123, 31, 162, 0.1);
}
.mat-mdc-button.mat-accent {
  --mdc-text-button-label-text-color:#69f0ae;
}
.mat-mdc-button.mat-accent {
  --mat-text-button-state-layer-color:#69f0ae;
  --mat-text-button-ripple-color:rgba(105, 240, 174, 0.1);
}
.mat-mdc-button.mat-warn {
  --mdc-text-button-label-text-color:#f44336;
}
.mat-mdc-button.mat-warn {
  --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:#7b1fa2;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-primary {
  --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:#69f0ae;
  --mdc-filled-button-label-text-color:black;
}
.mat-mdc-unelevated-button.mat-accent {
  --mat-filled-button-state-layer-color:black;
  --mat-filled-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-unelevated-button.mat-warn {
  --mdc-filled-button-container-color:#f44336;
  --mdc-filled-button-label-text-color:white;
}
.mat-mdc-unelevated-button.mat-warn {
  --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:#7b1fa2;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-primary {
  --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:#69f0ae;
  --mdc-protected-button-label-text-color:black;
}
.mat-mdc-raised-button.mat-accent {
  --mat-protected-button-state-layer-color:black;
  --mat-protected-button-ripple-color:rgba(0, 0, 0, 0.1);
}
.mat-mdc-raised-button.mat-warn {
  --mdc-protected-button-container-color:#f44336;
  --mdc-protected-button-label-text-color:white;
}
.mat-mdc-raised-button.mat-warn {
  --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:#7b1fa2;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
}
.mat-mdc-outlined-button.mat-primary {
  --mat-outlined-button-state-layer-color:#7b1fa2;
  --mat-outlined-button-ripple-color:rgba(123, 31, 162, 0.1);
}
.mat-mdc-outlined-button.mat-accent {
  --mdc-outlined-button-label-text-color:#69f0ae;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
}
.mat-mdc-outlined-button.mat-accent {
  --mat-outlined-button-state-layer-color:#69f0ae;
  --mat-outlined-button-ripple-color:rgba(105, 240, 174, 0.1);
}
.mat-mdc-outlined-button.mat-warn {
  --mdc-outlined-button-label-text-color:#f44336;
  --mdc-outlined-button-outline-color:rgba(255, 255, 255, 0.12);
}
.mat-mdc-outlined-button.mat-warn {
  --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;
}
html {
  --mdc-filled-button-container-height:36px;
}
html {
  --mdc-protected-button-container-height:36px;
}
html {
  --mdc-outlined-button-container-height:36px;
}
html {
  --mat-text-button-touch-target-display:block;
}
html {
  --mat-filled-button-touch-target-display:block;
}
html {
  --mat-protected-button-touch-target-display:block;
}
html {
  --mat-outlined-button-touch-target-display:block;
}
html {
  --mdc-text-button-label-text-font:Roboto, sans-serif;
  --mdc-text-button-label-text-size:14px;
  --mdc-text-button-label-text-tracking:0.0892857143em;
  --mdc-text-button-label-text-weight:500;
  --mdc-text-button-label-text-transform:none;
}
html {
  --mdc-filled-button-label-text-font:Roboto, sans-serif;
  --mdc-filled-button-label-text-size:14px;
  --mdc-filled-button-label-text-tracking:0.0892857143em;
  --mdc-filled-button-label-text-weight:500;
  --mdc-filled-button-label-text-transform:none;
}
html {
  --mdc-protected-button-label-text-font:Roboto, sans-serif;
  --mdc-protected-button-label-text-size:14px;
  --mdc-protected-button-label-text-tracking:0.0892857143em;
  --mdc-protected-button-label-text-weight:500;
  --mdc-protected-button-label-text-transform:none;
}
html {
  --mdc-outlined-button-label-text-font:Roboto, sans-serif;
  --mdc-outlined-button-label-text-size:14px;
  --mdc-outlined-button-label-text-tracking:0.0892857143em;
  --mdc-outlined-button-label-text-weight:500;
  --mdc-outlined-button-label-text-transform:none;
}
html {
  --mdc-icon-button-icon-size:24px;
}
html {
  --mdc-icon-button-icon-color:inherit;
  --mdc-icon-button-disabled-icon-color:rgba(255, 255, 255, 0.5);
}
html {
  --mat-icon-button-state-layer-color:white;
  --mat-icon-button-disabled-state-layer-color:white;
  --mat-icon-button-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-icon-button-hover-state-layer-opacity:0.08;
  --mat-icon-button-focus-state-layer-opacity:0.24;
  --mat-icon-button-pressed-state-layer-opacity:0.24;
}
html .mat-mdc-icon-button.mat-primary {
  --mdc-icon-button-icon-color:#7b1fa2;
}
html .mat-mdc-icon-button.mat-primary {
  --mat-icon-button-state-layer-color:#7b1fa2;
  --mat-icon-button-ripple-color:rgba(123, 31, 162, 0.1);
}
html .mat-mdc-icon-button.mat-accent {
  --mdc-icon-button-icon-color:#69f0ae;
}
html .mat-mdc-icon-button.mat-accent {
  --mat-icon-button-state-layer-color:#69f0ae;
  --mat-icon-button-ripple-color:rgba(105, 240, 174, 0.1);
}
html .mat-mdc-icon-button.mat-warn {
  --mdc-icon-button-icon-color:#f44336;
}
html .mat-mdc-icon-button.mat-warn {
  --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);
}
html {
  --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);
}
html {
  --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:#424242;
}
html {
  --mat-fab-foreground-color:white;
  --mat-fab-state-layer-color:white;
  --mat-fab-disabled-state-layer-color:white;
  --mat-fab-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-fab-hover-state-layer-opacity:0.08;
  --mat-fab-focus-state-layer-opacity:0.24;
  --mat-fab-pressed-state-layer-opacity:0.24;
  --mat-fab-disabled-state-container-color:rgba(255, 255, 255, 0.12);
  --mat-fab-disabled-state-foreground-color:rgba(255, 255, 255, 0.5);
}
html {
  --mdc-fab-small-container-color:#424242;
}
html {
  --mat-fab-small-foreground-color:white;
  --mat-fab-small-state-layer-color:white;
  --mat-fab-small-disabled-state-layer-color:white;
  --mat-fab-small-ripple-color:rgba(255, 255, 255, 0.1);
  --mat-fab-small-hover-state-layer-opacity:0.08;
  --mat-fab-small-focus-state-layer-opacity:0.24;
  --mat-fab-small-pressed-state-layer-opacity:0.24;
  --mat-fab-small-disabled-state-container-color:rgba(255, 255, 255, 0.12);
  --mat-fab-small-disabled-state-foreground-color:rgba(255, 255, 255, 0.5);
}
html .mat-mdc-fab.mat-primary {
  --mdc-fab-container-color:#7b1fa2;
}
html .mat-mdc-fab.mat-primary {
  --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:#69f0ae;
}
html .mat-mdc-fab.mat-accent {
  --mat-fab-foreground-color:black;
  --mat-fab-state-layer-color:black;
  --mat-fab-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-fab.mat-warn {
  --mdc-fab-container-color:#f44336;
}
html .mat-mdc-fab.mat-warn {
  --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:#7b1fa2;
}
html .mat-mdc-mini-fab.mat-primary {
  --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:#69f0ae;
}
html .mat-mdc-mini-fab.mat-accent {
  --mat-fab-small-foreground-color:black;
  --mat-fab-small-state-layer-color:black;
  --mat-fab-small-ripple-color:rgba(0, 0, 0, 0.1);
}
html .mat-mdc-mini-fab.mat-warn {
  --mdc-fab-small-container-color:#f44336;
}
html .mat-mdc-mini-fab.mat-warn {
  --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;
}
html {
  --mat-fab-small-touch-target-display:block;
}
html {
  --mdc-extended-fab-label-text-font:Roboto, sans-serif;
  --mdc-extended-fab-label-text-size:14px;
  --mdc-extended-fab-label-text-tracking:0.0892857143em;
  --mdc-extended-fab-label-text-weight:500;
}
html {
  --mdc-snackbar-container-shape:4px;
}
html {
  --mdc-snackbar-container-color:rgb(217.2, 217.2, 217.2);
  --mdc-snackbar-supporting-text-color:rgba(66, 66, 66, 0.87);
}
html {
  --mat-snack-bar-button-color:#9c27b0;
}
html {
  --mdc-snackbar-supporting-text-font:Roboto, sans-serif;
  --mdc-snackbar-supporting-text-line-height:20px;
  --mdc-snackbar-supporting-text-size:14px;
  --mdc-snackbar-supporting-text-weight:400;
}
html {
  --mat-table-row-item-outline-width:1px;
}
html {
  --mat-table-background-color:#424242;
  --mat-table-header-headline-color:white;
  --mat-table-row-item-label-text-color:white;
  --mat-table-row-item-outline-color:rgba(255, 255, 255, 0.12);
}
html {
  --mat-table-header-container-height:56px;
  --mat-table-footer-container-height:52px;
  --mat-table-row-item-container-height:52px;
}
html {
  --mat-table-header-headline-font:Roboto, sans-serif;
  --mat-table-header-headline-line-height:22px;
  --mat-table-header-headline-size:14px;
  --mat-table-header-headline-weight:500;
  --mat-table-header-headline-tracking:0.0071428571em;
  --mat-table-row-item-label-text-font:Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height:20px;
  --mat-table-row-item-label-text-size:14px;
  --mat-table-row-item-label-text-weight:400;
  --mat-table-row-item-label-text-tracking:0.0178571429em;
  --mat-table-footer-supporting-text-font:Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height:20px;
  --mat-table-footer-supporting-text-size:14px;
  --mat-table-footer-supporting-text-weight:400;
  --mat-table-footer-supporting-text-tracking:0.0178571429em;
}
html {
  --mdc-circular-progress-active-indicator-width:4px;
  --mdc-circular-progress-size:48px;
}
html {
  --mdc-circular-progress-active-indicator-color:#7b1fa2;
}
html .mat-accent {
  --mdc-circular-progress-active-indicator-color:#69f0ae;
}
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:#7b1fa2;
  --mat-badge-text-color:white;
  --mat-badge-disabled-state-background-color:rgb(110.1, 110.1, 110.1);
  --mat-badge-disabled-state-text-color:rgba(255, 255, 255, 0.5);
}
.mat-badge-accent {
  --mat-badge-background-color:#69f0ae;
  --mat-badge-text-color:rgba(0, 0, 0, 0.87);
}
.mat-badge-warn {
  --mat-badge-background-color:#f44336;
  --mat-badge-text-color:white;
}
html {
  --mat-badge-text-font:Roboto, sans-serif;
  --mat-badge-line-height:22px;
  --mat-badge-text-size:12px;
  --mat-badge-text-weight:600;
  --mat-badge-small-size-text-size:9px;
  --mat-badge-small-size-line-height:16px;
  --mat-badge-large-size-text-size:24px;
  --mat-badge-large-size-line-height:28px;
}
html {
  --mat-bottom-sheet-container-shape:4px;
}
html {
  --mat-bottom-sheet-container-text-color:white;
  --mat-bottom-sheet-container-background-color:#424242;
}
html {
  --mat-bottom-sheet-container-text-font:Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height:20px;
  --mat-bottom-sheet-container-text-size:14px;
  --mat-bottom-sheet-container-text-tracking:0.0178571429em;
  --mat-bottom-sheet-container-text-weight:400;
}
html {
  --mat-legacy-button-toggle-height:36px;
  --mat-legacy-button-toggle-shape:2px;
  --mat-legacy-button-toggle-focus-state-layer-opacity:1;
}
html {
  --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(255, 255, 255, 0.5);
  --mat-legacy-button-toggle-state-layer-color:rgba(255, 255, 255, 0.12);
  --mat-legacy-button-toggle-selected-state-text-color:rgba(255, 255, 255, 0.7);
  --mat-legacy-button-toggle-selected-state-background-color:#212121;
  --mat-legacy-button-toggle-disabled-state-text-color:rgba(255, 255, 255, 0.3);
  --mat-legacy-button-toggle-disabled-state-background-color:black;
  --mat-legacy-button-toggle-disabled-selected-state-background-color:#424242;
}
html {
  --mat-standard-button-toggle-text-color:white;
  --mat-standard-button-toggle-background-color:#424242;
  --mat-standard-button-toggle-state-layer-color:white;
  --mat-standard-button-toggle-selected-state-background-color:#212121;
  --mat-standard-button-toggle-selected-state-text-color:white;
  --mat-standard-button-toggle-disabled-state-text-color:rgba(255, 255, 255, 0.3);
  --mat-standard-button-toggle-disabled-state-background-color:#424242;
  --mat-standard-button-toggle-disabled-selected-state-text-color:white;
  --mat-standard-button-toggle-disabled-selected-state-background-color:#424242;
  --mat-standard-button-toggle-divider-color:rgb(88.68, 88.68, 88.68);
}
html {
  --mat-standard-button-toggle-height:48px;
}
html {
  --mat-legacy-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-legacy-button-toggle-label-text-line-height:24px;
  --mat-legacy-button-toggle-label-text-size:16px;
  --mat-legacy-button-toggle-label-text-tracking:0.03125em;
  --mat-legacy-button-toggle-label-text-weight:400;
}
html {
  --mat-standard-button-toggle-label-text-font:Roboto, sans-serif;
  --mat-standard-button-toggle-label-text-line-height:24px;
  --mat-standard-button-toggle-label-text-size:16px;
  --mat-standard-button-toggle-label-text-tracking:0.03125em;
  --mat-standard-button-toggle-label-text-weight:400;
}
html {
  --mat-datepicker-calendar-container-shape:4px;
  --mat-datepicker-calendar-container-touch-shape:4px;
  --mat-datepicker-calendar-container-elevation-shadow:0px 2px 4px -1px rgba(0, 0, 0, 0.2),
    0px 4px 5px 0px rgba(0, 0, 0, 0.14),
    0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-container-touch-elevation-shadow:0px 11px 15px -7px rgba(0, 0, 0, 0.2),
    0px 24px 38px 3px rgba(0, 0, 0, 0.14),
    0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}
html {
  --mat-datepicker-calendar-date-selected-state-text-color:white;
  --mat-datepicker-calendar-date-selected-state-background-color:#7b1fa2;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(123, 31, 162, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:white;
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(123, 31, 162, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(123, 31, 162, 0.3);
  --mat-datepicker-toggle-active-state-icon-color:#7b1fa2;
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(123, 31, 162, 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:rgb(69.5241935484, 163.4758064516, 93.9516129032);
  --mat-datepicker-toggle-icon-color:white;
  --mat-datepicker-calendar-body-label-text-color:rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-period-button-text-color:white;
  --mat-datepicker-calendar-period-button-icon-color:white;
  --mat-datepicker-calendar-navigation-button-icon-color:white;
  --mat-datepicker-calendar-header-divider-color:rgba(255, 255, 255, 0.12);
  --mat-datepicker-calendar-header-text-color:rgba(255, 255, 255, 0.7);
  --mat-datepicker-calendar-date-today-outline-color:rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color:rgba(255, 255, 255, 0.3);
  --mat-datepicker-calendar-date-text-color:white;
  --mat-datepicker-calendar-date-outline-color:transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color:rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-date-preview-state-outline-color:rgba(255, 255, 255, 0.24);
  --mat-datepicker-range-input-separator-color:white;
  --mat-datepicker-range-input-disabled-state-separator-color:rgba(255, 255, 255, 0.5);
  --mat-datepicker-range-input-disabled-state-text-color:rgba(255, 255, 255, 0.5);
  --mat-datepicker-calendar-container-background-color:#424242;
  --mat-datepicker-calendar-container-text-color:white;
}
.mat-datepicker-content.mat-accent {
  --mat-datepicker-calendar-date-selected-state-text-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-selected-state-background-color:#69f0ae;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color:rgba(105, 240, 174, 0.4);
  --mat-datepicker-calendar-date-today-selected-state-outline-color:rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-focus-state-background-color:rgba(105, 240, 174, 0.3);
  --mat-datepicker-calendar-date-hover-state-background-color:rgba(105, 240, 174, 0.3);
  --mat-datepicker-calendar-date-in-range-state-background-color:rgba(105, 240, 174, 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:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.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:rgb(69.5241935484, 163.4758064516, 93.9516129032);
}
.mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-toggle-active-state-icon-color:#69f0ae;
}
.mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-toggle-active-state-icon-color:#f44336;
}
.mat-calendar-controls {
  --mat-icon-button-touch-target-display:none;
}
.mat-calendar-controls .mat-mdc-icon-button.mat-mdc-button-base {
  --mdc-icon-button-state-layer-size: 40px;
  width: var(--mdc-icon-button-state-layer-size);
  height: var(--mdc-icon-button-state-layer-size);
  padding: 8px;
}
html {
  --mat-datepicker-calendar-text-font:Roboto, sans-serif;
  --mat-datepicker-calendar-text-size:13px;
  --mat-datepicker-calendar-body-label-text-size:14px;
  --mat-datepicker-calendar-body-label-text-weight:500;
  --mat-datepicker-calendar-period-button-text-size:14px;
  --mat-datepicker-calendar-period-button-text-weight:500;
  --mat-datepicker-calendar-header-text-size:11px;
  --mat-datepicker-calendar-header-text-weight:400;
}
html {
  --mat-divider-width:1px;
}
html {
  --mat-divider-color:rgba(255, 255, 255, 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:#424242;
  --mat-expansion-container-text-color:white;
  --mat-expansion-actions-divider-color:rgba(255, 255, 255, 0.12);
  --mat-expansion-header-hover-state-layer-color:rgba(255, 255, 255, 0.04);
  --mat-expansion-header-focus-state-layer-color:rgba(255, 255, 255, 0.04);
  --mat-expansion-header-disabled-state-text-color:rgba(255, 255, 255, 0.3);
  --mat-expansion-header-text-color:white;
  --mat-expansion-header-description-color:rgba(255, 255, 255, 0.7);
  --mat-expansion-header-indicator-color:rgba(255, 255, 255, 0.7);
}
html {
  --mat-expansion-header-collapsed-state-height:48px;
  --mat-expansion-header-expanded-state-height:64px;
}
html {
  --mat-expansion-header-text-font:Roboto, sans-serif;
  --mat-expansion-header-text-size:14px;
  --mat-expansion-header-text-weight:500;
  --mat-expansion-header-text-line-height:inherit;
  --mat-expansion-header-text-tracking:inherit;
  --mat-expansion-container-text-font:Roboto, sans-serif;
  --mat-expansion-container-text-line-height:20px;
  --mat-expansion-container-text-size:14px;
  --mat-expansion-container-text-tracking:0.0178571429em;
  --mat-expansion-container-text-weight:400;
}
html {
  --mat-grid-list-tile-header-primary-text-size:14px;
  --mat-grid-list-tile-header-secondary-text-size:12px;
  --mat-grid-list-tile-footer-primary-text-size:14px;
  --mat-grid-list-tile-footer-secondary-text-size:12px;
}
html {
  --mat-icon-color:inherit;
}
.mat-icon.mat-primary {
  --mat-icon-color:#7b1fa2;
}
.mat-icon.mat-accent {
  --mat-icon-color:#69f0ae;
}
.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(255, 255, 255, 0.12);
  --mat-sidenav-container-background-color:#424242;
  --mat-sidenav-container-text-color:white;
  --mat-sidenav-content-background-color:#303030;
  --mat-sidenav-content-text-color:white;
  --mat-sidenav-scrim-color:rgba(189, 189, 189, 0.6);
}
html {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#7b1fa2;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#7b1fa2;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#7b1fa2;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
  --mat-stepper-container-color:#424242;
  --mat-stepper-line-color:rgba(255, 255, 255, 0.12);
  --mat-stepper-header-hover-state-layer-color:rgba(255, 255, 255, 0.04);
  --mat-stepper-header-focus-state-layer-color:rgba(255, 255, 255, 0.04);
  --mat-stepper-header-label-text-color:rgba(255, 255, 255, 0.7);
  --mat-stepper-header-optional-label-text-color:rgba(255, 255, 255, 0.7);
  --mat-stepper-header-selected-state-label-text-color:white;
  --mat-stepper-header-error-state-label-text-color:#f44336;
  --mat-stepper-header-icon-background-color:rgba(255, 255, 255, 0.7);
  --mat-stepper-header-error-state-icon-foreground-color:#f44336;
  --mat-stepper-header-error-state-icon-background-color:transparent;
}
html .mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-selected-state-icon-background-color:#69f0ae;
  --mat-stepper-header-selected-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-done-state-icon-background-color:#69f0ae;
  --mat-stepper-header-done-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
  --mat-stepper-header-edit-state-icon-background-color:#69f0ae;
  --mat-stepper-header-edit-state-icon-foreground-color:rgba(0, 0, 0, 0.87);
}
html .mat-step-header.mat-warn {
  --mat-stepper-header-icon-foreground-color:white;
  --mat-stepper-header-selected-state-icon-background-color:#f44336;
  --mat-stepper-header-selected-state-icon-foreground-color:white;
  --mat-stepper-header-done-state-icon-background-color:#f44336;
  --mat-stepper-header-done-state-icon-foreground-color:white;
  --mat-stepper-header-edit-state-icon-background-color:#f44336;
  --mat-stepper-header-edit-state-icon-foreground-color:white;
}
html {
  --mat-stepper-header-height:72px;
}
html {
  --mat-stepper-container-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-font:Roboto, sans-serif;
  --mat-stepper-header-label-text-size:14px;
  --mat-stepper-header-label-text-weight:400;
  --mat-stepper-header-error-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-size:16px;
  --mat-stepper-header-selected-state-label-text-weight:400;
}
html {
  --mat-sort-arrow-color:rgb(198.3, 198.3, 198.3);
}
html {
  --mat-toolbar-container-background-color:#212121;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color:#7b1fa2;
  --mat-toolbar-container-text-color:white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color:#69f0ae;
  --mat-toolbar-container-text-color:rgba(0, 0, 0, 0.87);
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color:#f44336;
  --mat-toolbar-container-text-color:white;
}
html {
  --mat-toolbar-standard-height:64px;
  --mat-toolbar-mobile-height:56px;
}
html {
  --mat-toolbar-title-text-font:Roboto, sans-serif;
  --mat-toolbar-title-text-line-height:32px;
  --mat-toolbar-title-text-size:20px;
  --mat-toolbar-title-text-tracking:0.0125em;
  --mat-toolbar-title-text-weight:500;
}
html {
  --mat-tree-container-background-color:#424242;
  --mat-tree-node-text-color:white;
}
html {
  --mat-tree-node-min-height:48px;
}
html {
  --mat-tree-node-text-font:Roboto, sans-serif;
  --mat-tree-node-text-size:14px;
  --mat-tree-node-text-weight:400;
}
html {
  --mat-timepicker-container-shape:4px;
  --mat-timepicker-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-timepicker-container-background-color:#424242;
}
.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px/32px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 16px;
}
.mat-h2,
.mat-headline-6,
.mat-typography .mat-h2,
.mat-typography .mat-headline-6,
.mat-typography h2 {
  font: 500 20px/32px Roboto, sans-serif;
  letter-spacing: .0125em;
  margin: 0 0 16px;
}
.mat-h3,
.mat-subtitle-1,
.mat-typography .mat-h3,
.mat-typography .mat-subtitle-1,
.mat-typography h3 {
  font: 400 16px/28px Roboto, sans-serif;
  letter-spacing: .009375em;
  margin: 0 0 16px;
}
.mat-h4,
.mat-body-1,
.mat-typography .mat-h4,
.mat-typography .mat-body-1,
.mat-typography h4 {
  font: 400 16px/24px Roboto, sans-serif;
  letter-spacing: .03125em;
  margin: 0 0 16px;
}
.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px*.83)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px*.67)/20px Roboto, sans-serif;
  margin: 0 0 12px;
}
.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px/22px Roboto, sans-serif;
  letter-spacing: .0071428571em;
}
.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px/20px Roboto, sans-serif;
  letter-spacing: .0178571429em;
}
.mat-body p,
.mat-body-2 p,
.mat-typography .mat-body p,
.mat-typography .mat-body-2 p,
.mat-typography p {
  margin: 0 0 12px;
}
.mat-small,
.mat-caption,
.mat-typography .mat-small,
.mat-typography .mat-caption {
  font: 400 12px/20px Roboto, sans-serif;
  letter-spacing: .0333333333em;
}
.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px/96px Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}
.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px/60px Roboto, sans-serif;
  letter-spacing: -.0083333333em;
  margin: 0 0 64px;
}
.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px/50px Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}
.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px/40px Roboto, sans-serif;
  letter-spacing: .0073529412em;
  margin: 0 0 64px;
}

/* src/assets/style/styles.scss */
:root {
  --primary-color: #2fb67c;
  --secondary-color: #e9b331;
  --green: #2fb67c;
  --yellow: #e9b331;
  --blue: #4366a8;
  --red: #E23235;
  --text1: #111116;
  --text2: #6f6f76;
  --text3: #a7a7a7;
  --label-color: #6e6e6e;
  --border-color: #eaeaea;
  --white: #fff;
  --light-pink: #ffebeb;
  --font-family: "Montserrat", sans-serif;
  --gap-8: 8px;
  --gap-12: 12px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --border-radius: 12px;
  --xl-tb-head-fs: 10px;
  --xl-tb-body-fs: 11px;
  --xs-tb-fs: 10px;
}
.input-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-12);
}
@media (max-width: 767px) {
  .input-container {
    gap: var(--gap-8);
  }
}
.input-container.input-error {
  margin-left: 0px;
}
.input-container.input-error .input-label {
  color: var(--red);
}
.input-container.input-error .input-field {
  border: 1px solid var(--red) !important;
}
.input-container.input-error .input-icon:not(.input-icon-right) {
  bottom: 18px;
  left: 20px;
}
.input-container.input-error .input-icon:not(.input-icon-right) svg path {
  stroke: var(--red) !important;
}
.input-container .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.input-container .input-wrapper.icon-none .input-field {
  padding-left: 20px !important;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.icon-none .input-field {
    padding-left: 16px !important;
  }
}
.input-container .input-wrapper.add-icon-left .input-field {
  padding-left: 56px;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-left .input-field {
    padding-left: 48px;
  }
}
.input-container .input-wrapper.add-icon-left .input-icon {
  bottom: 18px;
  left: 20px;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-left .input-icon {
    bottom: 17px;
    left: 17px;
  }
}
.input-container .input-wrapper.add-icon-right .input-field {
  padding-right: 56px;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-right .input-field {
    padding-right: 48px;
  }
}
.input-container .input-wrapper.add-icon-right .input-icon {
  bottom: 18px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-right .input-icon {
    bottom: 17px;
    right: 17px;
  }
}
.input-container .input-wrapper.add-icon-right .input-icon svg path {
  stroke: #dcdcdc !important;
}
.input-container .input-wrapper.add-icon-both .input-field {
  padding: 16px 56px;
}
.input-container .input-wrapper.add-icon-both .input-icon {
  left: 20px;
}
.input-container .input-wrapper.add-icon-both .input-icon:nth-child(even) {
  left: auto;
  right: 20px !important;
}
.input-container .input-wrapper.add-icon-both .input-icon:nth-child(even) svg path {
  stroke: #dcdcdc !important;
}
.input-container .input-wrapper .input-icon {
  position: absolute;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  height: auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  .input-container .input-wrapper .input-icon {
    width: 20px;
    height: 20px;
  }
}
.input-container .input-wrapper .input-icon svg {
  width: 100%;
}
@media (max-width: 767px) {
  .input-container .input-wrapper .input-label {
    font-size: 10px;
  }
}
.input-container .textarea-field textarea {
  width: 100%;
  height: 120px;
  padding: 16px 20px;
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: var(--white, #fff);
}
.input-container .textarea-field textarea:focus {
  border-color: var(--border-color, #eaeaea);
  outline: none;
}
@media screen and (max-width: 1024px) {
  .input-container .textarea-field textarea {
    font-size: 14px;
    padding: 16px;
  }
}
header {
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 20px 40px;
  border-bottom: 1px solid var(--border-color, #eaeaea);
}
@media (max-width: 1024px) {
  header {
    padding: 20px 20px;
    border-bottom: none;
  }
}
.user-dropdown .dropdown-trigger-btn {
  display: flex;
  align-items: center;
  gap: 14px;
}
.user-dropdown em {
  width: 48px;
  height: 48px;
  border-radius: 30px;
  border: 1px solid #e1e1e1;
  background: var(--border-color, #eaeaea);
  color: var(--text1, #111116);
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: -0.28px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
}
@media (max-width: 1024px) {
  .user-dropdown em {
    width: 32px;
    height: 32px;
  }
}
@media screen and (min-width: 1800px) {
  .user-dropdown em {
    width: 56px;
    height: 56px;
  }
}
@media (max-width: 1024px) {
  .user-dropdown .angle-down {
    display: none;
  }
}
.dopdown-wrapper {
  position: relative;
}
.dopdown-wrapper .dropdown-content {
  padding: 20px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  min-width: 240px;
  position: absolute;
  right: 0;
  top: calc(100% + 15px);
  z-index: 1;
  display: none;
}
.dopdown-wrapper .dropdown-content.open {
  display: block;
}
@media (max-width: 1024px) {
  .dopdown-wrapper .dropdown-content {
    min-width: 172px;
    padding: 16px;
  }
}
.dopdown-wrapper .dropdown-content button,
.dopdown-wrapper .dropdown-content a {
  color: var(--text1, #111116);
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 22px;
  font-family: inherit;
  cursor: pointer;
  padding: 10px 0;
  display: block;
  width: 100%;
  text-align: left;
}
.dopdown-wrapper .dropdown-content button .active,
.dopdown-wrapper .dropdown-content button:hover,
.dopdown-wrapper .dropdown-content a .active,
.dopdown-wrapper .dropdown-content a:hover {
  color: var(--green, #2fb67c);
}
.dopdown-wrapper .dropdown-content button.sign-out-btn,
.dopdown-wrapper .dropdown-content a.sign-out-btn {
  color: var(--text2, #6f6f76);
}
@media (max-width: 1024px) {
  .dopdown-wrapper .dropdown-content button,
  .dopdown-wrapper .dropdown-content a {
    font-size: 14px;
    padding: 6px 0;
  }
}
.search-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-12);
}
@media (min-width: 1800px) {
  .search-container {
    gap: var(--gap-16);
  }
}
@media (max-width: 767px) {
  .search-container {
    gap: var(--gap-8);
  }
}
.search-container .search-input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.search-container .search-input-wrapper .search-icon {
  position: absolute;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  height: auto;
  pointer-events: none;
  bottom: 16px;
  left: 20px;
}
@media (max-width: 1800px) {
  .search-container .search-input-wrapper .search-icon {
    width: 20px;
    height: 20px;
    bottom: 12px;
    left: 16px;
  }
}
.search-container .search-input-wrapper .search-icon svg {
  width: 100%;
}
.search-container .search-input-wrapper .search-field {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  line-height: 19.6px;
  padding: 14px 52px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  width: 100%;
  outline: none;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
.search-container .search-input-wrapper .search-field {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .search-container .search-input-wrapper .search-field {
    font-size: 18px;
  }
}
.search-container .search-input-wrapper .search-field {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .search-container .search-input-wrapper .search-field {
    line-height: 24.6px;
  }
}
@media (max-width: 1800px) {
  .search-container .search-input-wrapper .search-field {
    font-size: 12px;
    padding: 10px 48px;
  }
}
@media (min-width: 1800px) {
  .search-container .search-input-wrapper .search-field {
    min-height: 56px;
  }
}
.search-container .close-icon {
  position: absolute;
  right: 20px !important;
  top: 0;
  bottom: 0;
  margin: auto;
  min-width: auto !important;
  left: auto;
}
@media (max-width: 1800px) {
  .search-container .close-icon {
    right: 16px !important;
  }
}
.search-container .close-icon svg path {
  stroke: #dcdcdc !important;
}
@media (max-width: 1800px) {
  .search-container .close-icon svg {
    width: 12px;
    height: 12px;
  }
}
.search-container .filter-icon {
  position: absolute;
  right: 20px !important;
  top: 0;
  bottom: 0;
  margin: auto;
  min-width: auto !important;
  left: auto;
  width: 24px;
  height: 24px;
}
@media (max-width: 1800px) {
  .search-container .filter-icon {
    right: 16px !important;
  }
}
.search-container .filter-icon svg path {
  stroke: var(--green, #2fb67c) !important;
}
@media (max-width: 1800px) {
  .search-container .filter-icon svg {
    width: 12px;
    height: 12px;
  }
}
.search-container.input-error {
  margin-left: 0px;
}
.search-container.input-error .input-label {
  color: var(--red);
}
.search-container.input-error .search-field {
  border: 1px solid var(--red) !important;
}
.search-container.input-error .search-icon svg path {
  stroke: var(--red) !important;
}
.search-container p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .search-container p {
    font-size: 16px;
  }
}
.search-container p {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .search-container p {
    line-height: 21.8px;
  }
}
.search-container:has(.close-icon) .filter-icon {
  right: 50px !important;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-word;
  scroll-behavior: smooth;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--font-family);
  margin: 0;
  background-image: url("./media/body-bg.png");
  background-color: rgba(255, 255, 255, 0.2);
  background-size: cover;
  font-weight: 400;
}
.common-bg {
  background-image: url("./media/body-bg.png");
  background-color: rgba(255, 255, 255, 0.2);
  background-size: cover;
}
a {
  text-decoration: none !important;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  color: inherit;
}
a:hover {
  color: inherit;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
ul,
ol {
  margin: 0;
  padding: 0;
}
input {
  font-family: var(--font-family);
}
input:disabled {
  background: #f3f3f3;
}
input::placeholder,
textarea::placeholder,
select::placeholder {
  color: var(--text2, #6F6F76) !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder,
select::-webkit-input-placeholder {
  color: var(--text2, #6F6F76) !important;
}
input::-moz-placeholder,
textarea::-moz-placeholder,
select::-moz-placeholder {
  color: var(--text2, #6F6F76) !important;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
select:-ms-input-placeholder {
  color: var(--text2, #6F6F76) !important;
}
input:-moz-placeholder,
textarea:-moz-placeholder,
select:-moz-placeholder {
  color: var(--text2, #6F6F76) !important;
}
textarea {
  font-family: var(--font-family);
  resize: none !important;
}
.input-error {
  color: var(--red);
  margin-left: 5px;
  font-size: 12px;
  font-weight: 400;
  line-height: 140%;
  letter-spacing: -0.24px;
}
@media screen and (max-width: 1024px) {
  .input-error {
    font-size: 10px;
  }
}
.mt-auto {
  margin-top: auto;
}
.mr-0 {
  margin-right: 0 !important;
}
.mr-auto {
  margin-right: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.mx-auto {
  margin-left: auto;
  margin-right: auto;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mt-8 {
  margin-top: var(--gap-8);
}
.ml-8 {
  margin-left: var(--gap-8);
}
.mr-8 {
  margin-right: var(--gap-8);
}
.mb-8 {
  margin-bottom: var(--gap-8);
}
.mt-12 {
  margin-top: var(--gap-12);
}
.ml-12 {
  margin-left: var(--gap-12);
}
.mr-12 {
  margin-right: var(--gap-12);
}
.mb-12 {
  margin-bottom: var(--gap-12);
}
.mt-16 {
  margin-top: var(--gap-16);
}
.ml-16 {
  margin-left: var(--gap-16);
}
.mr-16 {
  margin-right: var(--gap-16);
}
.mb-16 {
  margin-bottom: var(--gap-16);
}
.mt-20 {
  margin-top: var(--gap-20);
}
.ml-20 {
  margin-left: var(--gap-20);
}
.mr-20 {
  margin-right: var(--gap-20);
}
.mb-20 {
  margin-bottom: var(--gap-20);
}
.mb-24 {
  margin-bottom: 24px;
}
@media screen and (min-width: 1800px) {
  .mb-24 {
    margin-bottom: 28px;
  }
}
.mt-30 {
  margin-top: var(--gap-30);
}
.mt-28 {
  margin-top: 28px;
}
.ml-30 {
  margin-left: var(--gap-30);
}
.mr-30 {
  margin-right: var(--gap-30);
}
.mb-30 {
  margin-bottom: var(--gap-30);
}
.mt-40 {
  margin-top: var(--gap-40);
}
.ml-40 {
  margin-left: var(--gap-40);
}
.mr-40 {
  margin-right: var(--gap-40);
}
.mb-40 {
  margin-bottom: var(--gap-40);
}
.p-0 {
  padding: 0 !important;
}
.pt-8 {
  padding-top: var(--gap-8);
}
.pl-8 {
  padding-left: var(--gap-8);
}
.pr-8 {
  padding-right: var(--gap-8);
}
.pb-8 {
  padding-bottom: var(--gap-8);
}
.pt-12 {
  padding-top: var(--gap-12);
}
.pl-12 {
  padding-left: var(--gap-12);
}
.pr-12 {
  padding-right: var(--gap-12);
}
.pb-12 {
  padding-bottom: var(--gap-12);
}
.pt-16 {
  padding-top: var(--gap-16);
}
.pl-16 {
  padding-left: var(--gap-16);
}
.pr-16 {
  padding-right: var(--gap-16);
}
.pb-16 {
  padding-bottom: var(--gap-16);
}
.pt-30 {
  padding-top: var(--gap-30);
}
.pl-30 {
  padding-left: var(--gap-30);
}
.pr-30 {
  padding-right: var(--gap-30);
}
.pb-30 {
  padding-bottom: var(--gap-30);
}
.p-40 {
  padding: var(--gap-40);
}
.pt-40 {
  padding-top: var(--gap-40);
}
.pl-40 {
  padding-left: var(--gap-40);
}
.pr-40 {
  padding-right: var(--gap-40);
}
.pb-40 {
  padding-bottom: var(--gap-40);
}
.row-gap-20 {
  row-gap: 20px;
}
.w-100 {
  width: 100% !important;
}
@media screen and (max-width: 1024px) {
  .mb-sm-12 {
    margin-bottom: 12px !important;
  }
  .mb-sm-16 {
    margin-bottom: 16px !important;
  }
}
.font-weight-400 {
  font-weight: 400 !important;
}
.font-weight-600 {
  font-weight: 600 !important;
}
.line-height-normal {
  line-height: initial !important;
}
h1 {
  font-size: 36px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
h2 {
  font-size: 28px;
  font-weight: 700;
  line-height: 120%;
  text-transform: uppercase;
}
h3 {
  font-size: 20px;
  font-weight: 700;
  line-height: 120%;
  letter-spacing: -0.4px;
  text-transform: uppercase;
}
p {
  margin: 0;
  padding: 0;
  color: var(--text2, #6f6f76);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
}
@media screen and (max-width: 1024px) {
  p {
    font-size: 10px;
    line-height: 14px;
  }
}
.lead-font {
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.32px;
}
@media screen and (max-width: 1024px) {
  .lead-font {
    font-size: 14px;
  }
}
.lead-paragraph {
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  letter-spacing: -0.32px;
}
@media screen and (max-width: 1024px) {
  .lead-paragraph {
    font-size: 14px;
  }
}
.body-normal {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
  letter-spacing: -0.28px;
  color: var(--text1, #111116);
}
@media screen and (max-width: 1024px) {
  .body-normal {
    font-size: 14px;
  }
}
.body-small {
  font-size: 12px;
  font-weight: 400;
  letter-spacing: -0.24px;
  line-height: 16.8px;
  color: var(--text1, #111116);
}
@media screen and (max-width: 1024px) {
  .body-small {
    font-size: 10px;
  }
}
@media screen and (min-width: 1800px) {
  .body-small.input-label {
    font-size: 14px;
  }
}
.text-center {
  text-align: center;
}
.flex-none {
  flex: none;
}
.d-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.d-flex {
  display: flex;
}
.align-baseline {
  align-items: baseline;
}
.align-center {
  align-items: center;
}
.align-start {
  align-items: flex-start;
}
.align-end {
  align-items: flex-end;
}
.justify-center {
  justify-content: center;
}
.justify-start {
  justify-content: flex-start;
}
.justify-between {
  justify-content: space-between;
}
.justify-end {
  justify-content: flex-end;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-1 {
  flex: 1;
}
.vertical-middle {
  vertical-align: middle;
}
.d-none {
  display: none !important;
}
.d-block {
  display: block;
}
.d-inline-block {
  display: inline-block !important;
}
@media screen and (min-width: 1025px) {
  .d-desktop-none {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .d-mob-none {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .d-mob-block {
    display: block !important;
  }
}
.cus-row {
  display: flex;
  margin: 0 -10px;
  flex-wrap: wrap;
}
.cus-row .col-1,
.cus-row .col-2,
.cus-row .col-3 {
  padding: 0 10px;
}
.cus-row .col-1 {
  width: 100%;
}
.cus-row .col-2 {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .cus-row .col-2 {
    width: 100%;
  }
}
.cus-row .col-3 {
  width: 33.3333333333%;
}
@media screen and (max-width: 1024px) {
  .cus-row .col-3 {
    width: 100%;
  }
}
.list-unstyled {
  list-style: none;
}
hr {
  width: 100%;
  background: var(--border-color, #eaeaea);
  margin: 0;
  height: 1px;
  border: none;
}
.img-fluid {
  max-width: 100%;
}
.mob-only-cell {
  display: none;
  color: var(--text3, #a7a7a7);
  font-size: 12px;
  font-weight: 500;
  line-height: 11.2px;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .mob-only-cell {
    display: block;
  }
}
@media screen and (max-width: 567px) {
  .mob-only-cell {
    font-size: var(--xs-tb-fs);
  }
}
.span-line {
  height: 1px;
  width: 80px;
  background-color: var(--text3, #a7a7a7);
  display: block;
  margin-left: auto;
}
@media screen and (max-width: 1024px) {
  .span-line {
    width: 68px;
    margin: auto;
  }
}
.span-green {
  color: var(--green, #2fb67c) !important;
}
.span-yellow {
  color: var(--yellow, #e9b331) !important;
}
.span-red {
  color: var(--red) !important;
}
.span-blue {
  color: var(--blue, #4366a8) !important;
}
.bg-light-pink {
  background-color: var(--light-pink);
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}
button.input-icon {
  pointer-events: unset !important;
  cursor: pointer;
  z-index: 999;
}
.common-avatar span {
  width: 32px;
  height: 32px;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--border-color, #eaeaea);
}
.common-avatar span img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.actions-btns-grp {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media screen and (min-width: 1025px) and (max-width: 1800px) {
  .actions-btns-grp {
    justify-content: flex-end;
  }
}
@media (max-width: 1199px) {
  .actions-btns-grp {
    gap: 5px;
  }
}
.actions-btns-grp .tooltip-content {
  display: flex;
  align-items: center;
  line-height: initial;
  gap: 8px;
}
.actions-btns-grp .icon-btn {
  box-shadow: none;
}
.btn {
  padding: 19px 30px;
  border-radius: 12px;
  text-align: center;
  font-size: 16px;
  font-style: normal;
  font-weight: 600;
  line-height: 22.4px;
  text-transform: uppercase;
  transition: all 0.3s;
  align-self: flex-start;
}
.btn:hover {
  transition: all 0.3s;
}
.btn.disabled {
  opacity: 0.4;
  cursor: no-drop;
}
@media screen and (max-width: 1024px) {
  .btn {
    font-size: 14px;
    padding: 15px 15px;
  }
}
button {
  background: none;
  border: none;
  outline: none;
  cursor: pointer;
  font-family: var(--font-family);
}
button.plus-icon-btn {
  min-width: auto !important;
  color: var(--green, #2fb67c);
  text-align: center;
  font-weight: 500;
  letter-spacing: -0.2px;
  display: inline-flex;
  padding: 5px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  border: 1px solid var(--green, #2fb67c) !important;
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  text-transform: none;
}
button.plus-icon-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  button.plus-icon-btn {
    font-size: 14px;
  }
}
button.plus-icon-btn {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  button.plus-icon-btn {
    line-height: 19px;
  }
}
@media screen and (min-width: 1800px) {
  button.plus-icon-btn {
    padding: 9px 12px;
  }
  button.plus-icon-btn img {
    width: 20px;
  }
}
button.plus-icon-btn.btn-primary img {
  filter: brightness(0) invert(1);
}
button.plus-icon-btn.btn-primary span {
  color: #fff;
}
button.add-new-user-btn {
  padding: 8px 16px;
  font-weight: 500;
  letter-spacing: -0.28px;
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: unset !important;
}
button.add-new-user-btn {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  button.add-new-user-btn {
    font-size: 18px;
  }
}
button.add-new-user-btn {
  line-height: 22.4px;
}
@media screen and (min-width: 1800px) {
  button.add-new-user-btn {
    line-height: 27.4px;
  }
}
@media screen and (min-width: 1800px) {
  button.add-new-user-btn {
    padding: 12px 24px;
  }
}
@media screen and (max-width: 1024px) {
  button.add-new-user-btn {
    border-radius: 5px;
    background: var(--green, #2fb67c);
    box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
    padding: 6px;
    font-size: 12px;
  }
}
button.add-new-user-btn .plus-icon {
  display: flex;
}
button.blue-bg-btn {
  color: #fff;
  text-align: center;
  font-style: normal;
  font-weight: 500;
  letter-spacing: -0.2px;
  padding: 6px 8px;
  border-radius: 6px;
  background: var(--blue);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  min-width: auto !important;
  text-transform: none;
}
button.blue-bg-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  button.blue-bg-btn {
    font-size: 14px;
  }
}
button.blue-bg-btn {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  button.blue-bg-btn {
    line-height: 19px;
  }
}
@media screen and (min-width: 1800px) {
  button.blue-bg-btn {
    padding: 11px 12px;
  }
}
.sort-btn {
  margin-left: 4px;
  display: inline-flex;
}
.sort-btn img {
  transition: all 0.3s;
}
.sort-btn.active img {
  transition: all 0.3s;
  transform: rotateX(180deg);
}
.toggle-icon-btn img {
  transition: all 1s;
  transform: rotateX(0deg);
}
.toggle-icon-btn.active img {
  transform: rotateX(180deg);
  transition: all 1s;
}
.icon-btn {
  position: relative;
  display: flex;
  width: 24px;
  height: 24px;
  padding: 6px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  flex: none;
}
.icon-btn:hover {
  border: 1px solid var(--green, #2fb67c);
}
@media screen and (min-width: 1800px) {
  .icon-btn {
    width: 36px;
    height: 36px;
    padding: 5px;
  }
  .icon-btn img {
    width: 75%;
  }
}
.icon-btn .red-dot {
  right: -2px;
  top: -5px;
  width: 8px;
  height: 8px;
}
@media screen and (max-width: 1800px) {
  .icon-btn .red-dot {
    right: -3px;
    top: -4px;
    width: 6px;
    height: 6px;
  }
}
.icon-btn .chat-count {
  position: absolute;
  display: flex;
  min-width: 10px;
  min-height: 10px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: 0.5px solid #fff;
  background: rgba(255, 255, 255, 0.9);
  color: var(--text1, #111116);
  text-align: center;
  font-size: 7px;
  font-style: normal;
  font-weight: 600;
  line-height: 7px;
  letter-spacing: -0.08px;
  top: 1px;
  right: 1px;
}
@media screen and (min-width: 1800px) {
  .icon-btn .chat-count {
    font-size: 10px;
    top: 4px;
    right: 3px;
  }
}
.chat-icon-btn {
  border: 1px solid #e5faf1;
  background: #e9faf3;
  position: relative;
}
.chat-icon-btn img {
  width: 12px;
}
@media screen and (min-width: 1800px) {
  .chat-icon-btn img {
    width: 20px;
  }
}
.link-btn {
  color: var(--green, #2fb67c);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.32px;
}
.link-btn {
  font-size: 16px;
}
@media screen and (min-width: 1800px) {
  .link-btn {
    font-size: 20px;
  }
}
.link-btn {
  line-height: 22px;
}
@media screen and (min-width: 1800px) {
  .link-btn {
    line-height: 27px;
  }
}
@media screen and (max-width: 1024px) {
  .link-btn {
    font-size: 14px;
    line-height: 16.8px;
  }
}
.underline-btn {
  color: var(--green, #2fb67c);
  letter-spacing: -0.24px;
  text-decoration-line: underline;
  text-decoration-style: solid;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
  display: inline-flex;
  gap: 4px;
}
.underline-btn {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .underline-btn {
    font-size: 16px;
  }
}
.underline-btn {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .underline-btn {
    line-height: 21.8px;
  }
}
.forgot-link {
  align-self: flex-start;
}
.pdf-modal-close {
  padding: 6px;
  width: 30px;
  height: 30px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--red);
  background: #fff;
}
.pdf-modal-close svg {
  width: 100%;
  height: auto;
}
.editable-status-group {
  display: flex;
  height: 24px;
  padding: 5px 5px;
  justify-content: center;
  align-items: center;
  border-radius: 6px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  gap: 5px;
}
@media screen and (min-width: 1800px) {
  .editable-status-group {
    height: 36px;
  }
  .editable-status-group img {
    width: 18px !important;
  }
}
.editable-status-group div {
  border-left: 1px solid #f2f2f2;
  border-right: 1px solid #f2f2f2;
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.2px;
  width: 45px;
  height: 100%;
  text-align: center;
  align-content: center;
}
.editable-status-group div {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .editable-status-group div {
    font-size: 13px;
  }
}
.editable-status-group div {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .editable-status-group div {
    line-height: 19px;
  }
}
@media screen and (max-width: 1800px) {
  .editable-status-group div {
    width: 40px;
  }
}
@media screen and (max-width: 1199px) {
  .editable-status-group div {
    font-size: var(--xs-tb-fs);
    width: 35px;
  }
}
.editable-status-group button img {
  width: 10px;
}
.status-input-wrapper {
  border-radius: 6px;
  border: 1px solid var(--border-color, #eaeaea);
  padding: 0 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  gap: 2px;
  min-height: 24px;
  max-width: 90%;
  min-width: 50px;
}
@media screen and (min-width: 1800px) {
  .status-input-wrapper {
    min-height: 36px;
  }
}
.status-input-wrapper input {
  border: none;
  flex-grow: 1;
  width: 25px;
  max-width: 100%;
  outline: none;
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.2px;
}
.status-input-wrapper input {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .status-input-wrapper input {
    font-size: 13px;
  }
}
.status-input-wrapper input {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .status-input-wrapper input {
    line-height: 19px;
  }
}
@media (max-width: 567px) {
  .status-input-wrapper input {
    font-size: var(--xs-tb-fs);
  }
}
.table-input-wrapper {
  display: flex;
  align-items: center;
  gap: 6px;
}
@media screen and (max-width: 1024px) {
  .table-input-wrapper {
    flex-direction: row-reverse;
  }
}
.table-input-wrapper input {
  width: 80px;
  max-width: 100%;
  outline: none;
  color: var(--text1, #111116);
  font-weight: 400;
  letter-spacing: -0.2px;
  border-radius: 6px;
  border: 1px solid var(--border-color, #eaeaea);
  min-height: 24px;
  padding: 0 5px;
  text-align: center;
}
.table-input-wrapper input {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .table-input-wrapper input {
    font-size: 14px;
  }
}
.table-input-wrapper input {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .table-input-wrapper input {
    line-height: 19px;
  }
}
@media screen and (min-width: 1800px) {
  .table-input-wrapper input {
    min-height: 36px;
  }
}
@media screen and (max-width: 1199px) {
  .table-input-wrapper input {
    font-size: var(--xs-tb-fs);
  }
}
@media screen and (max-width: 1024px) {
  .table-input-wrapper input {
    width: 68px;
  }
}
.no-sow-data-meassge {
  color: var(--text1, #111116);
  font-weight: 400;
  letter-spacing: -0.2px;
  margin: 8px 0;
}
.no-sow-data-meassge {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .no-sow-data-meassge {
    font-size: 14px;
  }
}
.no-sow-data-meassge {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .no-sow-data-meassge {
    line-height: 19px;
  }
}
@media screen and (min-width: 1800px) {
  .no-sow-data-meassge {
    margin-bottom: 16px;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .no-sow-data-meassge {
    font-size: 12px;
  }
}
.clickable {
  display: inline-block;
  padding: 10px 20px;
  background-color: var(--blue, #4366a8);
  color: white;
  cursor: pointer;
  margin: 100px;
}
.tooltip {
  position: fixed;
  display: none;
  padding: 8px 12px;
  background-color: black;
  color: white;
  border-radius: 4px;
  z-index: 1000;
  white-space: nowrap;
}
.tags-wrapper {
  display: flex;
  gap: 5px;
  flex-wrap: wrap;
}
.closable-tag {
  color: var(--text1, #111116);
  font-size: 14px;
  line-height: 19.6px;
  border-radius: 12px;
  border: 1px solid #e3e4e4;
  background: #ededed;
  padding: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-align: left;
  gap: 5px;
}
@media screen and (max-width: 1024px) {
  .closable-tag {
    padding: 8px;
    width: fit-content;
  }
}
.closable-tag img {
  width: 20px;
  height: 20px;
  aspect-ratio: 1/1;
}
.mob-input-wrapper .mobile-number-input label {
  visibility: hidden;
}
@media screen and (max-width: 1024px) {
  .mob-input-wrapper .mobile-number-input label {
    display: none;
  }
}
.mob-input-wrapper .select-moblie .form-control {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.common-edit-card.clients-card {
  position: relative;
}
.red-dot {
  position: absolute;
  right: 7px;
  top: 7px;
  width: 8px;
  height: 8px;
  background: var(--red);
  border-radius: 15px;
  display: block;
  flex: none;
}
.alert-popup {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 20px;
  z-index: 11;
  overflow: auto;
}
@media (max-width: 1024px) {
  .alert-popup {
    height: 100%;
    overflow: auto;
  }
}
.alert-popup .alert-popup-container {
  max-width: 470px !important;
  width: 100%;
  padding: 30px 20px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  position: relative;
  background-image: url("./media/body-bg.png");
  background-color: #f7f7f7;
  background-size: cover;
}
@media (max-width: 991px) {
  .alert-popup .alert-popup-container {
    padding: 40px;
  }
}
@media (max-width: 767px) {
  .alert-popup .alert-popup-container {
    padding: 20px;
    margin-top: 0px;
  }
}
.alert-popup .alert-popup-container .popup-close {
  background: none;
  border: none;
  padding: 0;
  position: absolute;
  top: 24px;
  right: 24px;
  cursor: pointer;
  width: 24px;
  height: 24px;
}
.alert-popup .alert-popup-container .popup-close svg {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .alert-popup .alert-popup-container .popup-close {
    top: 12px;
    right: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .alert-popup .alert-popup-container {
    padding: 13px 20px;
  }
}
.alert-popup .alert-popup-container .alert-popup-header h2 {
  margin-top: 16px;
  color: var(--text1, #111116);
  font-size: 22px;
}
@media screen and (max-width: 1024px) {
  .alert-popup .alert-popup-container .alert-popup-header h2 {
    font-size: 20px;
    line-height: 24px;
    letter-spacing: -0.4px;
    text-transform: uppercase;
  }
}
.alert-popup .alert-popup-container .alert-popup-header .status-img {
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 100px;
  padding: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.alert-popup .alert-popup-container .alert-popup-header .status-img.success-img {
  background: var(--green, #2fb67c);
}
.alert-popup .alert-popup-container .alert-popup-header .status-img.failure-img {
  background: var(--red);
}
@media screen and (max-width: 1024px) {
  .alert-popup .alert-popup-container .alert-popup-header .status-img {
    width: 32px;
    height: 32px;
    padding: 10px;
  }
}
.alert-popup .alert-popup-container .alert-popup-header .status-img img {
  width: 100%;
}
.alert-popup .alert-popup-container .alert-popup-header p {
  color: var(--text2, #6f6f76);
  font-size: 14px;
  line-height: 19.6px;
  margin-top: 16px;
  letter-spacing: unset;
}
.alert-popup .alert-popup-container .popup-footer {
  margin-top: 40px;
  display: flex;
  align-items: center;
  gap: 20px !important;
}
@media (max-width: 1024px) {
  .alert-popup .alert-popup-container .popup-footer {
    margin-top: 24px;
    flex-direction: column;
    justify-content: center;
    gap: 12px;
  }
}
.alert-popup .alert-popup-container .popup-footer .btn-primary {
  border: 1px solid var(--green, #2fb67c);
}
.alert-popup .alert-popup-container .popup-footer .btn {
  min-width: unset !important;
  width: 50%;
  margin: 0 !important;
}
@media screen and (max-width: 1024px) {
  .alert-popup .alert-popup-container .popup-footer .btn {
    width: 100%;
    padding: 14px 0;
    font-size: 14px;
  }
}
.gap-4 {
  gap: 4px;
}
.country-dropdown-wrapper .search-dropdown {
  min-width: 280px;
}
@media screen and (max-width: 1024px) {
  .country-dropdown-wrapper .search-dropdown {
    min-width: 100%;
  }
}
.floating {
  max-width: 100%;
  margin-top: -5px;
}
@media screen and (max-width: 1024px) {
  .floating {
    max-width: 260px;
  }
}
.floating:has(.z-index-modal-top) {
  z-index: 1001 !important;
}
@media (hover: none) {
  .floating:has(.hide-on-mob) {
    display: none !important;
  }
}
@media (hover: none) {
  .tooltip-hide-on-mob {
    display: none !important;
  }
}
.ng-tooltip-container {
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  z-index: 1001 !important;
  color: var(--text1, #111116);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  max-width: 350px;
}
.ng-tooltip-container img {
  vertical-align: middle;
}
.tooltip-check-option {
  display: flex;
  align-items: center;
  gap: 12px;
}
app-tooltip {
  display: inline-flex;
  cursor: pointer;
}
.tooltip-icon-wrapper {
  display: inline-flex;
  cursor: pointer;
}
.info-tooltip-icon {
  width: 18px;
  height: 18px;
}
.head-cell {
  font-weight: 700;
}
.head-cell {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .head-cell {
    font-size: 13px;
  }
}
.head-cell {
  line-height: 11.2px;
}
@media screen and (min-width: 1800px) {
  .head-cell {
    line-height: 16.2px;
  }
}
@media screen and (max-width: 1199px) {
  .head-cell {
    font-size: 10px;
  }
}
@media screen and (max-width: 567px) {
  .head-cell {
    font-size: var(--xs-tb-fs);
  }
}
.body-cell {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .body-cell {
    font-size: 13px;
  }
}
.body-cell {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .body-cell {
    line-height: 19px;
  }
}
@media screen and (max-width: 1199px) {
  .body-cell {
    font-size: 10px;
  }
}
@media screen and (max-width: 567px) {
  .body-cell {
    font-size: var(--xs-tb-fs);
  }
}
@media (min-width: 1025px) {
  .side-drawer-body {
    overflow: hidden;
  }
  .side-drawer-body .common-tab {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .side-drawer-body .common-tab .tab-body {
    flex: 1;
    overflow: auto;
  }
}
.no-sidebar-layout {
  min-height: calc(100vh - 250px);
}
@media screen and (max-width: 1024px) {
  .no-sidebar-layout {
    min-height: calc(100vh - 290px);
  }
}
@media screen and (max-width: 1024px) {
  .closed_sidebar .tab-body {
    display: none;
  }
  .opened_sidebar_wrapper .left-contents {
    height: 100vh;
    overflow: hidden;
    flex: none !important;
  }
}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type=number] {
  -moz-appearance: textfield;
}
.disabled-field {
  pointer-events: none;
  opacity: 0.5;
  cursor: default;
}
.disabled-input-field {
  opacity: 0.5;
  cursor: default;
}
.disabled-input-field .check-input {
  opacity: 0.5;
  pointer-events: none;
}
.disabled-input-field .radio-label {
  opacity: 0.6;
  cursor: not-allowed;
}
.disabled-input-field .check-text {
  opacity: 0.6;
}
.disabled-input-field .check-text .title {
  color: var(--text3);
}
.disabled-input-field .check-text p {
  color: var(--text3);
}
.disabled-input-field .check-control {
  opacity: 0.5;
}
button.back-btn {
  display: flex;
  padding: 0;
  margin-bottom: 12px;
  gap: 12px;
  color: var(--text2, #6f6f76);
  font-size: 14px;
  font-weight: 500;
  margin-top: -15px;
  align-items: center;
  line-height: initial;
}
button.back-btn {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  button.back-btn {
    font-size: 18px;
  }
}
@media screen and (min-width: 1800px) {
  button.back-btn {
    margin-bottom: 20px;
  }
}
.tooltip-wrapper {
  position: relative;
  cursor: pointer;
}
.tooltip-wrapper:hover .tooltip-content {
  opacity: 1;
  pointer-events: all;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
.tooltip-wrapper.position-left .tooltip-content {
  right: auto;
  left: 0;
}
.tooltip-wrapper.position-right .tooltip-content {
  right: 0;
  left: auto;
}
.tooltip-wrapper.position-top .tooltip-content {
  bottom: 100%;
}
.tooltip-wrapper .tooltip-content {
  z-index: 9;
  padding: 12px 16px;
  position: absolute;
  border-radius: 10px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  color: var(--text1, #111116);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  width: max-content;
  right: 0;
  opacity: 0;
  pointer-events: none;
  max-width: 350px;
}
.tooltip-wrapper .tooltip-content .icon-btn {
  box-shadow: none;
}
.tooltip-wrapper .tooltip-content img {
  vertical-align: middle;
}
.global-tooltip {
  position: absolute;
  z-index: 9999;
  background-color: #fff;
  color: var(--text1, #111116);
  padding: 12px 16px;
  border-radius: 10px;
  border: 1px solid var(--border-color, #eaeaea);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  max-width: 350px;
  word-wrap: break-word;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease, transform 0.2s ease;
  transform: translateY(5px);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}
@media (max-width: 1024px) {
  .global-tooltip {
    margin: 0 5px;
  }
}
.global-tooltip.tooltip-visible {
  opacity: 1;
  transform: translateY(0);
}
.no-data-wrapper {
  padding: 20px 10px;
}
@media screen and (max-width: 1800px) {
  .no-data-wrapper {
    padding: 16px 10px;
  }
}
.no-data-message {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  text-align: center;
}
.no-data-message {
  font-size: 13px;
}
@media screen and (min-width: 1800px) {
  .no-data-message {
    font-size: 14px;
  }
}
.no-data-message {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .no-data-message {
    line-height: 24.6px;
  }
}
@media screen and (max-width: 1800px) {
  .no-data-message {
    font-size: 12px;
    line-height: 16.8px;
  }
}
.input-container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-12);
}
@media (max-width: 1024px) {
  .input-container {
    gap: var(--gap-8) !important;
  }
}
.input-container.input-error {
  margin-left: 0px;
}
.input-container.input-error .input-label {
  color: var(--red);
}
.input-container.input-error .input-field {
  border: 1px solid var(--red) !important;
}
.input-container.input-error .input-icon:not(.input-icon-right) {
  bottom: 18px;
  left: 20px;
}
.input-container.input-error .input-icon:not(.input-icon-right) svg path {
  stroke: var(--red) !important;
}
.input-container .input-wrapper {
  position: relative;
  display: flex;
  align-items: center;
}
.input-container .input-wrapper.icon-none .input-field {
  padding-left: 20px !important;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.icon-none .input-field {
    padding-left: 16px !important;
  }
}
.input-container .input-wrapper.add-icon-left .input-field {
  padding-left: 56px;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-left .input-field {
    padding-left: 48px;
  }
}
.input-container .input-wrapper.add-icon-left .input-icon {
  bottom: 18px;
  left: 20px;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-left .input-icon {
    bottom: 17px;
    left: 17px;
  }
}
.input-container .input-wrapper.add-icon-right .input-field {
  padding-right: 56px;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-right .input-field {
    padding-right: 48px;
  }
}
.input-container .input-wrapper.add-icon-right .input-icon {
  bottom: 18px;
  right: 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .input-container .input-wrapper.add-icon-right .input-icon {
    bottom: 17px;
    right: 17px;
  }
}
.input-container .input-wrapper.add-icon-right .input-icon svg path {
  stroke: #dcdcdc !important;
}
.input-container .input-wrapper.add-icon-both .input-field {
  padding: 16px 56px;
}
.input-container .input-wrapper.add-icon-both .input-icon {
  left: 20px;
}
.input-container .input-wrapper.add-icon-both .input-icon:nth-child(even) {
  left: auto;
  right: 20px !important;
}
.input-container .input-wrapper.add-icon-both .input-icon:nth-child(even) svg path {
  stroke: #dcdcdc !important;
}
.input-container .input-wrapper .input-icon {
  position: absolute;
  display: flex;
  align-items: center;
  width: 24px;
  height: 24px;
  height: auto;
  pointer-events: none;
}
@media (max-width: 767px) {
  .input-container .input-wrapper .input-icon {
    width: 20px;
    height: 20px;
  }
}
.input-container .input-wrapper .input-icon svg {
  width: 100%;
}
.input-container .input-wrapper .input-field {
  color: var(--text2, #6f6f76);
  font-size: 16px;
  font-weight: 400;
  line-height: 19.6px;
  padding: 18px 16px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  width: 100%;
  outline: none;
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .input-container .input-wrapper .input-field {
    min-height: 48px;
    font-size: 14px;
    padding: 16px;
  }
}
.input-container .input-wrapper .input-field.input-field-filled {
  border: 1px solid var(--border-color, #eaeaea);
  background: #f4f4f4;
}
@media (max-width: 1024px) {
  .input-container .input-wrapper .input-label {
    font-size: 10px;
  }
}
.input-container .verify-btn {
  color: var(--red);
}
.input-container .input-label {
  display: flex;
  gap: 12px;
  align-items: center;
}
.btn-primary {
  min-width: 160px;
  background: var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  color: #fff;
}
.btn-primary:hover {
  background: #1fa86d;
}
.btn-primary:active {
  background: #2dcb87;
}
.btn-secondary {
  min-width: 160px;
  background: var(--yellow, #e9b331);
  box-shadow: 5px 10px 30px 0px rgba(240, 197, 93, 0.2);
  color: #fff;
}
.btn-secondary:hover {
  background: #dcaa30;
}
.btn-secondary:active {
  background: #f4b828;
}
.btn-outline {
  min-width: 160px;
  border: 2px solid var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  color: var(--green, #2fb67c);
}
.btn-outline:hover {
  background: #fff;
}
.btn-outline:active {
  color: #2dcb87;
  border: 2px solid #2dcb87;
}
.btn-outline-filled {
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  color: var(--text3, #a7a7a7);
  outline: 2px solid rgba(208, 208, 208, 0);
}
.btn-outline-filled:hover {
  outline: 2px solid #d0d0d0;
}
.btn-outline-filled:active {
  border: 2px solid var(--border-color, #eaeaea);
}
button:disabled,
button.disabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.role-txt {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .role-txt {
    margin-top: 24px;
  }
}
.role-txt h3 {
  margin-bottom: 20px;
  color: var(--text1, #111116);
}
.role-card {
  width: 100%;
  height: 100%;
  padding: 20px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: var(--white, #fff);
}
.role-card .role-card-tx h4 {
  color: var(--text1, #111116);
}
.role-card .role-card-tx p {
  color: var(--text2, #6f6f76);
  font-size: 12px;
  font-weight: 400;
  line-height: 16px;
  letter-spacing: -0.24px;
  margin-top: 8px;
  display: block;
}
.simple-card {
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color, #eaeaea);
  background: var(--white, #fff);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  padding: 20px;
}
.simple-card .header-simple-card {
  display: flex;
  align-items: center;
  gap: 12px;
}
.simple-card .header-simple-card img {
  width: 38px;
  height: 38px;
  border-radius: 100px;
}
.simple-card .header-simple-card .simple-card__content {
  color: var(--text1, #111116);
  font-size: 14px;
  line-height: 16px;
  letter-spacing: -0.28px;
  font-weight: 600;
}
.simple-card .header-simple-card .simple-card__text {
  margin-top: 4px;
  display: block;
  color: var(--text2, #6f6f76);
}
.simple-card .body-simple-card {
  display: flex;
  justify-content: space-between;
  padding-top: 20px;
  margin-top: 20px;
  border-top: 1px solid var(--border-color, #eaeaea);
}
.simple-card .body-simple-card h3 {
  color: var(--text1, #111116);
  font-size: 14px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.28px;
}
.simple-card .body-simple-card a {
  color: var(--green, #2fb67c);
  text-decoration: underline;
}
.associated-companies .cus-upload {
  height: 100%;
}
.associated-companies .cus-upload .plus-icons {
  border-radius: 10px;
  background: var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  display: flex;
  padding: 8px;
  justify-content: center;
  align-items: center;
  gap: 10px;
}
.main-wrapper {
  display: flex;
  width: 100%;
  min-height: 100vh;
}
.main-wrapper .main-content {
  padding: 40px;
  display: flex;
  flex-direction: column;
  flex: 1;
}
@media (max-width: 1024px) {
  .main-wrapper .main-content {
    padding: 0px 20px 110px;
  }
}
.main-wrapper .main-content .common-tab .tab-head {
  border-bottom: 1px solid #d7d7d7;
}
.main-wrapper p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .main-wrapper p {
    font-size: 16px;
  }
}
.main-wrapper p {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .main-wrapper p {
    line-height: 21.8px;
  }
}
.main-wrapper .left-contents {
  flex: 1;
  display: flex;
  flex-direction: column;
  max-width: calc(100% - 340px);
}
@media (max-width: 1024px) {
  .main-wrapper .left-contents {
    max-width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .main-wrapper .left-contents {
    max-width: calc(100% - 520px);
  }
}
.main-wrapper .side-drawer {
  width: 340px;
  max-width: 100%;
  height: 100%;
}
@media (max-width: 1024px) {
  .main-wrapper .side-drawer {
    width: 100%;
    height: calc(100% - 30px);
  }
}
@media screen and (min-width: 1800px) {
  .main-wrapper .side-drawer {
    width: 520px;
  }
}
.main-wrapper .side-drawer p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .main-wrapper .side-drawer p {
    font-size: 16px;
  }
}
.main-wrapper .side-drawer p {
  line-height: 16px;
}
@media screen and (min-width: 1800px) {
  .main-wrapper .side-drawer p {
    line-height: 21px;
  }
}
@media screen and (max-width: 1024px) {
  .main-wrapper .side-drawer p {
    font-size: 10px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1800px) {
  .main-wrapper .side-drawer p {
    font-size: 14px;
  }
}
.main-wrapper:not(:has(.side-drawer)) .left-contents {
  max-width: 100%;
}
.main-wrapper:not(:has(.side-drawer)) .main-content {
  padding: 40px 60px;
}
@media (max-width: 1024px) {
  .main-wrapper:not(:has(.side-drawer)) .main-content {
    padding: 0px 20px 28px;
  }
}
@media (max-width: 1024px) {
  .main-wrapper:has(.side-drawer.d-mob-none) .main-content {
    padding-bottom: 28px;
  }
}
.main-title {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1800px) {
  .main-title {
    margin-bottom: 26px;
  }
}
@media (max-width: 1024px) {
  .main-title {
    margin-bottom: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (min-width: 1800px) {
  .main-title h2 {
    font-size: 32px;
  }
}
@media (max-width: 1024px) {
  .main-title h2 {
    font-size: 20px;
  }
}
.main-sub-title {
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .main-sub-title {
    margin-bottom: 12px;
  }
}
.main-sub-title h4 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.32px;
  text-transform: uppercase;
}
.main-sub-title h4 {
  font-size: 16px;
}
@media screen and (min-width: 1800px) {
  .main-sub-title h4 {
    font-size: 20px;
  }
}
.main-sub-title h4 {
  line-height: 22.4px;
}
@media screen and (min-width: 1800px) {
  .main-sub-title h4 {
    line-height: 27.4px;
  }
}
@media (max-width: 1024px) {
  .main-sub-title h4 {
    color: var(--text1, #111116);
    font-size: 14px;
    font-weight: 600;
    line-height: 19.6px;
    letter-spacing: -0.28px;
    text-transform: uppercase;
  }
}
.my-profile {
  min-height: calc(100vh - 101px);
}
@media screen and (max-width: 1800px) {
  .my-profile {
    min-height: calc(100vh - 89px);
  }
}
.my-profile app-my-profile {
  flex: 1;
  display: flex;
  flex-direction: column;
}
.my-profile app-button {
  margin-top: auto;
}
@media screen and (min-width: 1800px) {
  .my-profile .btn-primary {
    font-size: 18px;
  }
}
@media (max-width: 1024px) {
  .my-profile .btn-primary {
    width: 100%;
  }
}
@media screen and (min-width: 1800px) {
  .my-profile-card {
    margin-bottom: 10px;
  }
}
.my-profile-card .common-edit-card-body ul {
  display: flex;
  gap: 18px;
  flex-wrap: wrap;
}
@media (max-width: 1024px) {
  .my-profile-card .common-edit-card-body ul {
    gap: 5px;
  }
}
.my-profile-card .common-edit-card-body ul li {
  color: var(--text1, #111116);
  font-weight: 600;
  line-height: 16px;
  flex: 1 1 calc(33.3333333333% - 18px);
}
.my-profile-card .common-edit-card-body ul li {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .my-profile-card .common-edit-card-body ul li {
    font-size: 18px;
  }
}
.my-profile-card .common-edit-card-body ul li {
  line-height: 22px;
}
@media screen and (min-width: 1800px) {
  .my-profile-card .common-edit-card-body ul li {
    line-height: 27px;
  }
}
.my-profile-card .common-edit-card-body ul li em {
  font-style: normal;
  word-break: initial;
}
@media (max-width: 1024px) {
  .my-profile-card .common-edit-card-body ul li {
    flex: 1 1 calc(50% - 18px);
  }
}
.my-profile-card .common-edit-card-body ul li span {
  display: block;
  color: var(--text2, #6f6f76);
  margin-top: 4px;
}
.my-profile-card .common-edit-card-body ul li span {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .my-profile-card .common-edit-card-body ul li span {
    font-size: 16px;
  }
}
.my-profile-card .common-edit-card-body ul li span {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .my-profile-card .common-edit-card-body ul li span {
    line-height: 21.8px;
  }
}
@media screen and (min-width: 1800px) {
  .my-profile-card .common-edit-card-body ul li span {
    margin-top: 8px;
  }
}
.company-list li {
  cursor: pointer;
  width: 100%;
  text-align: center;
  border-radius: 10px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.24px;
  padding: 10px 10px;
  margin-bottom: 6px;
}
.company-list li {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .company-list li {
    font-size: 16px;
  }
}
.company-list li {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .company-list li {
    line-height: 19px;
  }
}
@media screen and (min-width: 1800px) {
  .company-list li {
    margin-bottom: 12px;
  }
}
.company-profile .tab-head {
  margin-bottom: 16px;
  margin-top: 4px;
}
@media screen and (min-width: 1800px) {
  .company-profile .tab-head {
    margin-bottom: 20px;
    margin-top: 8px;
  }
  .company-profile .tab-head ul li {
    padding-bottom: 26px;
  }
}
.company-profile .green-head-cards .common-edit-card-body {
  min-height: 150px;
}
@media (max-width: 1024px) {
  .company-profile .green-head-cards .common-edit-card-body {
    min-height: auto;
  }
}
@media (max-width: 575px) {
  .company-profile .common-tab .tab-head {
    flex-direction: column;
    align-items: flex-start;
    border-bottom: none !important;
  }
  .company-profile .common-tab .tab-head ul {
    width: 100%;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 8px;
  }
}
.profile-progress-card .common-edit-card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
@media (max-width: 1024px) {
  .profile-progress-card .common-edit-card-body {
    gap: 12px;
  }
}
.profile-progress-card p {
  color: var(--text2, #6f6f76);
}
.circle-progressbar {
  position: relative;
}
.circle-progressbar svg {
  position: relative;
  width: 100px;
  height: 100px;
  transform: rotate(-90deg);
}
@media (max-width: 1024px) {
  .circle-progressbar svg {
    width: 68px;
    height: 68px;
  }
}
.circle-progressbar svg circle {
  width: 100%;
  height: 100%;
  fill: none;
  stroke: #f0f0f0;
  stroke-width: 10;
  stroke-linecap: round;
}
@media (max-width: 1024px) {
  .circle-progressbar svg circle {
    cx: 34;
    cy: 34;
    r: 28;
    stroke-width: 6px;
  }
}
.circle-progressbar svg circle:last-of-type {
  stroke-dasharray: 282.6;
  stroke-dashoffset: calc(282.6 - 282.6 * var(--percent) / 100);
  stroke: #3498db;
}
@media (max-width: 1024px) {
  .circle-progressbar svg circle:last-of-type {
    stroke-dasharray: 175.84;
    stroke-dashoffset: calc(175.84 - 175.84 * var(--percent) / 100);
  }
}
.circle-progressbar:nth-child(1) svg circle:last-of-type {
  stroke: var(--green, #2fb67c);
}
.circle-progressbar:nth-child(2) svg circle:last-of-type {
  stroke: rgba(47, 182, 124, 0.15);
}
.circle-progressbar .completion-percentage {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.circle-progressbar .completion-percentage h3 {
  color: var(--green, #2fb67c);
  font-size: 14px;
  font-weight: 600;
  line-height: 19.6px;
  letter-spacing: -0.28px;
  text-transform: uppercase;
}
.tab-content-ir35 h6,
.tab-content-accountancy h6 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.2px;
  margin-bottom: 8px;
}
.tab-content-ir35 h6,
.tab-content-accountancy h6 {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .tab-content-ir35 h6,
  .tab-content-accountancy h6 {
    font-size: 16px;
  }
}
.tab-content-ir35 h6,
.tab-content-accountancy h6 {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .tab-content-ir35 h6,
  .tab-content-accountancy h6 {
    line-height: 17px;
  }
}
@media screen and (min-width: 1800px) {
  .tab-content-ir35 h6,
  .tab-content-accountancy h6 {
    margin-bottom: 12px;
  }
}
@media (max-width: 1024px) {
  .tab-content-ir35 h6,
  .tab-content-accountancy h6 {
    font-size: 10px;
  }
}
.tab-content-ir35 p,
.tab-content-accountancy p {
  margin-bottom: 16px;
}
@media screen and (min-width: 1800px) {
  .tab-content-ir35 p,
  .tab-content-accountancy p {
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 1400px) {
  .tab-content-ir35 .col-2,
  .tab-content-accountancy .col-2 {
    max-width: 34%;
  }
}
@media screen and (min-width: 1800px) {
  .tab-content-ir35 .col-2,
  .tab-content-accountancy .col-2 {
    max-width: 37%;
  }
}
.tab-content-company-profile-summary {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media screen and (min-width: 1800px) {
  .tab-content-company-profile-summary {
    gap: 20px;
  }
}
.tab-content-company-profile-summary p {
  margin-bottom: 8px;
}
@media screen and (min-width: 1800px) {
  .tab-content-company-profile-summary p {
    margin-bottom: 12px;
  }
}
.side-drawer-sub-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
}
@media screen and (min-width: 1800px) {
  .side-drawer-sub-title {
    margin-bottom: 12px;
  }
}
.side-drawer-sub-title h6 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.24px;
}
.side-drawer-sub-title h6 {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .side-drawer-sub-title h6 {
    font-size: 16px;
  }
}
.side-drawer-sub-title h6 {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .side-drawer-sub-title h6 {
    line-height: 19.4px;
  }
}
@media screen and (max-width: 1024px) {
  .side-drawer-sub-title h6 {
    font-size: 10px;
  }
}
@media screen and (max-width: 1024px) and (min-width: 1800px) {
  .side-drawer-sub-title h6 {
    font-size: 14px;
  }
}
.company-logo-card {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 20px;
}
.company-logo-card span {
  display: flex;
  padding: 5px 20px;
  align-items: center;
  gap: 8px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  max-width: 158px;
  height: 50px;
}
@media screen and (max-width: 1800px) {
  .company-logo-card span {
    max-width: 128px;
    height: 45px;
  }
}
@media screen and (max-width: 1024px) {
  .company-logo-card span {
    padding: 4px 8px;
    max-width: 76px;
    border-radius: 6px;
    height: auto;
  }
}
.company-logo-card span img {
  width: 100%;
  max-height: 100%;
}
.company-logo-card h6 {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.28px;
}
.company-logo-card h6 {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .company-logo-card h6 {
    font-size: 18px;
  }
}
.company-logo-card h6 {
  line-height: 19px;
}
@media screen and (min-width: 1800px) {
  .company-logo-card h6 {
    line-height: 24px;
  }
}
@media screen and (max-width: 1024px) {
  .company-logo-card h6 {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.2px;
  }
}
.insurance-table-card .cell-insure-details {
  min-width: 44%;
}
@media screen and (min-width: 1200px) {
  .insurance-table-card .table-card-header .cell-expiry,
  .insurance-table-card .table-card-body .cell-expiry {
    flex: 0 1 100px;
  }
  .insurance-table-card .table-card-header .cell-insured-amount,
  .insurance-table-card .table-card-body .cell-insured-amount {
    flex: 0 1 150px;
    min-width: 120px;
  }
  .insurance-table-card .table-card-header .cell-action,
  .insurance-table-card .table-card-body .cell-action {
    flex: 0 1 160px;
  }
  .insurance-table-card .table-card-header .cell-document,
  .insurance-table-card .table-card-body .cell-document {
    flex: 0 1 180px;
  }
}
@media screen and (max-width: 1024px) {
  .insurance-table-card .table-card-header {
    display: none;
  }
  .insurance-table-card .table-card-body {
    padding: 0;
  }
  .insurance-table-card .table-inner-row {
    flex-wrap: wrap;
    padding: 0 !important;
  }
  .insurance-table-card .cell-insure-details {
    padding: 12px 16px;
    width: 100%;
    flex: auto !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f9f9f9;
    gap: 5px;
  }
  .insurance-table-card .cell-insure-details > div {
    flex-grow: 1;
  }
  .insurance-table-card .cell-insured-amount {
    padding: 12px 16px;
  }
  .insurance-table-card .cell-document {
    padding: 12px 0;
  }
  .insurance-table-card .cell-expiry {
    padding: 12px 16px;
  }
  .insurance-table-card .mob-only-cell {
    margin-bottom: 5px;
  }
}
.manage-table-card {
  border-radius: var(--border-radius);
  border: 1px solid var(--border-color, #eaeaea);
  background: var(--white, #fff);
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  position: relative;
  overflow: hidden;
}
.manage-table-card .manage-header {
  display: flex;
  padding: 16px;
  border-radius: 12px 12px 0px 0px;
  background: #f5f5f5;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-header {
    padding: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .manage-table-card .manage-header {
    display: none;
  }
}
.manage-table-card .manage-header .manage-cell {
  flex: 1;
  color: var(--text3, #a7a7a7);
  padding: 0 10px;
  font-weight: 600;
  letter-spacing: -0.16px;
  text-transform: uppercase;
}
.manage-table-card .manage-header .manage-cell {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-header .manage-cell {
    font-size: 13px;
  }
}
.manage-table-card .manage-header .manage-cell {
  line-height: 11.2px;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-header .manage-cell {
    line-height: 16.2px;
  }
}
@media screen and (min-width: 1400px) and (max-width: 1800px) {
  .manage-table-card .manage-header .manage-cell {
    font-size: var(--xl-tb-head-fs);
  }
}
@media screen and (max-width: 1024px) {
  .manage-table-card .manage-header .manage-cell {
    font-weight: 400;
  }
}
@media screen and (max-width: 567px) {
  .manage-table-card .manage-header .manage-cell {
    font-size: var(--xs-tb-fs);
  }
}
.manage-table-card .manage-header .manage-cell.action {
  flex: 0 0 135px !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-header .manage-cell.action {
    flex: 0 0 200px !important;
  }
}
.manage-table-card .manage-body {
  display: flex;
  padding: 10px 16px;
  align-items: center;
  cursor: pointer;
}
.manage-table-card .manage-body.selected {
  background-color: rgba(45, 175, 120, 0.1803921569);
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-body {
    padding: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .manage-table-card .manage-body {
    padding: 16px;
  }
}
.manage-table-card .manage-body .manage-inner-row {
  display: flex;
  flex: 1;
}
@media screen and (max-width: 1024px) {
  .manage-table-card .manage-body .manage-inner-row {
    flex-direction: column !important;
    gap: 4px 0;
  }
}
.manage-table-card .manage-body .manage-cell {
  flex: 1;
  color: var(--text1, #111116);
  padding: 0 10px;
  letter-spacing: -0.24px;
}
.manage-table-card .manage-body .manage-cell {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-body .manage-cell {
    font-size: 13px;
  }
}
.manage-table-card .manage-body .manage-cell {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-body .manage-cell {
    line-height: 19px;
  }
}
@media screen and (max-width: 1024px) {
  .manage-table-card .manage-body .manage-cell {
    padding: 0;
  }
}
@media screen and (max-width: 567px) {
  .manage-table-card .manage-body .manage-cell {
    font-size: var(--xs-tb-fs);
  }
}
.manage-table-card .manage-body .manage-cell span {
  color: var(--text1, #111116);
}
.manage-table-card .manage-body .manage-cell span {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-body .manage-cell span {
    font-size: 16px;
  }
}
@media screen and (max-width: 567px) {
  .manage-table-card .manage-body .manage-cell span {
    font-size: var(--xs-tb-fs);
  }
}
.manage-table-card .manage-body .manage-cell.action {
  flex: 0 0 135px !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 5px;
  padding-right: 0;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-body .manage-cell.action {
    flex: 0 0 200px !important;
  }
}
@media screen and (max-width: 1024px) {
  .manage-table-card .manage-body .manage-cell.action {
    flex: 0 0 auto !important;
    padding-left: 5px;
  }
}
.manage-table-card .manage-body .manage-cell.action .btn {
  border-radius: 6px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  width: 24px;
  height: 24px;
  padding: 6px;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
@media screen and (min-width: 1800px) {
  .manage-table-card .manage-body .manage-cell.action .btn {
    width: 36px;
    height: 36px;
    padding: 5px;
  }
  .manage-table-card .manage-body .manage-cell.action .btn img {
    width: 75%;
  }
}
.manage-users .main-title {
  flex-direction: row;
  align-items: center;
}
.manage-search-wrap .search-container {
  margin-bottom: 20px;
}
@media screen and (min-width: 1800px) {
  .manage-search-wrap .search-container {
    margin-bottom: 26px;
  }
}
.switch-company .main-title {
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .switch-company .main-title {
    margin-bottom: 49px;
    margin-bottom: 12px;
  }
}
.switch-company .cus-row {
  gap: 20px 0;
}
@media screen and (max-width: 1024px) {
  .switch-company .cus-row {
    gap: 16px 0;
  }
}
.switch-company .tab-head ul li {
  padding-bottom: 12px;
}
.switch-company .tab-head {
  margin-bottom: 24px;
}
.switch-company .btn-primary {
  min-width: 220px;
}
@media screen and (max-width: 1024px) {
  .switch-company .btn-primary {
    min-width: 100%;
  }
}
.my-associated-companies-card .user-card span {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 1800px) {
  .my-associated-companies-card .user-card span {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .my-associated-companies-card .common-edit-card-head {
    padding-bottom: 12px;
  }
}
.my-associated-companies-card .common-edit-card-body {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 1024px) {
  .my-associated-companies-card .common-edit-card-body {
    padding: 16px 13px;
  }
}
.my-associated-companies-card .common-edit-card-body h6 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.28px;
}
.my-associated-companies-card .common-edit-card-body h6 {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .my-associated-companies-card .common-edit-card-body h6 {
    font-size: 18px;
  }
}
.my-associated-companies-card .common-edit-card-body h6 {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .my-associated-companies-card .common-edit-card-body h6 {
    line-height: 21.8px;
  }
}
.my-associated-companies-card .action-btn {
  display: flex;
  gap: 12px;
}
.my-associated-companies-card .action-btn .reject-btn {
  color: #d7494b;
}
.tab-content-my-companies .add-btn-card {
  display: flex;
  height: 100%;
  width: 100%;
  padding: 24px 20px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  border-radius: 12px;
  border: 1px dashed var(--text3, #a7a7a7);
}
@media screen and (max-width: 1024px) {
  .tab-content-my-companies .add-btn-card {
    gap: 4px;
  }
}
.tab-content-my-companies .add-btn-card p {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.28px;
}
.tab-content-my-companies .add-btn-card p {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .tab-content-my-companies .add-btn-card p {
    font-size: 18px;
  }
}
.tab-content-my-companies .add-btn-card p {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .tab-content-my-companies .add-btn-card p {
    line-height: 24.6px;
  }
}
.tab-content-my-companies .add-btn-card span {
  width: 32px;
  height: 32px;
  padding: 8px;
  justify-content: center;
  display: flex;
  align-items: center;
  border-radius: 10px;
  background: var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
}
.tab-content-my-companies .add-btn-card span img {
  width: 20px;
  height: 20px;
}
@media screen and (max-width: 1024px) {
  .tab-content-my-companies .add-btn-card span img {
    width: 16px;
    height: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement .main-title {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement .main-title h3 {
    font-size: 16px;
  }
}
.create-agreement .create-agreement-block .cus-row {
  gap: 20px 0;
}
.create-agreement .create-agreement-block .cus-row .col-2 {
  gap: 20px 0;
  display: flex;
  flex-direction: column;
}
.create-agreement .create-agreement-block hr {
  margin: 20px 0 24px 0;
}
@media screen and (max-width: 1024px) {
  .create-agreement .create-agreement-block hr {
    margin: 20px 0;
  }
}
.create-agreement .create-agreement-block .input-wrapper-select select {
  min-height: 72px;
  padding: 16px 20px;
  color: var(--text2, #6f6f76);
}
@media screen and (max-width: 1024px) {
  .create-agreement .create-agreement-block .input-wrapper-select select {
    min-height: 48px;
    padding: 12px 16px;
  }
}
.create-agreement .input-container label {
  color: var(--text2, #6f6f76);
}
.create-agreement .input-container label {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .create-agreement .input-container label {
    font-size: 16px;
  }
}
.create-agreement .input-container .input-field {
  padding: 12px 20px;
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement .input-container .input-field {
    min-height: 48px;
    padding: 12px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement .input-container {
    gap: 8px;
  }
}
.create-agreement .user-card {
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .create-agreement .user-card {
    gap: 8px;
  }
}
.create-agreement .user-card span {
  width: 24px;
  height: 24px;
}
.create-agreement .select-company .lead-paragraph {
  color: var(--green);
}
.create-agreement .select-company hr {
  margin: 0 20px;
}
.create-agreement .select-company .common-edit-card-head,
.create-agreement .select-company .common-edit-card-body {
  padding: 20px 16px;
}
@media screen and (max-width: 1024px) {
  .create-agreement .select-company .common-edit-card-head,
  .create-agreement .select-company .common-edit-card-body {
    padding: 16px 12px;
  }
}
.dropdown-company-card {
  gap: 16px;
  width: 100%;
  display: flex;
  align-items: center;
}
.dropdown-company-card figure {
  width: 40px;
  height: 40px;
  border-radius: 8px;
  border: 1px solid var(--border-color, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.dropdown-company-card h5 {
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 500;
  line-height: 19.2px;
  letter-spacing: -0.32px;
  word-break: auto-phrase;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .main-title {
    margin-bottom: 12px !important;
  }
  .create-agreement-current-status .main-title h3 {
    font-size: 16px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .lead-font {
  color: var(--green, #2fb67c);
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .agreement-upload {
    margin-top: 8px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .radio-option {
  min-height: 24px;
}
.create-agreement-current-status .create-agreement-current-status-wrap .radio-option [type=radio]:checked + label,
.create-agreement-current-status .create-agreement-current-status-wrap .radio-option [type=radio]:not(:checked) + label {
  font-size: 12px;
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card {
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  padding: 20px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card {
    padding: 16px;
    margin-bottom: 16px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-head .role-card-tx {
  color: var(--text1, #111116);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-head .role-card-tx {
    font-size: 12px;
    line-height: 16.8px;
    letter-spacing: -0.24px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid var(--border-color, #eaeaea);
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body {
    padding-top: 8px;
    margin-top: 8px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body p {
  color: var(--text2, #6f6f76);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body p {
    margin-bottom: 8px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body p:last-child {
  margin-bottom: 0px;
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .agreement-upload .btn {
  min-width: 200px;
  min-height: 56px;
  padding: 14px 20px;
  color: var(--green, #2fb67c);
  text-align: center;
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
  border-radius: 12px;
  border: 1px dashed var(--text3, #a7a7a7);
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .agreement-upload .btn {
    width: 100%;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .upload-agreement {
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .upload-agreement {
    flex-direction: column;
    gap: 8px;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .upload-agreement .input-label {
  color: var(--text3, #a7a7a7);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .input-container .input-field {
  padding-top: 14px;
  padding-bottom: 14px;
  min-height: 56px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .input-container .input-field {
    width: 100%;
  }
}
.create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .agreement-upload {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-current-status .create-agreement-current-status-wrap .accordion-card .accordion-card-body .agreement-upload {
    gap: 8px;
  }
}
.create-agreement-details-supplier .main-title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .main-title {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .main-title h3 {
    font-size: 16px;
  }
}
.create-agreement-details-supplier .agreement-details-supplier-form .lead-font {
  color: var(--green, #2fb67c);
  margin-bottom: 24px;
}
.create-agreement-details-supplier .agreement-details-supplier-form .cus-row {
  gap: 20px 0;
}
.create-agreement-details-supplier .agreement-details-supplier-form .cus-row .col-2 {
  gap: 20px 0;
  display: flex;
  flex-direction: column;
}
.create-agreement-details-supplier .agreement-details-supplier-form hr {
  margin: 20px 0 24px 0;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .agreement-details-supplier-form hr {
    margin: 20px 0;
  }
}
.create-agreement-details-supplier .agreement-details-supplier-form .input-wrapper-select select {
  padding: 16px 20px;
  color: var(--text2, #6f6f76);
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .agreement-details-supplier-form .input-wrapper-select select {
    padding: 12px 16px;
  }
}
.create-agreement-details-supplier .agreement-details-supplier-form .input-wrapper-select select.select-field-filled {
  color: var(--text1, #111116);
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .agreement-details-supplier-form .input-wrapper-select select.select-field-filled {
    min-height: 48px;
  }
}
.create-agreement-details-supplier .input-container label {
  color: var(--text2, #6f6f76);
}
.create-agreement-details-supplier .input-container .input-field {
  padding: 12px 20px;
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .input-container .input-field {
    min-height: 48px;
    padding: 12px 16px;
  }
}
.create-agreement-details-supplier .input-container .input-field.input-field-filled {
  color: var(--text1, #111116);
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .input-container .input-field.input-field-filled {
    min-height: 48px;
    padding: 12px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .input-container {
    gap: 8px;
  }
}
.create-agreement-details-supplier .user-card {
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .user-card {
    gap: 8px;
  }
}
.create-agreement-details-supplier .user-card span {
  width: 24px;
  height: 24px;
}
.create-agreement-details-supplier .select-company .lead-paragraph {
  color: var(--green);
}
.create-agreement-details-supplier .select-company hr {
  margin: 0 20px;
}
.create-agreement-details-supplier .select-company .common-edit-card-head,
.create-agreement-details-supplier .select-company .common-edit-card-body {
  padding: 20px 16px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-supplier .select-company .common-edit-card-head,
  .create-agreement-details-supplier .select-company .common-edit-card-body {
    padding: 16px 12px;
  }
}
.create-agreement-details-client .main-title {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .main-title {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .main-title h3 {
    font-size: 16px;
  }
}
.create-agreement-details-client .agreement-details-client-form .lead-font {
  color: var(--green, #2fb67c);
  margin-bottom: 24px;
}
.create-agreement-details-client .agreement-details-client-form .cus-row {
  gap: 20px 0;
}
.create-agreement-details-client .agreement-details-client-form .cus-row .col-2 {
  gap: 20px 0;
  display: flex;
  flex-direction: column;
}
.create-agreement-details-client .agreement-details-client-form hr {
  margin: 20px 0 24px 0;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .agreement-details-client-form hr {
    margin: 20px 0;
  }
}
.create-agreement-details-client .agreement-details-client-form .input-wrapper-select select {
  padding: 16px 20px;
  color: var(--text2, #6f6f76);
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .agreement-details-client-form .input-wrapper-select select {
    padding: 12px 16px;
  }
}
.create-agreement-details-client .agreement-details-client-form .input-wrapper-select select.select-field-filled {
  color: var(--text1, #111116);
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .agreement-details-client-form .input-wrapper-select select.select-field-filled {
    min-height: 48px;
  }
}
.create-agreement-details-client .input-container label {
  color: var(--text2, #6f6f76);
}
.create-agreement-details-client .input-container .input-field {
  padding: 12px 20px;
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .input-container .input-field {
    min-height: 48px;
    padding: 12px 16px;
  }
}
.create-agreement-details-client .input-container .input-field.input-field-filled {
  color: var(--text1, #111116);
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .input-container .input-field.input-field-filled {
    min-height: 48px;
    padding: 12px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .input-container {
    gap: 8px;
  }
}
.create-agreement-details-client .user-card {
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .user-card {
    gap: 8px;
  }
}
.create-agreement-details-client .user-card span {
  width: 24px;
  height: 24px;
}
.create-agreement-details-client .select-company .lead-paragraph {
  color: var(--green);
}
.create-agreement-details-client .select-company hr {
  margin: 0 20px;
}
.create-agreement-details-client .select-company .common-edit-card-head,
.create-agreement-details-client .select-company .common-edit-card-body {
  padding: 20px 16px;
}
@media screen and (max-width: 1024px) {
  .create-agreement-details-client .select-company .common-edit-card-head,
  .create-agreement-details-client .select-company .common-edit-card-body {
    padding: 16px 12px;
  }
}
.page-switch-btns-grp {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 24px;
}
@media screen and (min-width: 1800px) {
  .page-switch-btns-grp {
    margin-bottom: 30px;
  }
}
.page-switch-btns-grp .btn-outline-filled {
  flex: 1;
  padding: 12px 20px;
  background: #fff;
  box-shadow:
    0px 100px 80px 0px rgba(0, 0, 0, 0.07),
    0px 41.778px 33.422px 0px rgba(0, 0, 0, 0.05),
    0px 22.336px 17.869px 0px rgba(0, 0, 0, 0.04),
    0px 12.522px 10.017px 0px rgba(0, 0, 0, 0.04),
    0px 6.65px 5.32px 0px rgba(0, 0, 0, 0.03),
    0px 2.767px 2.214px 0px rgba(0, 0, 0, 0.02);
  border: none;
  color: var(--text2, #6f6f76);
  text-align: center;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  font-weight: 400;
}
.page-switch-btns-grp .btn-outline-filled {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .page-switch-btns-grp .btn-outline-filled {
    font-size: 18px;
  }
}
.page-switch-btns-grp .btn-outline-filled {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .page-switch-btns-grp .btn-outline-filled {
    line-height: 24.6px;
  }
}
@media screen and (max-width: 1024px) {
  .page-switch-btns-grp .btn-outline-filled {
    padding: 10px 8px;
    font-size: 12px;
    line-height: 16.8px;
    letter-spacing: -0.24px;
    flex: auto;
  }
}
@media screen and (min-width: 1800px) {
  .page-switch-btns-grp .btn-outline-filled {
    min-height: 56px;
  }
}
.page-switch-btns-grp .btn-outline-filled.active {
  color: #fff;
  font-weight: 600;
  border-radius: 12px;
  background: var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
}
.supplier-clients-btns-grp {
  display: flex;
  gap: 12px;
  margin: 20px 0;
}
@media screen and (min-width: 1800px) {
  .supplier-clients-btns-grp {
    margin: 32px 0;
  }
}
@media screen and (max-width: 1024px) {
  .supplier-clients-btns-grp {
    margin: 16px 0 20px 0;
  }
}
.supplier-clients-btns-grp .btn-outline {
  min-height: 36px;
  padding: 8px 16px;
  border-radius: 10px;
  border: 1.5px solid var(--green, #2fb67c);
  text-align: center;
  letter-spacing: -0.24px;
  box-shadow: none;
  min-width: auto;
  text-transform: none;
}
.supplier-clients-btns-grp .btn-outline {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .supplier-clients-btns-grp .btn-outline {
    font-size: 16px;
  }
}
.supplier-clients-btns-grp .btn-outline {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .supplier-clients-btns-grp .btn-outline {
    line-height: 19.4px;
  }
}
@media screen and (max-width: 1024px) {
  .supplier-clients-btns-grp .btn-outline {
    flex: 1;
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.2px;
    height: auto;
  }
}
.clients-card {
  margin-bottom: 16px;
}
@media screen and (max-width: 1024px) {
  .clients-card {
    margin-bottom: 12px;
  }
}
.clients-card .common-edit-card-body {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}
@media screen and (max-width: 1024px) {
  .clients-card .common-edit-card-body {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 12px;
    padding: 16px;
  }
}
.clients-card .company-info {
  display: flex;
  align-items: center;
  width: 30%;
}
@media screen and (max-width: 1024px) {
  .clients-card .company-info {
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px solid var(--border-color, #eaeaea);
  }
}
.clients-card .clients-card-right {
  flex: 1;
}
.clients-card .clients-card-right .clients-card-right-item {
  display: flex;
  align-items: center;
  position: relative;
}
.clients-card .clients-card-right .clients-card-right-item + .clients-card-right-item {
  padding-top: 12px;
  margin-top: 12px;
  border-top: 1px solid var(--border-color);
}
.clients-card .clients-card-right .clients-card-right-item .red-dot {
  right: -10px;
  top: 0;
}
@media screen and (max-width: 1024px) {
  .clients-card .clients-card-right .clients-card-right-item {
    flex-wrap: wrap;
  }
}
.clients-card .client-company-logo {
  margin-right: 20px;
}
@media screen and (max-width: 1024px) {
  .clients-card .client-company-logo {
    flex: initial;
    margin-right: 12px;
  }
}
.clients-card .client-company-logo figure {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
}
.clients-card .client-company-logo figure.no-image {
  background: var(--border-color, #eaeaea);
  border-radius: 50%;
}
@media screen and (min-width: 1800px) {
  .clients-card .client-company-logo figure {
    width: 45px;
    height: 45px;
  }
}
.clients-card .client-company-name {
  flex: 1;
  padding-right: 5px;
}
.clients-card .client-company-name h6 {
  color: var(--text1, #111116);
  font-style: normal;
  font-weight: 600;
  letter-spacing: -0.28px;
}
.clients-card .client-company-name h6 {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .clients-card .client-company-name h6 {
    font-size: 18px;
  }
}
.clients-card .client-company-name h6 {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .clients-card .client-company-name h6 {
    line-height: 24.6px;
  }
}
.clients-card .client-agreement-details {
  display: flex;
  align-items: center;
  gap: 33px;
  flex: 2;
}
@media screen and (max-width: 1360px) {
  .clients-card .client-agreement-details {
    flex: 3;
  }
}
@media screen and (max-width: 1024px) {
  .clients-card .client-agreement-details {
    display: block;
    flex-basis: 40%;
    flex-grow: 1;
  }
}
.clients-card .client-agreement-details p {
  color: var(--text2, #6f6f76);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.16px;
  margin-top: 4px;
}
.clients-card .client-agreement-details p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .clients-card .client-agreement-details p {
    font-size: 14px;
  }
}
.clients-card .client-agreement-details p {
  line-height: 13.2px;
}
@media screen and (min-width: 1800px) {
  .clients-card .client-agreement-details p {
    line-height: 18.2px;
  }
}
.clients-card .client-agreement-details p:last-of-type {
  margin-bottom: 0;
}
@media screen and (min-width: 1800px) {
  .clients-card .client-agreement-details p {
    margin-top: 8px;
  }
}
.clients-card .card-actions-btns {
  flex: 0 1 140px;
  justify-content: flex-end;
}
@media screen and (max-width: 1800px) {
  .clients-card .card-actions-btns {
    flex: 0 1 90px;
  }
}
@media screen and (max-width: 1024px) {
  .clients-card .card-actions-btns {
    margin-left: auto;
    flex: initial;
  }
}
@media screen and (max-width: 1024px) {
  .clients-card .btns-wrapper {
    flex: initial;
    width: 100%;
    order: 4;
    padding-top: 15px;
  }
  .clients-card .btns-wrapper button {
    width: 100%;
  }
}
.clients-card .check-option label {
  gap: 6px !important;
  flex-direction: column;
}
.clients-card .check-option [type=checkbox]:checked + label .check-control,
.clients-card .check-option [type=checkbox]:not(:checked) + label .check-control {
  position: relative;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  flex: none;
}
.clients-card .check-option [type=checkbox]:checked + label .check-control:after,
.clients-card .check-option [type=checkbox]:not(:checked) + label .check-control:after {
  background-size: 6px;
}
.clients-card .check-option .check-text {
  color: var(--text3, #a7a7a7);
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.2px;
  text-transform: uppercase;
}
.clients-card .check-option .check-text {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .clients-card .check-option .check-text {
    font-size: 14px;
  }
}
.clients-card .check-option .check-text {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .clients-card .check-option .check-text {
    line-height: 19px;
  }
}
.clients-card .underline-btn {
  font-weight: 500;
}
.view-agreement-btn {
  color: var(--green, #2fb67c);
  font-style: normal;
  letter-spacing: -0.16px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e5faf1;
  background: #e9faf3;
  text-transform: none;
  min-width: 180px;
}
.view-agreement-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .view-agreement-btn {
    font-size: 14px;
  }
}
.view-agreement-btn {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .view-agreement-btn {
    line-height: 17px;
  }
}
@media screen and (min-width: 1800px) {
  .view-agreement-btn {
    min-width: 250px;
    padding: 12px 12px;
  }
}
.upload-agreement-btn {
  padding: 8px 12px;
  border-radius: 8px;
  background: var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  color: #fff;
  letter-spacing: -0.2px;
  text-transform: initial;
  min-width: 180px;
}
.upload-agreement-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .upload-agreement-btn {
    font-size: 14px;
  }
}
.upload-agreement-btn {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .upload-agreement-btn {
    line-height: 17px;
  }
}
@media screen and (min-width: 1800px) {
  .upload-agreement-btn {
    min-width: 250px;
    padding: 12px 12px;
  }
}
.signed-agreement-btn {
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e5faf1;
  color: var(--green, #2fb67c);
  letter-spacing: -0.16px;
  text-transform: none;
  min-width: 180px;
}
.signed-agreement-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .signed-agreement-btn {
    font-size: 14px;
  }
}
.signed-agreement-btn {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .signed-agreement-btn {
    line-height: 17px;
  }
}
@media screen and (min-width: 1800px) {
  .signed-agreement-btn {
    min-width: 250px;
    padding: 12px 12px;
  }
}
.coming-soon-btn {
  color: var(--green, #2fb67c);
  font-weight: 500;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  height: 32px;
  padding: 8px 12px;
  border-radius: 8px;
  border: 1px solid #e5faf1;
  background: #e9faf3;
}
.coming-soon-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .coming-soon-btn {
    font-size: 14px;
  }
}
.coming-soon-btn {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .coming-soon-btn {
    line-height: 19px;
  }
}
.agreement-company-drawer-card {
  padding: 12px 20px;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  gap: 12px;
  width: 100%;
  display: flex;
  align-items: flex-start;
}
@media screen and (max-width: 1024px) {
  .agreement-company-drawer-card {
    margin-bottom: 20px;
  }
}
.agreement-company-drawer-card figure {
  width: 32px;
  height: 32px;
  border-radius: 8px;
  border: 1px solid var(--border-color, #eaeaea);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 2px;
  flex: none;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card figure {
    width: 42px;
    height: 42px;
  }
}
.agreement-company-drawer-card h6 {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.16px;
  margin-bottom: 4px;
}
.agreement-company-drawer-card h6 {
  font-size: 8px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card h6 {
    font-size: 12px;
  }
}
.agreement-company-drawer-card h6 {
  line-height: 11.2px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card h6 {
    line-height: 16.2px;
  }
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card h6 {
    margin-bottom: 8px;
  }
}
.agreement-company-drawer-card h5 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.2px;
}
.agreement-company-drawer-card h5 {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card h5 {
    font-size: 14px;
  }
}
.agreement-company-drawer-card h5 {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card h5 {
    line-height: 17px;
  }
}
.agreement-company-drawer-card .check-option {
  margin-left: auto;
}
.agreement-company-drawer-card .check-option [type=checkbox]:checked + label,
.agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.16px;
  gap: 6px;
}
.agreement-company-drawer-card .check-option [type=checkbox]:checked + label,
.agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label {
  font-size: 8px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card .check-option [type=checkbox]:checked + label,
  .agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label {
    font-size: 12px;
  }
}
.agreement-company-drawer-card .check-option [type=checkbox]:checked + label,
.agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label {
  line-height: 11.2px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card .check-option [type=checkbox]:checked + label,
  .agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label {
    line-height: 16.2px;
  }
}
.agreement-company-drawer-card .check-option [type=checkbox]:checked + label .check-control,
.agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label .check-control {
  width: 12px;
  height: 12px;
  border-radius: 2px;
}
@media screen and (min-width: 1800px) {
  .agreement-company-drawer-card .check-option [type=checkbox]:checked + label .check-control,
  .agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label .check-control {
    width: 16px;
    height: 16px;
  }
}
.agreement-company-drawer-card .check-option [type=checkbox]:checked + label .check-control:after,
.agreement-company-drawer-card .check-option [type=checkbox]:not(:checked) + label .check-control:after {
  background-size: 7px;
}
.msa-card {
  margin-bottom: 15px;
  height: 100%;
  display: flex;
  flex-direction: column;
}
.msa-card .common-edit-card-body {
  flex-grow: 1;
  display: flex;
  flex-direction: column;
}
.msa-card .common-avatar span {
  width: 22px;
  height: 22px;
}
.msa-card h6 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.28px;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.msa-card h6 {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .msa-card h6 {
    font-size: 18px;
  }
}
.msa-card h6 {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .msa-card h6 {
    line-height: 24.6px;
  }
}
@media screen and (max-width: 1024px) {
  .msa-card h6 {
    font-size: 12px;
    line-height: 14px;
  }
}
.msa-card p {
  margin-bottom: 4px;
}
.msa-card .btn-primary {
  color: #fff;
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.28px;
  text-transform: none;
  margin-top: auto;
  height: 42px;
  padding-top: 0;
  padding-bottom: 0;
  width: 100%;
}
.msa-card .btn-primary {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .msa-card .btn-primary {
    font-size: 18px;
  }
}
.msa-card .btn-primary {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .msa-card .btn-primary {
    line-height: 21.8px;
  }
}
@media screen and (max-width: 1024px) {
  .msa-card .btn-primary {
    font-size: 12px;
    height: 38px;
    width: auto;
  }
}
.party-card {
  display: flex;
  align-items: center;
  gap: 16px;
}
.party-card .common-avatar span {
  width: 40px;
  height: 40px;
}
.party-card p + p {
  margin-top: 6px;
}
@media screen and (min-width: 1800px) {
  .party-card p + p {
    margin-top: 10px;
  }
}
.agreement-details-card .common-edit-card-head {
  background: #f5f5f5;
  border-bottom: 1px solid var(--border-color, #eaeaea);
}
.agreement-details-card .common-edit-card-body h4 {
  color: var(--green, #2FB67C);
  font-weight: 600;
  letter-spacing: -0.28px;
  margin-bottom: 20px;
}
.agreement-details-card .common-edit-card-body h4 {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body h4 {
    font-size: 18px;
  }
}
.agreement-details-card .common-edit-card-body h4 {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body h4 {
    line-height: 21.8px;
  }
}
.agreement-details-card .common-edit-card-body h4 span {
  display: block;
  color: var(--text, #111116);
  margin-top: 6px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--border-color, #eaeaea);
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body h4 span {
    margin-top: 12px;
  }
}
.agreement-details-card .common-edit-card-body h5 {
  color: #111116;
  font-weight: 600;
  letter-spacing: -0.24px;
  margin-bottom: 6px;
}
.agreement-details-card .common-edit-card-body h5 {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body h5 {
    font-size: 16px;
  }
}
.agreement-details-card .common-edit-card-body h5 {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body h5 {
    line-height: 19.4px;
  }
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body h5 {
    margin-bottom: 10px;
  }
}
.agreement-details-card .common-edit-card-body p {
  margin-bottom: 16px;
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body p {
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 1025px) {
  .agreement-details-card .common-edit-card-body .common-tab .tab-head {
    display: none !important;
  }
}
@media screen and (max-width: 1024px) {
  .agreement-details-card .common-edit-card-body .common-tab .tab-body h4 {
    display: none !important;
  }
}
@media screen and (min-width: 1025px) {
  .agreement-details-card .common-edit-card-body .common-tab .tab-body {
    display: flex;
    flex-wrap: wrap;
  }
}
.agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-engager-signee {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-engager-signee {
    width: 100%;
  }
}
.agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-supplier-signee {
  width: 50%;
}
@media screen and (max-width: 1024px) {
  .agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-supplier-signee {
    width: 100%;
  }
}
.agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-contents {
  width: 100%;
}
.agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-contents h4 {
  margin-top: 15px;
}
@media screen and (min-width: 1800px) {
  .agreement-details-card .common-edit-card-body .common-tab .tab-body .tab-content-contents h4 {
    margin-top: 22px;
  }
}
.agreement-details-card .common-edit-card-footer {
  justify-content: center;
}
@media screen and (min-width: 1025px) {
  .agreement-details-card .common-edit-card-footer button {
    max-width: 50%;
  }
}
@media screen and (max-width: 1024px) {
  .agreement-details-card .common-edit-card-footer .btn-outline-filled {
    order: 2;
  }
}
.next-prev-buttons-groups {
  margin-bottom: 0;
  margin-top: auto;
  padding-top: 20px;
}
@media screen and (max-width: 1024px) {
  .next-prev-buttons-groups {
    gap: 12px;
    flex-direction: column;
  }
}
.next-prev-buttons-groups .btn {
  min-width: 160px;
  padding: 10px;
  height: 60px;
}
@media screen and (max-width: 1024px) {
  .next-prev-buttons-groups .btn {
    height: auto;
    min-width: 100%;
    padding: 14px 45px;
  }
}
.next-prev-buttons-groups .next-buttons-wrap {
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  .next-prev-buttons-groups .next-buttons-wrap {
    gap: 12px;
    flex-direction: column;
  }
}
.next-prev-buttons-groups .next-buttons-wrap .btn {
  box-shadow: none;
}
.sign-agreement .main-title {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .sign-agreement .main-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .sign-agreement .main-title h3 {
    font-size: 16px;
  }
}
.sign-agreement .sign-agreement-block {
  margin-bottom: 20px;
}
.sign-agreement .sign-agreement-block h5 {
  color: var(--green, #2fb67c);
  font-size: 16px;
  font-weight: 600;
  line-height: 16.8px;
  letter-spacing: -0.28px;
}
@media screen and (max-width: 1024px) {
  .sign-agreement .sign-agreement-block h5 {
    font-size: 14px;
  }
}
.sign-agreement .sign-agreement-block .check-option {
  margin: 20px 0;
}
@media screen and (max-width: 1024px) {
  .sign-agreement .sign-agreement-block .check-option {
    margin: 16px 0;
  }
}
.sign-agreement .sign-agreement-block .cus-row {
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (max-width: 1024px) {
  .sign-agreement .sign-agreement-block .cus-row {
    gap: 16px 0;
  }
}
@media screen and (max-width: 1024px) {
  .sign-agreement .sign-agreement-block .cus-row .input-container {
    gap: 8px;
  }
}
.sign-agreement .sign-agreement-block .cus-row .input-container .input-label {
  color: var(--text2, #6f6f76);
}
.sign-agreement .sign-agreement-block .cus-row .input-container .input-label {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .sign-agreement .sign-agreement-block .cus-row .input-container .input-label {
    font-size: 16px;
  }
}
.sign-agreement .sign-agreement-block .cus-row .input-container .form-control,
.sign-agreement .sign-agreement-block .cus-row .input-container .input-field {
  color: var(--text1, #111116);
  line-height: 18px;
  padding: 14px 16px;
}
@media screen and (max-width: 1024px) {
  .sign-agreement .sign-agreement-block .check-option [type=checkbox]:checked + label,
  .sign-agreement .sign-agreement-block .check-option [type=checkbox]:not(:checked) + label {
    gap: 8px;
  }
}
.primary-approver-agreement .main-title {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .main-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .main-title h3 {
    font-size: 16px;
  }
}
.primary-approver-agreement .primary-approver-agreement-block {
  margin-bottom: 20px;
}
.primary-approver-agreement .primary-approver-agreement-block h5 {
  color: var(--green, #2fb67c);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: -0.28px;
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .primary-approver-agreement-block h5 {
    font-size: 14px;
  }
}
.primary-approver-agreement .primary-approver-agreement-block .check-option {
  margin: 20px 0;
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .primary-approver-agreement-block .check-option {
    margin: 16px 0;
  }
}
.primary-approver-agreement .primary-approver-agreement-block .cus-row {
  flex-direction: column;
  gap: 20px 0;
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .primary-approver-agreement-block .cus-row {
    gap: 16px 0;
  }
}
.primary-approver-agreement .primary-approver-agreement-block .cus-row .input-container .input-label {
  color: var(--text2, #6f6f76);
}
.primary-approver-agreement .primary-approver-agreement-block .cus-row .input-container select {
  color: var(--text2, #6f6f76);
  padding: 14px 16px;
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .primary-approver-agreement-block .cus-row .input-container {
    gap: 8px;
  }
}
@media screen and (max-width: 1024px) {
  .primary-approver-agreement .primary-approver-agreement-block .check-option [type=checkbox]:checked + label,
  .primary-approver-agreement .primary-approver-agreement-block .check-option [type=checkbox]:not(:checked) + label {
    gap: 8px;
  }
}
.agreement-date-payment-term .main-title {
  margin-bottom: 0px !important;
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .main-title h3 {
    font-size: 16px;
  }
}
.agreement-date-payment-term .agreement-date-payment-term-block {
  margin-top: 40px;
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .agreement-date-payment-term-block {
    margin-top: 20px;
  }
}
.agreement-date-payment-term .agreement-date-payment-term-block h5 {
  color: var(--green, #2fb67c);
  font-size: 16px;
  font-weight: 600;
  line-height: 16.8px;
  letter-spacing: -0.28px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .agreement-date-payment-term-block h5 {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row {
  gap: 20px 0;
  align-items: flex-end;
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .agreement-date-payment-term-block .cus-row {
    gap: 16px 0;
  }
}
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-container .input-label {
  color: var(--text2, #6f6f76);
}
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-container .input-label {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-container .input-label {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-container {
    gap: 8px;
  }
}
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-icon {
  top: 0px;
  bottom: 0px;
  margin: auto;
}
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row select,
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-field {
  color: var(--text1, #111116);
  line-height: 20px;
  padding: 16px 16px;
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .agreement-date-payment-term-block .cus-row select,
  .agreement-date-payment-term .agreement-date-payment-term-block .cus-row .input-field {
    padding: 12px 16px;
  }
}
.agreement-date-payment-term .agreement-date-payment-term-block .cus-row .add-icon-left .input-field {
  padding-left: 56px;
}
@media screen and (max-width: 1024px) {
  .agreement-date-payment-term .agreement-date-payment-term-block .cus-row .add-icon-left .input-field {
    padding-left: 50px;
  }
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .main-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .main-title h3 {
    font-size: 16px;
  }
}
.insurance-requirements .insurance-requirements-block {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block {
    margin-top: 0;
  }
}
.insurance-requirements .insurance-requirements-block .form-section {
  justify-content: space-between;
  gap: 0px 120px;
  width: 100%;
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block .form-section {
    margin-bottom: 20px;
    flex-direction: column;
    gap: 20px 0;
  }
}
.insurance-requirements .insurance-requirements-block .form-section:last-child {
  margin-bottom: 0px;
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block .form-section {
    margin-top: 0;
  }
}
.insurance-requirements .insurance-requirements-block .form-section .check-option {
  min-width: 190px;
}
.insurance-requirements .insurance-requirements-block .form-section .check-option .lead-font {
  color: var(--green, #2fb67c);
  margin-bottom: var(--gap-20, 20px);
}
.insurance-requirements .insurance-requirements-block .form-section .check-option .check-option [type=checkbox]:checked + label,
.insurance-requirements .insurance-requirements-block .form-section .check-option .check-option [type=checkbox]:not(:checked) + label {
  font-size: 16px;
  line-height: 22.4px;
}
.insurance-requirements .insurance-requirements-block .form-section .input-col {
  gap: 0 20px;
  flex: 1 1 100%;
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block .form-section .input-col {
    flex-direction: column;
    gap: 16px 0;
  }
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .input-container .input-label {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.24px;
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .input-container .input-label {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .insurance-requirements .insurance-requirements-block .form-section .input-col .input-container .input-label {
    font-size: 16px;
  }
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .input-container .input-label {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .insurance-requirements .insurance-requirements-block .form-section .input-col .input-container .input-label {
    line-height: 21.8px;
  }
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .amount-input-container {
  flex: 1 1 100% !important;
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .amount-input-container .input-field {
  color: var(--text1, #111116);
  font-size: 16px;
  line-height: 22px;
  padding: 16px 20px;
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block .form-section .input-col .amount-input-container .input-field {
    padding: 11px 16px;
  }
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .input-container-select {
  min-width: 200px;
}
.insurance-requirements .insurance-requirements-block .form-section .input-col .input-container-select select {
  color: var(--text1, #111116);
  font-size: 16px;
  line-height: 22px;
  padding: 16px 20px;
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block .form-section .input-col .input-container-select select {
    padding: 11px 16px;
  }
}
@media screen and (max-width: 1024px) {
  .insurance-requirements .insurance-requirements-block .form-section .check-option [type=checkbox]:checked + label,
  .insurance-requirements .insurance-requirements-block .form-section .check-option [type=checkbox]:not(:checked) + label {
    gap: 8px;
  }
}
.additional-clauses .main-title {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .additional-clauses .main-title h3 {
    font-size: 16px;
  }
}
.additional-clauses .additional-clauses-block .input-container .input-label {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.24px;
  display: flex;
  justify-content: space-between;
}
.additional-clauses .additional-clauses-block .input-container .input-label {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .additional-clauses .additional-clauses-block .input-container .input-label {
    font-size: 16px;
  }
}
.additional-clauses .additional-clauses-block .input-container .input-label {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .additional-clauses .additional-clauses-block .input-container .input-label {
    line-height: 21.8px;
  }
}
.additional-clauses .additional-clauses-block .input-container .input-label span {
  color: var(--green, #2fb67c);
}
@media screen and (max-width: 1024px) {
  .additional-clauses .additional-clauses-block .input-container .input-label span {
    display: none;
  }
}
.additional-clauses .additional-clauses-block .input-container textarea {
  min-height: 280px;
  color: var(--text1, #111116);
  line-height: 22.4px;
}
@media screen and (max-width: 1024px) {
  .additional-clauses .additional-clauses-block .input-container textarea {
    min-height: 160px;
  }
}
.add-sow .main-title {
  margin-bottom: 24px;
}
.add-sow .main-title h3 {
  color: var(--text1, #111116);
}
@media screen and (max-width: 1024px) {
  .add-sow .sow-radio-card .cus-row {
    gap: 16px 0;
  }
}
.add-sow .sow-radio-card .role-card {
  min-height: 100px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .add-sow .sow-radio-card .role-card {
    min-height: 78px;
    padding: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .add-sow .sow-radio-card .role-card h4 {
    line-height: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .add-sow .sow-radio-card .role-card p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.24px;
  }
}
.add-sow .sow-radio-card .role-card .radio-option [type=radio]:checked + label,
.add-sow .sow-radio-card .role-card .radio-option [type=radio]:not(:checked) + label {
  gap: 20px;
}
.add-sow .sow-radio-card .role-card .radio-option [type=radio]:checked + label .radio-control p,
.add-sow .sow-radio-card .role-card .radio-option [type=radio]:not(:checked) + label .radio-control .role-card-tx p {
  font-size: 14px;
  line-height: 19.6px;
}
.add-sow .sow-radio-card .role-card.is-active {
  border: 1px solid var(--green, #2fb67c);
}
@media screen and (max-width: 1024px) {
  .add-sow .project-list-form .cus-row {
    gap: 20px 0;
  }
}
.add-sow .project-list-form .cus-row .input-label {
  color: var(--text2, #6f6f76);
}
.add-sow .project-list-form .cus-row .form-control {
  color: var(--text1, #111116);
  padding: 14px 16px;
}
.substitut-sow .main-title {
  margin-bottom: 24px;
}
.substitut-sow .main-title h3 {
  color: var(--text1, #111116);
}
@media screen and (max-width: 1024px) {
  .substitut-sow .substitut-sow-radio-card .cus-row {
    gap: 16px 0;
  }
}
.substitut-sow .substitut-sow-radio-card .role-card {
  min-height: 100px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 1024px) {
  .substitut-sow .substitut-sow-radio-card .role-card {
    min-height: 78px;
    padding: 16px;
  }
}
@media screen and (max-width: 1024px) {
  .substitut-sow .substitut-sow-radio-card .role-card h4 {
    line-height: 16px;
  }
}
.substitut-sow .substitut-sow-radio-card .role-card p {
  color: var(--text1, #111116);
}
.substitut-sow .substitut-sow-radio-card .role-card p {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .substitut-sow .substitut-sow-radio-card .role-card p {
    font-size: 18px;
  }
}
@media screen and (max-width: 1024px) {
  .substitut-sow .substitut-sow-radio-card .role-card p {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    letter-spacing: -0.24px;
  }
}
.substitut-sow .substitut-sow-radio-card .role-card .radio-option [type=radio]:checked + label .radio-control p,
.substitut-sow .substitut-sow-radio-card .role-card .radio-option [type=radio]:not(:checked) + label .radio-control .role-card-tx p {
  font-size: 14px;
  line-height: 19.6px;
}
.substitut-sow .substitut-sow-radio-card .role-card.is-active {
  border: 1px solid var(--green, #2fb67c);
}
.substitut-sow .suppliers-form {
  padding-top: 40px;
  border-top: 1px solid var(--border-color, #eaeaea);
}
@media screen and (max-width: 1024px) {
  .substitut-sow .suppliers-form {
    border: none;
    margin: 0;
  }
}
.substitut-sow .suppliers-form h5 {
  color: var(--green, #2fb67c);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  text-transform: uppercase;
  margin-bottom: 24px;
}
@media screen and (max-width: 1024px) {
  .substitut-sow .suppliers-form h5 {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .substitut-sow .suppliers-form .cus-row {
    gap: 20px 0;
  }
}
.substitut-sow .suppliers-form .cus-row .input-label {
  color: var(--text3, #a7a7a7);
}
.substitut-sow .suppliers-form .cus-row .form-control {
  color: var(--text1, #111116);
  padding: 14px 16px;
}
.sow-select-services-wrap .sow-select-services .sow-select-title {
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .sow-select-title {
    margin-bottom: 16px;
  }
}
.sow-select-services-wrap .sow-select-services .sow-select-title h5 {
  color: var(--green, #2fb67c);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .sow-select-title h5 {
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: -0.28px;
  }
}
.sow-select-services-wrap .sow-select-services .sow-select-title h5 span {
  color: #000;
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  margin-left: 20px;
  text-transform: capitalize;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .sow-select-title h5 span {
    font-size: 14px;
    line-height: 19.6px;
    letter-spacing: -0.28px;
    display: block;
    margin-top: 8px;
    margin-left: 0;
  }
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .sow-select-title .rounded-check {
    transform: translate(0px, -40px);
  }
}
.sow-select-services-wrap .sow-select-services .sow-select-title .rounded-check .role-card-tx {
  position: relative;
}
.sow-select-services-wrap .sow-select-services .sow-select-title .rounded-check [type=checkbox]:checked + label .check-control,
.sow-select-services-wrap .sow-select-services .sow-select-title .rounded-check [type=checkbox]:not(:checked) + label .check-control {
  width: 18px;
  height: 18px;
}
.sow-select-services-wrap .sow-select-services .sow-select-title .rounded-check [type=checkbox]:checked + label .check-control:after,
.sow-select-services-wrap .sow-select-services .sow-select-title .rounded-check [type=checkbox]:not(:checked) + label .check-control:after {
  width: 12px;
  height: 12px;
}
.sow-select-services-wrap .sow-select-services .cus-row {
  gap: 20px 0;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .cus-row {
    gap: 16px 0;
  }
}
.sow-select-services-wrap .sow-select-services .cus-row .tooltip-icon-wrapper {
  width: 100%;
}
.sow-select-services-wrap .sow-select-services .check-option .radio-label {
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  padding: 24px 20px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .check-option .radio-label {
    padding: 16px;
  }
}
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:checked + label,
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:not(:checked) + label {
  height: auto !important;
  align-items: flex-start;
}
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:not(:checked) + label .check-control {
  border: 2px solid #ddd;
}
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:checked + label .check-control,
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:not(:checked) + label .check-control {
  border-radius: 100px;
  background: none;
}
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:checked + label .check-control:after,
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:not(:checked) + label .check-control:after {
  background: url(/assets/images/check-green.svg) no-repeat center center;
  background-size: 10px;
}
.sow-select-services-wrap .sow-select-services .check-option [type=checkbox]:checked + .radio-label {
  border-color: var(--green, #2fb67c);
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .title {
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 600;
  line-height: 22.4px;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .title {
    font-size: 14px;
    line-height: 16.8px;
    letter-spacing: -0.28px;
    margin-bottom: 8px;
  }
}
.sow-select-services-wrap .sow-select-services .check-option .check-text p {
  color: var(--text2, #6f6f76);
  font-size: 14px;
  font-weight: 400;
  line-height: 19.6px;
  letter-spacing: -0.28px;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text p {
    font-size: 12px;
    line-height: 16.8px;
    letter-spacing: -0.24px;
  }
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt {
  display: flex;
  align-items: center;
  gap: 12px;
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt p {
  color: var(--text2, #6f6f76);
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.16px;
  display: flex;
  gap: 6px;
  align-items: center;
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt p {
    font-size: 13px;
  }
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt p {
  line-height: 12.2px;
}
@media screen and (min-width: 1800px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt p {
    line-height: 17.2px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt p {
    font-size: 10px;
  }
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt span {
  color: var(--text1, #111116);
  font-weight: 400;
  letter-spacing: -0.2px;
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt span {
  font-size: 13px;
}
@media screen and (min-width: 1800px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt span {
    font-size: 14px;
  }
}
.sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt span {
  line-height: 16px;
}
@media screen and (min-width: 1800px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt span {
    line-height: 21px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-services .check-option .check-text .date-txt span {
    font-size: 11px;
  }
}
.sow-select-services-wrap .status-list {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 20px;
  flex-wrap: wrap;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .status-list {
    gap: 10px;
    margin-top: 16px;
  }
}
.sow-select-services-wrap .status-list .btn {
  color: var(--text3, #a7a7a7);
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.24px;
  min-width: 140px;
  padding: 10px 16px;
  border-radius: 10px;
  border: 1.5px solid var(--text3, #a7a7a7);
  text-transform: capitalize;
  flex: 1 1 auto;
}
.sow-select-services-wrap .status-list .btn {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-select-services-wrap .status-list .btn {
    font-size: 16px;
  }
}
.sow-select-services-wrap .status-list .btn {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .sow-select-services-wrap .status-list .btn {
    line-height: 19.4px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .status-list .btn {
    min-width: 100px;
  }
}
.sow-select-services-wrap .status-list .btn.is-active {
  border-color: var(--green, #2fb67c);
  color: var(--green, #2fb67c);
}
.sow-select-services-wrap .sow-select-documents .cus-row {
  gap: 20px 0;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-documents .cus-row {
    gap: 16px 0;
  }
}
.sow-select-services-wrap .sow-select-documents .check-option .radio-label {
  display: flex;
  justify-content: space-between;
  border-radius: 12px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  padding: 24px 20px;
  width: 100%;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-documents .check-option .radio-label {
    padding: 13px 16px;
  }
}
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:checked + label,
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:not(:checked) + label {
  height: auto !important;
  align-items: flex-start;
}
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:not(:checked) + label .check-control {
  border: 2px solid #ddd;
}
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:checked + label .check-control,
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:not(:checked) + label .check-control {
  border-radius: 100px;
  background: none;
}
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:checked + label .check-control:after,
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:not(:checked) + label .check-control:after {
  background: url(/assets/images/check-green.svg) no-repeat center center;
  background-size: 10px;
}
.sow-select-services-wrap .sow-select-documents .check-option [type=checkbox]:checked + .radio-label {
  border-color: var(--green, #2fb67c);
}
.sow-select-services-wrap .sow-select-documents .check-option .check-text .title {
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 500;
  line-height: 22px;
  letter-spacing: -0.32px;
  margin-bottom: 12px;
}
@media screen and (max-width: 1024px) {
  .sow-select-services-wrap .sow-select-documents .check-option .check-text .title {
    font-size: 14px;
    line-height: 16px;
    letter-spacing: -0.28px;
    margin-bottom: 8px;
  }
}
.create-sow .main-title {
  margin-bottom: 26px;
}
@media screen and (max-width: 1024px) {
  .create-sow .main-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .create-sow .cus-row {
    gap: 20px 0;
  }
}
.create-sow .create-sow-form .input-label {
  color: var(--text3, #a7a7a7);
}
.create-sow .create-sow-form .input-field,
.create-sow .create-sow-form select {
  min-height: 56px;
}
@media screen and (max-width: 1024px) {
  .create-sow .create-sow-form .input-field,
  .create-sow .create-sow-form select {
    min-height: 48px;
  }
}
.create-sow .create-sow-form .input-field,
.create-sow .create-sow-form select,
.create-sow .create-sow-form textarea {
  color: var(--text1, #111116);
  padding: 12px 20px;
}
@media screen and (max-width: 1024px) {
  .create-sow .create-sow-form .input-field,
  .create-sow .create-sow-form select,
  .create-sow .create-sow-form textarea {
    padding: 12px 16px;
  }
}
.create-sow .create-sow-form .textarea-container {
  margin-top: 20px;
}
@media screen and (max-width: 1024px) {
  .create-sow .create-sow-form .textarea-container {
    margin-top: 0;
  }
}
.create-sow .create-sow-form .textarea-container textarea {
  min-height: 200px;
}
.create-sow-select-supplier .main-title {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .create-sow-select-supplier .main-title {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 1024px) {
  .create-sow-select-supplier .cus-row {
    gap: 20px 0;
  }
}
.create-sow-select-supplier .create-sow-select-supplier-form .input-label {
  color: var(--text3, #a7a7a7);
}
.create-sow-select-supplier .create-sow-select-supplier-form select {
  color: var(--text1, #111116);
  min-height: 56px;
  padding: 12px 20px;
}
@media screen and (max-width: 1024px) {
  .create-sow-select-supplier .create-sow-select-supplier-form select {
    min-height: 48px;
    padding: 12px 16px;
  }
}
.sow-signatory-details .main-title {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .sow-signatory-details .main-title {
    margin-bottom: 20px;
  }
  .sow-signatory-details .main-title h3 {
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -0.32px;
  }
}
.sow-signatory-details .sow-signatory-details-form h6 {
  margin-bottom: 12px;
}
.sow-signatory-details .sow-signatory-details-form p {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .sow-signatory-details .sow-signatory-details-form p {
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 20px;
  }
}
.sow-signatory-details .sow-signatory-details-form .link-btn {
  padding-top: 30px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .sow-signatory-details .sow-signatory-details-form .link-btn {
    padding-top: 20px;
  }
}
.sow-signatory-details .sow-signatory-details-form .check-option {
  margin-top: 20px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1024px) {
  .sow-signatory-details .sow-signatory-details-form .check-option {
    margin-bottom: 20px;
  }
}
.sow-signatory-details .sow-signatory-details-form .cus-row {
  gap: 16px 0;
}
@media screen and (max-width: 1024px) {
  .sow-signatory-details .sow-signatory-details-form .cus-row {
    gap: 12px 0;
  }
}
.sow-signatory-details .sow-signatory-details-form .cus-row .input-label {
  color: var(--text3, #a7a7a7);
}
.sow-signatory-details .sow-signatory-details-form .cus-row .form-control,
.sow-signatory-details .sow-signatory-details-form .cus-row .input-field {
  color: var(--text1, #111116);
  font-weight: 400;
}
.sow-approver-details .main-title {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .sow-approver-details .main-title {
    margin-bottom: 20px;
  }
  .sow-approver-details .main-title h3 {
    font-size: 16px;
    line-height: 19.2px;
    letter-spacing: -0.32px;
  }
}
.sow-approver-details .sow-approver-details-form h6 {
  margin-bottom: 12px;
}
.sow-approver-details .sow-approver-details-form p {
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  .sow-approver-details .sow-approver-details-form p {
    font-size: 14px;
    line-height: 19.6px;
    margin-bottom: 20px;
  }
}
.sow-approver-details .sow-approver-details-form .link-btn {
  padding-top: 30px;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .sow-approver-details .sow-approver-details-form .link-btn {
    padding-top: 20px;
  }
}
.sow-approver-details .sow-approver-details-form .check-option {
  margin-top: 20px;
  margin-bottom: 35px;
}
@media screen and (max-width: 1024px) {
  .sow-approver-details .sow-approver-details-form .check-option {
    margin-bottom: 20px;
  }
}
.sow-approver-details .sow-approver-details-form .cus-row {
  gap: 16px 0;
}
@media screen and (max-width: 1024px) {
  .sow-approver-details .sow-approver-details-form .cus-row {
    gap: 12px 0;
  }
}
@media screen and (max-width: 1024px) {
  .sow-approver-details .sow-approver-details-form .cus-row .phone-country-wrapper {
    margin-top: 8px;
  }
}
.sow-approver-details .sow-approver-details-form .cus-row .input-label {
  color: var(--text3, #a7a7a7);
}
.sow-approver-details .sow-approver-details-form .cus-row .form-control,
.sow-approver-details .sow-approver-details-form .cus-row .input-field {
  color: var(--text1, #111116);
  font-weight: 400;
}
.project-listing-wrapper h3 {
  color: var(--text1, #111116);
  letter-spacing: -0.32px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
@media (min-width: 1800px) {
  .project-listing-wrapper h3 {
    font-size: 28px;
  }
}
@media screen and (max-width: 1024px) {
  .project-listing-wrapper .common-tab .tab-head ul {
    gap: 10px;
  }
  .project-listing-wrapper h3 {
    font-size: 16px;
  }
}
.tab-content-project-summary .plus-icon-btn {
  padding: 8px 12px;
  box-shadow: none;
}
@media screen and (min-width: 1800px) {
  .tab-content-project-summary .plus-icon-btn {
    padding: 12px 16px;
  }
}
.project-list-table .no-data-wrapper {
  border-top: 1px solid var(--border-color, #eaeaea);
}
.template-project-list-table .head-cell,
.template-project-list-table .body-cell {
  flex: 1;
}
.template-project-list-table .template-project-group-id-cell {
  max-width: calc(27% - 8px);
}
@media screen and (max-width: 1800px) {
  .template-project-list-table .template-project-group-id-cell {
    max-width: calc(25% - 8px);
  }
}
@media screen and (max-width: 1024px) {
  .template-project-list-table .template-project-group-id-cell {
    max-width: calc(35% - 8px);
  }
  .template-project-list-table .template-project-group-id-cell span {
    font-weight: 500;
  }
}
.template-project-list-table .template-project-group-id-cell .toggle-icon-btn {
  margin-right: 8px;
}
@media screen and (min-width: 1800px) {
  .template-project-list-table .template-project-group-id-cell .toggle-icon-btn {
    margin-right: 20px;
  }
}
.template-project-list-table .template-project-group-name-cell {
  width: calc(40% - 8px);
}
.template-project-list-table .template-project-group-action-cell {
  max-width: 160px;
  width: 160px;
}
@media screen and (max-width: 1024px) {
  .template-project-list-table .template-project-group-action-cell {
    width: auto;
    max-width: max-content;
  }
}
.template-sow-list-table .head-cell,
.template-sow-list-table .body-cell {
  flex: 1;
}
.template-sow-list-table .template-sow-id-cell {
  max-width: calc(24% - 8px);
}
@media screen and (max-width: 1024px) {
  .template-sow-list-table .template-sow-id-cell {
    max-width: calc(35% - 8px);
  }
  .template-sow-list-table .template-sow-id-cell span {
    font-weight: 500;
  }
}
.template-sow-list-table .template-sow-title-cell {
  width: calc(40% - 8px);
}
.template-sow-list-table .template-sow-action-cell {
  max-width: 110px;
  width: 110px;
}
@media screen and (min-width: 1800px) {
  .template-sow-list-table .template-sow-action-cell {
    max-width: 145px;
    width: 145px;
  }
}
@media screen and (max-width: 1024px) {
  .template-sow-list-table .template-sow-action-cell {
    width: auto;
    max-width: max-content;
  }
}
@media screen and (max-width: 1024px) {
  .template-sow-list-table .body-cell span:not(.red-dot) {
    display: block;
    color: var(--text3, #a7a7a7);
    font-size: var(--xs-tb-fs);
    line-height: 11.2px;
    letter-spacing: -0.16px;
    text-transform: uppercase;
    margin-bottom: 4px;
    font-weight: 700;
  }
}
@media screen and (max-width: 1024px) {
  .template-sow-list-table .red-dot {
    margin-top: -2px !important;
  }
}
.tab-content-sow-view-summary .sow-summary-title h5 {
  color: var(--green, #2fb67c);
  font-weight: 600;
  letter-spacing: -0.28px;
  text-transform: uppercase;
}
.tab-content-sow-view-summary .sow-summary-title h5 {
  font-size: 13px;
}
@media screen and (min-width: 1800px) {
  .tab-content-sow-view-summary .sow-summary-title h5 {
    font-size: 16px;
  }
}
.tab-content-sow-view-summary .sow-summary-title h5 {
  line-height: 19.6px;
}
@media screen and (min-width: 1800px) {
  .tab-content-sow-view-summary .sow-summary-title h5 {
    line-height: 24.6px;
  }
}
@media (max-width: 567px) {
  .tab-content-sow-view-summary .sow-summary-title h5 {
    font-size: var(--xs-tb-fs);
  }
}
.tab-content-sow-view-summary .side-drawer-sub-title {
  margin-bottom: 0;
}
.tab-content-sow-view-summary .completion-txt {
  color: var(--green, #2fb67c);
  text-align: center;
  font-weight: 400;
  letter-spacing: -0.2px;
  padding: 4px 8px;
  border-radius: 8px;
  border: 1px solid #e5faf1;
  display: inline-block;
}
.tab-content-sow-view-summary .completion-txt {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .tab-content-sow-view-summary .completion-txt {
    font-size: 14px;
  }
}
.tab-content-sow-view-summary .completion-txt {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .tab-content-sow-view-summary .completion-txt {
    line-height: 19.4px;
  }
}
.rate-btn {
  width: 100%;
  color: var(--green, #2fb67c);
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.2px;
  text-transform: uppercase;
  border-radius: 6px;
  border: 1px solid #ddf1e8;
  background: #ebf9f3;
  padding: 4px 8px;
}
.rate-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .rate-btn {
    font-size: 14px;
  }
}
.rate-btn {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .rate-btn {
    line-height: 19px;
  }
}
.sow-view-summary-card {
  min-width: 300px;
  flex: 1 1 48%;
}
@media screen and (max-width: 1024px) {
  .sow-view-summary-card {
    width: 100%;
    min-width: 100%;
  }
}
.sow-view-summary-card .common-edit-card-head {
  padding: 14px 20px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-head {
    padding: 25px 20px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-view-summary-card .common-edit-card-head {
    padding: 12px 16px;
  }
}
.sow-view-summary-card .common-edit-card-head .card-title {
  display: flex;
  align-items: center;
  gap: 0 12px;
}
@media screen and (max-width: 1024px) {
  .sow-view-summary-card .common-edit-card-head .card-title {
    font-size: 12px;
  }
}
.sow-view-summary-card .common-edit-card-head .card-title button {
  width: 20px;
  height: 20px;
}
.sow-view-summary-card .common-edit-card-head .card-title button.active {
  transform: rotate(180deg);
}
.sow-view-summary-card .common-edit-card-head .card-title button img {
  width: 100%;
  height: 100%;
}
.sow-view-summary-card.open {
  align-self: stretch;
}
.sow-view-summary-card.open hr,
.sow-view-summary-card.open .common-edit-card-body {
  display: block;
}
.sow-view-summary-card hr {
  display: none;
}
.sow-view-summary-card .common-edit-card-body {
  display: none;
  padding-top: 16px;
}
@media screen and (max-width: 1024px) {
  .sow-view-summary-card .common-edit-card-body {
    padding-top: 12px;
    padding-bottom: 20px;
  }
}
.sow-view-summary-card .common-edit-card-body h5 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-body h5 {
    margin-bottom: 16px;
  }
}
.sow-view-summary-card .common-edit-card-body h5 span {
  letter-spacing: -0.24px;
  text-transform: uppercase;
  color: var(--text1, #111116);
  font-weight: 600;
}
.sow-view-summary-card .common-edit-card-body h5 span {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-body h5 span {
    font-size: 16px;
  }
}
.sow-view-summary-card .common-edit-card-body h5 span {
  line-height: 19.2px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-body h5 span {
    line-height: 24.2px;
  }
}
.sow-view-summary-card .common-edit-card-body .icon-btn {
  width: 38px;
  height: 38px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-body .icon-btn {
    width: 48px;
    height: 48px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-view-summary-card .common-edit-card-body .icon-btn {
    width: 32px;
    height: 32px;
  }
}
.sow-view-summary-card .common-edit-card-body p {
  color: var(--text2, #6f6f76);
  letter-spacing: -0.2px;
}
.sow-view-summary-card .common-edit-card-body p {
  font-size: 11px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-body p {
    font-size: 14px;
  }
}
.sow-view-summary-card .common-edit-card-body p {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .sow-view-summary-card .common-edit-card-body p {
    line-height: 19px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-view-summary-card .common-edit-card-body p {
    margin-top: 8px;
    font-weight: 400;
    letter-spacing: -0.2px;
  }
}
@media (max-width: 1199px) {
  .sow-view-summary-card .common-edit-card-body p {
    font-size: var(--xs-tb-fs);
  }
}
app-sow-statement-card {
  height: auto;
  min-width: 245px;
  flex: 1 1 37%;
  overflow: visible !important;
}
@media screen and (max-width: 1024px) {
  app-sow-statement-card {
    width: 100%;
    min-width: 100%;
  }
}
.sow-dropdown-card {
  height: auto;
  overflow: visible !important;
}
@media screen and (max-width: 1024px) {
  .sow-dropdown-card {
    width: 100%;
    min-width: 100%;
  }
}
.sow-dropdown-card .common-edit-card-head {
  border-radius: 12px !important;
}
.sow-dropdown-card .common-edit-card-head .card-title {
  display: flex;
  align-items: center;
  gap: 0 12px;
  letter-spacing: -0.24px;
}
.sow-dropdown-card .common-edit-card-head .card-title {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-head .card-title {
    font-size: 18px;
  }
}
.sow-dropdown-card .common-edit-card-head .card-title {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-head .card-title {
    line-height: 19.4px;
  }
}
.sow-dropdown-card .common-edit-card-head .card-title button {
  width: 20px;
  height: 20px;
}
.sow-dropdown-card .common-edit-card-head .card-title button.active {
  transform: rotate(180deg);
}
.sow-dropdown-card .common-edit-card-head .card-title button img {
  width: 100%;
  height: 100%;
  filter: brightness(0) invert(1);
}
.sow-dropdown-card .common-edit-card-head .card-actions-btns .icon-btn {
  border: none;
  background: #fff !important;
}
.sow-dropdown-card .common-edit-card-head .card-actions-btns .icon-btn img {
  filter: none !important;
}
@media (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-head .card-actions-btns .icon-btn img.send-doc-img {
    width: 80%;
  }
}
.sow-dropdown-card.open {
  height: 100%;
}
.sow-dropdown-card.open .common-edit-card-body {
  display: block;
}
.sow-dropdown-card.open .common-edit-card-head {
  border-radius: 12px 12px 0px 0px !important;
}
@media screen and (max-width: 1024px) {
  .sow-dropdown-card.open .common-edit-card-head {
    padding: 10px 16px;
  }
}
.sow-dropdown-card .common-edit-card-body {
  display: none;
  padding: 13px 16px 20px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body {
    padding: 20px;
  }
}
.sow-dropdown-card .common-edit-card-body .statement-body-titile {
  border-bottom: 1px solid var(--border-color, #eaeaea);
  margin-bottom: 8px;
}
.sow-dropdown-card .common-edit-card-body .statement-body-list {
  margin-bottom: 10px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .statement-body-list {
    margin-bottom: 14px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-dropdown-card .common-edit-card-body .statement-body-list {
    margin-bottom: 8px;
  }
}
.sow-dropdown-card .common-edit-card-body h5 {
  color: var(--text1, #111116);
  font-weight: 500;
  letter-spacing: -0.2px;
}
.sow-dropdown-card .common-edit-card-body h5 {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body h5 {
    font-size: 14px;
  }
}
.sow-dropdown-card .common-edit-card-body h5 {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body h5 {
    line-height: 17px;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body h5 {
    font-size: 11px;
  }
}
.sow-dropdown-card .common-edit-card-body p {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.2px;
}
.sow-dropdown-card .common-edit-card-body p {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body p {
    font-size: 14px;
  }
}
.sow-dropdown-card .common-edit-card-body p {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body p {
    line-height: 19px;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body p {
    font-size: 11px;
  }
}
.sow-dropdown-card .common-edit-card-body .check-option {
  margin-top: 13px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .check-option {
    margin-top: 18px;
  }
}
.sow-dropdown-card .common-edit-card-body .check-option .radio-label {
  color: var(--text2, #6f6f76);
  letter-spacing: -0.2px;
  gap: 8px;
  height: auto;
}
.sow-dropdown-card .common-edit-card-body .check-option .radio-label {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .check-option .radio-label {
    font-size: 14px;
  }
}
.sow-dropdown-card .common-edit-card-body .check-option .radio-label {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .check-option .radio-label {
    line-height: 19px;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .check-option .radio-label {
    font-size: 11px;
  }
}
.sow-dropdown-card .common-edit-card-body .check-option [type=checkbox]:checked + label .check-control,
.sow-dropdown-card .common-edit-card-body .check-option [type=checkbox]:not(:checked) + label .check-control {
  height: 16px;
  width: 16px;
}
.sow-dropdown-card .common-edit-card-body .check-option [type=checkbox]:checked + label .check-control:after,
.sow-dropdown-card .common-edit-card-body .check-option [type=checkbox]:not(:checked) + label .check-control:after {
  content: "";
  background-size: 8px;
}
.sow-dropdown-card .common-edit-card-body .underline-btn {
  color: var(--green, #2fb67c);
  letter-spacing: -0.2px;
}
.sow-dropdown-card .common-edit-card-body .underline-btn {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .underline-btn {
    font-size: 14px;
  }
}
.sow-dropdown-card .common-edit-card-body .underline-btn {
  line-height: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .underline-btn {
    line-height: 17px;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .sow-dropdown-card .common-edit-card-body .underline-btn {
    font-size: 11px;
  }
}
.sow-dropdown-card .dopdown-wrapper .dropdown-content button,
.sow-dropdown-card .dopdown-wrapper .dropdown-content a {
  font-size: 14px;
}
.client-ref-id {
  position: relative;
  margin: 8px 0;
}
@media screen and (min-width: 1800px) {
  .client-ref-id {
    margin: 12px 0;
  }
}
.client-ref-id input {
  border-radius: 8px;
  border: 1px dashed #ebebeb;
  padding: 8px 30px 8px 9px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.2px;
  width: 100%;
}
.client-ref-id input {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .client-ref-id input {
    font-size: 14px;
  }
}
.client-ref-id input {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .client-ref-id input {
    line-height: 19px;
  }
}
@media (min-width: 1400px) and (max-width: 1800px) {
  .client-ref-id input {
    font-size: 11px;
  }
}
@media screen and (max-width: 1024px) {
  .client-ref-id input {
    padding: 6px 12px;
  }
}
.client-ref-id button {
  width: 16px;
  height: 16px;
  aspect-ratio: 1/1;
  position: absolute;
  top: 0;
  right: 12px;
  bottom: 0;
  margin: auto;
}
@media (min-width: 1800px) {
  .client-ref-id button {
    width: 20px;
    height: 20px;
  }
}
.client-ref-id button img {
  width: 100%;
}
.sow-view-main-tab-wrapper {
  display: flex;
  align-items: flex-end;
  gap: 12px;
  border-bottom: 1px solid #dfdfdf;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .sow-view-main-tab-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }
}
.sow-view-main-tab-wrapper .delivery-partners-tabs {
  flex: 1 1 0%;
  overflow: auto;
  max-width: 100%;
}
.sow-view-main-tab-wrapper .delivery-partners-items {
  white-space: nowrap;
  overflow: auto;
}
.sow-view-main-tab-wrapper h5 {
  color: var(--text2, #6f6f76);
  letter-spacing: -0.2px;
  margin-bottom: 4px;
}
.sow-view-main-tab-wrapper h5 {
  font-size: 10px;
}
@media screen and (min-width: 1800px) {
  .sow-view-main-tab-wrapper h5 {
    font-size: 14px;
  }
}
.sow-view-main-tab-wrapper h5 {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .sow-view-main-tab-wrapper h5 {
    line-height: 19px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-view-main-tab-wrapper h5 {
    font-size: 8px;
    line-height: 11.2px;
    letter-spacing: -0.16px;
  }
}
.sow-view-main-tab-wrapper .end-client-tabs .tab-items button {
  border-top-right-radius: 8px;
}
.sow-view-main-tab-wrapper .tab-items {
  display: flex;
  align-items: center;
}
.sow-view-main-tab-wrapper .tab-items button {
  color: var(--text2, #6f6f76);
  font-weight: 500;
  letter-spacing: -0.24px;
  text-transform: uppercase;
  border-radius: 8px 0px 0px 0px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #f1f1f1;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  padding: 8px 10px;
}
.sow-view-main-tab-wrapper .tab-items button {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .sow-view-main-tab-wrapper .tab-items button {
    font-size: 16px;
  }
}
.sow-view-main-tab-wrapper .tab-items button {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .sow-view-main-tab-wrapper .tab-items button {
    line-height: 19.4px;
  }
}
@media screen and (max-width: 1024px) {
  .sow-view-main-tab-wrapper .tab-items button {
    font-size: 10px;
    line-height: 12px;
    letter-spacing: -0.2px;
  }
}
.sow-view-main-tab-wrapper .tab-items button.active {
  color: var(--green, #2fb67c);
  font-weight: 600;
  background: #fff;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
  border-top-left-radius: 0;
}
.sow-view-main-tab-wrapper .tab-items button.plus-tab-item {
  border-radius: 0px 8px 0px 0px;
  border: 1px solid var(--border-color, #eaeaea);
  background: #fff;
  box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
  padding: 6.5px 7px;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  .sow-view-main-tab-wrapper .tab-items button.plus-tab-item {
    padding: 5.5px 7px;
  }
}
.send-document-btn {
  display: inline-flex;
  height: 24px;
  padding: 4px 8px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  border-radius: 6px;
  background: var(--green, #2fb67c);
  box-shadow: 5px 10px 30px 0px rgba(2, 255, 36, 0.1);
  width: 24px;
}
.send-document-btn img {
  filter: brightness(0) invert(1);
}
.info-tooltip {
  position: relative;
}
.info-tooltip img {
  width: 16px;
  height: 16px;
  vertical-align: middle;
}
@media screen and (max-width: 1024px) {
  .info-tooltip img {
    width: 12px;
    height: 12px;
  }
}
.info-tooltip .tooltip-content {
  transform: translate(50%, -5px);
  max-width: 350px;
}
@media screen and (max-width: 1024px) {
  .info-tooltip .tooltip-content {
    max-width: 250px;
  }
}
.my-profile-company-creation {
  padding: 40px 40px !important;
}
@media (max-width: 1024px) {
  .my-profile-company-creation {
    padding: 0 20px 20px !important;
  }
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .main-title {
    flex-direction: row !important;
  }
}
.my-profile-company-creation .link-btn {
  color: var(--green, #2fb67c);
  font-weight: 500;
  line-height: 22.4px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .link-btn {
    font-size: 14px;
    line-height: 19.6px;
  }
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-head {
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-head {
    padding-bottom: 12px;
  }
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-head .user-card p {
  color: var(--text1, #111116);
  font-size: 16px;
  font-weight: 400;
  line-height: 22.4px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-head .user-card p {
    font-size: 12px;
    line-height: 16.8px;
    letter-spacing: -0.24px;
  }
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body {
  padding: 20px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body {
    padding: 16px;
    padding-top: 12px;
  }
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body .company-creation-card-body-title {
  color: var(--text2, #6f6f76);
  font-size: 12px;
  font-weight: 400;
  line-height: 16.8px;
  letter-spacing: -0.24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body .company-creation-card-body-title {
    font-size: 12px;
    line-height: 16.8px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-color, #eaeaea);
    padding-bottom: 12px;
  }
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body ul {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body ul li {
  color: var(--text1, #111116);
  font-size: 14px;
  font-weight: 600;
  line-height: 16.8px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body ul li {
    font-size: 12px;
    line-height: 14.4px;
    letter-spacing: -0.24px;
    padding-bottom: 12px;
    margin-bottom: 12px;
    border-bottom: 1px solid var(--border-color, #eaeaea);
    width: 50%;
  }
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body ul li:last-child {
    padding-bottom: 0;
    margin-bottom: 0;
    border-bottom: none;
  }
}
.my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body ul li span {
  color: var(--text2, #6f6f76);
  line-height: 16.8px;
  display: block;
  margin-top: 4px;
}
@media screen and (max-width: 1024px) {
  .my-profile-company-creation .my-profile-company-creation-card .common-edit-card-body ul li span {
    font-size: 10px;
    line-height: 14px;
    letter-spacing: -0.2px;
  }
}
.further-terms-card h6 {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.16px;
  text-transform: uppercase;
  margin-bottom: 8px;
}
.further-terms-card h6 {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .further-terms-card h6 {
    font-size: 13px;
  }
}
.further-terms-card h6 {
  line-height: 11.2px;
}
@media screen and (min-width: 1800px) {
  .further-terms-card h6 {
    line-height: 16.2px;
  }
}
@media screen and (min-width: 1800px) {
  .further-terms-card h6 {
    margin-bottom: 12px;
  }
}
@media (max-width: 1199px) {
  .further-terms-card h6 {
    font-size: var(--xs-tb-fs);
  }
}
.further-terms-card h5 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.28px;
  text-transform: uppercase;
}
.further-terms-card h5 {
  font-size: 14px;
}
@media screen and (min-width: 1800px) {
  .further-terms-card h5 {
    font-size: 18px;
  }
}
.further-terms-card h5 {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .further-terms-card h5 {
    line-height: 19px;
  }
}
@media screen and (max-width: 1024px) {
  .further-terms-card h5 {
    letter-spacing: -0.2px;
    font-size: 12px;
    line-height: 16.8px;
  }
}
.further-terms-card p {
  color: var(--text1, #111116);
  letter-spacing: -0.2px;
}
.further-terms-card p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .further-terms-card p {
    font-size: 13px;
  }
}
.further-terms-card p {
  line-height: 14px;
}
@media screen and (min-width: 1800px) {
  .further-terms-card p {
    line-height: 19px;
  }
}
@media (max-width: 1199px) {
  .further-terms-card p {
    font-size: var(--xs-tb-fs);
  }
}
.statement-work-details .statement-work-drawer-sub-title h6 {
  color: var(--text1, #111116);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.24px;
  margin-bottom: 8px;
}
.statement-work-details .statement-work-drawer-sub-title h6 {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .statement-work-drawer-sub-title h6 {
    font-size: 16px;
  }
}
.statement-work-details .statement-work-drawer-sub-title h6 {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .statement-work-drawer-sub-title h6 {
    line-height: 19.4px;
  }
}
.statement-work-details .statement-work-drawer-sub-title p {
  color: var(--text2, #6f6f76);
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: -0.24px;
}
.statement-work-details .statement-work-drawer-sub-title p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .statement-work-drawer-sub-title p {
    font-size: 16px;
  }
}
.statement-work-details .statement-work-drawer-sub-title p {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .statement-work-drawer-sub-title p {
    line-height: 21.8px;
  }
}
.statement-work-details .tooltip-content {
  width: 350px;
  max-width: 100%;
  opacity: 0;
}
@media screen and (max-width: 1800px) {
  .statement-work-details .tooltip-content {
    left: 0px !important;
  }
}
.statement-work-details .tooltip-content .tooltip-content-header {
  padding: 8px 4px;
  align-items: center;
  padding-bottom: 23px;
}
@media screen and (max-width: 1024px) {
  .statement-work-details .tooltip-content .tooltip-content-header {
    padding-bottom: 16px;
  }
}
.statement-work-details .tooltip-content .tooltip-content-header h4 {
  color: var(--text1, #111116);
  font-weight: 600;
  letter-spacing: -0.24px;
}
.statement-work-details .tooltip-content .tooltip-content-header h4 {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .tooltip-content .tooltip-content-header h4 {
    font-size: 16px;
  }
}
.statement-work-details .tooltip-content .tooltip-content-header h4 {
  line-height: 14.4px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .tooltip-content .tooltip-content-header h4 {
    line-height: 19.4px;
  }
}
@media screen and (max-width: 1024px) {
  .statement-work-details .tooltip-content .tooltip-content-header h4 {
    font-size: 10px;
  }
}
.statement-work-details .tooltip-content .tooltip-content-header h4 p {
  color: var(--text2, #6f6f76);
  font-weight: 400;
  letter-spacing: -0.24px;
}
.statement-work-details .tooltip-content .tooltip-content-header h4 p {
  font-size: 12px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .tooltip-content .tooltip-content-header h4 p {
    font-size: 16px;
  }
}
.statement-work-details .tooltip-content .tooltip-content-header h4 p {
  line-height: 16.8px;
}
@media screen and (min-width: 1800px) {
  .statement-work-details .tooltip-content .tooltip-content-header h4 p {
    line-height: 21.8px;
  }
}
@media screen and (max-width: 1024px) {
  .statement-work-details .tooltip-content .tooltip-content-header h4 p {
    font-size: 10px;
  }
}
.statement-work-details .tooltip-content .tooltip-content-header button img {
  width: 20px;
  height: 20px;
}
.statement-work-details .tooltip-content .tooltip-content-body {
  padding: 8px 4px;
  padding-top: 12px;
}
@media screen and (max-width: 1024px) {
  .statement-work-details .tooltip-content .tooltip-content-body {
    padding-top: 16px;
  }
}
.dashboard-wrapper {
  padding: 40px 40px !important;
}
@media (max-width: 1024px) {
  .dashboard-wrapper {
    padding: 0 20px 20px !important;
  }
}
.dashboard-wrapper .page-switch-btns-grp {
  max-width: calc(100% - 320px);
}
@media screen and (min-width: 1800px) {
  .dashboard-wrapper .page-switch-btns-grp {
    max-width: calc(100% - 520px);
  }
}
@media screen and (max-width: 1024px) {
  .dashboard-wrapper .page-switch-btns-grp {
    max-width: 100%;
    width: 100%;
  }
}
.dashboard-filters {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
  margin-bottom: 20px;
}
@media screen and (min-width: 1800px) {
  .dashboard-filters {
    margin-bottom: 26px;
  }
}
.dashboard-filters .input-container {
  min-width: 22%;
  max-width: calc(50% - 6px);
}
@media screen and (min-width: 1800px) {
  .dashboard-filters .input-container .input-wrapper-select select {
    min-height: 60px;
  }
}
@media screen and (max-width: 1024px) {
  .dashboard-filters .input-container {
    width: calc(50% - 6px);
  }
  .dashboard-filters .input-container .input-wrapper-select select {
    font-size: 14px;
    padding: 9px 20px;
    min-height: 38px;
  }
}
.dashboard-cards-wrapper {
  display: flex;
  flex-wrap: wrap;
  align-items: stretch;
  gap: 22px;
}
@media screen and (max-width: 1024px) {
  .dashboard-cards-wrapper {
    gap: 16px;
  }
}
.modal-footer.d-flex.justify-center button.btn.btn-primary {
  width: 50%;
  padding: 19px 30px;
}
.modal-footer.d-flex.justify-center .btn-outline-filled {
  width: 50%;
}
.modal-footer.d-flex.justify-center {
  gap: 20px;
  margin-top: 30px;
}
p.body-normal.text-center {
  margin-top: 20px;
}
.modal-backdrop .modal-container .modal-header h2 {
  padding-right: 0;
  margin-top: 20px;
}
.error-message {
  color: var(--red) !important;
  margin-left: 5px;
  margin-top: 5px;
  font-size: 12px;
}
@media screen and (max-width: 1024px) {
  .error-message {
    margin-top: 10px;
    font-size: 10px;
  }
}
.mat-mdc-dialog-surface {
  background-color: white !important;
  padding: 10px;
}
.mat-mdc-dialog-surface.mdc-dialog__surface {
  padding: 40px 50px 17px 50px;
}
@media screen and (max-width: 1024px) {
  .mat-mdc-dialog-surface.mdc-dialog__surface {
    padding: 13px 20px;
  }
}
app-service-item + app-service-item {
  border-top: 1px solid var(--border-color, #eaeaea);
  padding-top: 12px;
  margin-top: 5px;
  display: block;
}
@media screen and (max-width: 1024px) {
  .mobile-wrapper-select {
    flex-direction: column !important;
  }
}
.mobile-wrapper-select .mobile-select-input {
  gap: 12px;
}
@media screen and (max-width: 1024px) {
  .mobile-wrapper-select .mobile-select-input {
    flex-direction: column;
    gap: 8px;
  }
}
.mobile-wrapper-select .mobile-number-input {
  flex: 1 1 100%;
}
@media screen and (max-width: 1024px) {
  .mobile-wrapper-select .mobile-number-input {
    flex-direction: column !important;
    width: 100% !important;
  }
}
.mobile-wrapper-select .mobile-number-input .input-container {
  width: 100%;
}
.mobile-wrapper-select .select-moblie {
  width: 160px;
  flex: 1 0 160px;
}
.mobile-wrapper-select .select-moblie select {
  padding-right: 40px !important;
}
.mobile-wrapper-select .select-moblie .form-control {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .mobile-wrapper-select .select-moblie {
    width: 100%;
    flex: 1 0 100%;
  }
}
.mobile-wrapper-select .search-dropdown {
  min-width: 280px;
}
@media screen and (max-width: 1024px) {
  .mobile-wrapper-select .search-dropdown {
    min-width: 100%;
  }
}
.comments-section-scroller {
  max-height: 35vh;
  overflow: auto;
  box-shadow: 0px 100px 80px 0px rgba(0, 0, 0, 0.07);
}

/* angular:styles/global:styles */