/*!**********************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/@angular/material/prebuilt-themes/indigo-pink.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************************************/
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, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow, 0px 0px 0px 0px --mat-sys-shadow);
}

.mat-elevation-z1, .mat-mdc-elevation-specific.mat-elevation-z1 {
  box-shadow: var(--mat-app-elevation-shadow-level-1, 0px 2px 1px -1px --mat-sys-shadow, 0px 1px 1px 0px --mat-sys-shadow, 0px 1px 3px 0px --mat-sys-shadow);
}

.mat-elevation-z2, .mat-mdc-elevation-specific.mat-elevation-z2 {
  box-shadow: var(--mat-app-elevation-shadow-level-2, 0px 3px 1px -2px --mat-sys-shadow, 0px 2px 2px 0px --mat-sys-shadow, 0px 1px 5px 0px --mat-sys-shadow);
}

.mat-elevation-z3, .mat-mdc-elevation-specific.mat-elevation-z3 {
  box-shadow: var(--mat-app-elevation-shadow-level-3, 0px 3px 3px -2px --mat-sys-shadow, 0px 3px 4px 0px --mat-sys-shadow, 0px 1px 8px 0px --mat-sys-shadow);
}

.mat-elevation-z4, .mat-mdc-elevation-specific.mat-elevation-z4 {
  box-shadow: var(--mat-app-elevation-shadow-level-4, 0px 2px 4px -1px --mat-sys-shadow, 0px 4px 5px 0px --mat-sys-shadow, 0px 1px 10px 0px --mat-sys-shadow);
}

.mat-elevation-z5, .mat-mdc-elevation-specific.mat-elevation-z5 {
  box-shadow: var(--mat-app-elevation-shadow-level-5, 0px 3px 5px -1px --mat-sys-shadow, 0px 5px 8px 0px --mat-sys-shadow, 0px 1px 14px 0px --mat-sys-shadow);
}

.mat-elevation-z6, .mat-mdc-elevation-specific.mat-elevation-z6 {
  box-shadow: var(--mat-app-elevation-shadow-level-6, 0px 3px 5px -1px --mat-sys-shadow, 0px 6px 10px 0px --mat-sys-shadow, 0px 1px 18px 0px --mat-sys-shadow);
}

.mat-elevation-z7, .mat-mdc-elevation-specific.mat-elevation-z7 {
  box-shadow: var(--mat-app-elevation-shadow-level-7, 0px 4px 5px -2px --mat-sys-shadow, 0px 7px 10px 1px --mat-sys-shadow, 0px 2px 16px 1px --mat-sys-shadow);
}

.mat-elevation-z8, .mat-mdc-elevation-specific.mat-elevation-z8 {
  box-shadow: var(--mat-app-elevation-shadow-level-8, 0px 5px 5px -3px --mat-sys-shadow, 0px 8px 10px 1px --mat-sys-shadow, 0px 3px 14px 2px --mat-sys-shadow);
}

.mat-elevation-z9, .mat-mdc-elevation-specific.mat-elevation-z9 {
  box-shadow: var(--mat-app-elevation-shadow-level-9, 0px 5px 6px -3px --mat-sys-shadow, 0px 9px 12px 1px --mat-sys-shadow, 0px 3px 16px 2px --mat-sys-shadow);
}

.mat-elevation-z10, .mat-mdc-elevation-specific.mat-elevation-z10 {
  box-shadow: var(--mat-app-elevation-shadow-level-10, 0px 6px 6px -3px --mat-sys-shadow, 0px 10px 14px 1px --mat-sys-shadow, 0px 4px 18px 3px --mat-sys-shadow);
}

.mat-elevation-z11, .mat-mdc-elevation-specific.mat-elevation-z11 {
  box-shadow: var(--mat-app-elevation-shadow-level-11, 0px 6px 7px -4px --mat-sys-shadow, 0px 11px 15px 1px --mat-sys-shadow, 0px 4px 20px 3px --mat-sys-shadow);
}

.mat-elevation-z12, .mat-mdc-elevation-specific.mat-elevation-z12 {
  box-shadow: var(--mat-app-elevation-shadow-level-12, 0px 7px 8px -4px --mat-sys-shadow, 0px 12px 17px 2px --mat-sys-shadow, 0px 5px 22px 4px --mat-sys-shadow);
}

.mat-elevation-z13, .mat-mdc-elevation-specific.mat-elevation-z13 {
  box-shadow: var(--mat-app-elevation-shadow-level-13, 0px 7px 8px -4px --mat-sys-shadow, 0px 13px 19px 2px --mat-sys-shadow, 0px 5px 24px 4px --mat-sys-shadow);
}

.mat-elevation-z14, .mat-mdc-elevation-specific.mat-elevation-z14 {
  box-shadow: var(--mat-app-elevation-shadow-level-14, 0px 7px 9px -4px --mat-sys-shadow, 0px 14px 21px 2px --mat-sys-shadow, 0px 5px 26px 4px --mat-sys-shadow);
}

.mat-elevation-z15, .mat-mdc-elevation-specific.mat-elevation-z15 {
  box-shadow: var(--mat-app-elevation-shadow-level-15, 0px 8px 9px -5px --mat-sys-shadow, 0px 15px 22px 2px --mat-sys-shadow, 0px 6px 28px 5px --mat-sys-shadow);
}

.mat-elevation-z16, .mat-mdc-elevation-specific.mat-elevation-z16 {
  box-shadow: var(--mat-app-elevation-shadow-level-16, 0px 8px 10px -5px --mat-sys-shadow, 0px 16px 24px 2px --mat-sys-shadow, 0px 6px 30px 5px --mat-sys-shadow);
}

.mat-elevation-z17, .mat-mdc-elevation-specific.mat-elevation-z17 {
  box-shadow: var(--mat-app-elevation-shadow-level-17, 0px 8px 11px -5px --mat-sys-shadow, 0px 17px 26px 2px --mat-sys-shadow, 0px 6px 32px 5px --mat-sys-shadow);
}

.mat-elevation-z18, .mat-mdc-elevation-specific.mat-elevation-z18 {
  box-shadow: var(--mat-app-elevation-shadow-level-18, 0px 9px 11px -5px --mat-sys-shadow, 0px 18px 28px 2px --mat-sys-shadow, 0px 7px 34px 6px --mat-sys-shadow);
}

.mat-elevation-z19, .mat-mdc-elevation-specific.mat-elevation-z19 {
  box-shadow: var(--mat-app-elevation-shadow-level-19, 0px 9px 12px -6px --mat-sys-shadow, 0px 19px 29px 2px --mat-sys-shadow, 0px 7px 36px 6px --mat-sys-shadow);
}

.mat-elevation-z20, .mat-mdc-elevation-specific.mat-elevation-z20 {
  box-shadow: var(--mat-app-elevation-shadow-level-20, 0px 10px 13px -6px --mat-sys-shadow, 0px 20px 31px 3px --mat-sys-shadow, 0px 8px 38px 7px --mat-sys-shadow);
}

.mat-elevation-z21, .mat-mdc-elevation-specific.mat-elevation-z21 {
  box-shadow: var(--mat-app-elevation-shadow-level-21, 0px 10px 13px -6px --mat-sys-shadow, 0px 21px 33px 3px --mat-sys-shadow, 0px 8px 40px 7px --mat-sys-shadow);
}

.mat-elevation-z22, .mat-mdc-elevation-specific.mat-elevation-z22 {
  box-shadow: var(--mat-app-elevation-shadow-level-22, 0px 10px 14px -6px --mat-sys-shadow, 0px 22px 35px 3px --mat-sys-shadow, 0px 8px 42px 7px --mat-sys-shadow);
}

.mat-elevation-z23, .mat-mdc-elevation-specific.mat-elevation-z23 {
  box-shadow: var(--mat-app-elevation-shadow-level-23, 0px 11px 14px -7px --mat-sys-shadow, 0px 23px 36px 3px --mat-sys-shadow, 0px 9px 44px 8px --mat-sys-shadow);
}

.mat-elevation-z24, .mat-mdc-elevation-specific.mat-elevation-z24 {
  box-shadow: var(--mat-app-elevation-shadow-level-24, 0px 11px 15px -7px --mat-sys-shadow, 0px 24px 38px 3px --mat-sys-shadow, 0px 9px 46px 8px --mat-sys-shadow);
}

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

html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-option-selected-state-label-text-color: #3f51b5;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

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

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #3f51b5;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #3f51b5;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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 {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-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 {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #3f51b5;
  --mat-progress-bar-track-color: rgba(63, 81, 181, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}

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

html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}

html {
  --mat-tooltip-supporting-text-font: Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}

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

html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-filled-caret-color: #3f51b5;
  --mat-form-field-filled-focus-active-indicator-color: #3f51b5;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-outlined-caret-color: #3f51b5;
  --mat-form-field-outlined-focus-outline-color: #3f51b5;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #3f51b5 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}

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

html {
  --mat-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;
  --mat-form-field-filled-label-text-font: Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}

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

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #3f51b5;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}

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

html {
  --mat-select-trigger-text-font: Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

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

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

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

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

html {
  --mat-dialog-subhead-font: Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}

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

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #3f51b5;
  --mat-chip-elevated-disabled-container-color: #3f51b5;
  --mat-chip-elevated-selected-container-color: #3f51b5;
  --mat-chip-flat-disabled-selected-container-color: #3f51b5;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-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-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}

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

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}

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

html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-state-layer-color: #3f51b5;
  --mat-slide-toggle-selected-focus-handle-color: #3f51b5;
  --mat-slide-toggle-selected-hover-handle-color: #3f51b5;
  --mat-slide-toggle-selected-pressed-handle-color: #3f51b5;
  --mat-slide-toggle-selected-focus-track-color: #7986cb;
  --mat-slide-toggle-selected-hover-track-color: #7986cb;
  --mat-slide-toggle-selected-pressed-track-color: #7986cb;
  --mat-slide-toggle-selected-track-color: #7986cb;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}

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

html {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

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

html {
  --mat-radio-label-text-font: Roboto, sans-serif;
  --mat-radio-label-text-line-height: 20px;
  --mat-radio-label-text-size: 14px;
  --mat-radio-label-text-tracking: 0.0178571429em;
  --mat-radio-label-text-weight: 400;
}

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

html {
  --mat-slider-active-track-color: #3f51b5;
  --mat-slider-focus-handle-color: #3f51b5;
  --mat-slider-handle-color: #3f51b5;
  --mat-slider-hover-handle-color: #3f51b5;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-slider-inactive-track-color: #3f51b5;
  --mat-slider-ripple-color: #3f51b5;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #3f51b5;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}

.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}

html {
  --mat-slider-label-label-text-font: Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-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: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Roboto, sans-serif;
  --mat-menu-item-label-text-size: 16px;
  --mat-menu-item-label-text-tracking: 0.03125em;
  --mat-menu-item-label-text-line-height: 24px;
  --mat-menu-item-label-text-weight: 400;
}

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

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #3f51b5;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #3f51b5;
  --mat-radio-selected-hover-icon-color: #3f51b5;
  --mat-radio-selected-icon-color: #3f51b5;
  --mat-radio-selected-pressed-icon-color: #3f51b5;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

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

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

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

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

html {
  --mat-list-list-item-label-text-font: Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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 {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #3f51b5;
  --mat-tab-active-ripple-color: #3f51b5;
  --mat-tab-inactive-ripple-color: #3f51b5;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #3f51b5;
  --mat-tab-active-hover-label-text-color: #3f51b5;
  --mat-tab-active-focus-indicator-color: #3f51b5;
  --mat-tab-active-hover-indicator-color: #3f51b5;
  --mat-tab-active-indicator-color: #3f51b5;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #3f51b5;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}

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

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}

html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #3f51b5;
  --mat-checkbox-selected-hover-icon-color: #3f51b5;
  --mat-checkbox-selected-icon-color: #3f51b5;
  --mat-checkbox-selected-pressed-icon-color: #3f51b5;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #3f51b5;
  --mat-checkbox-selected-hover-state-layer-color: #3f51b5;
  --mat-checkbox-selected-pressed-state-layer-color: #3f51b5;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

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

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 {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #3f51b5;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #3f51b5;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-outlined-state-layer-color: #3f51b5;
  --mat-button-protected-container-color: #3f51b5;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #3f51b5;
  --mat-button-text-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-button-text-state-layer-color: #3f51b5;
  --mat-button-tonal-container-color: #3f51b5;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}

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

html {
  --mat-button-filled-label-text-font: Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}

html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #3f51b5;
  --mat-icon-button-state-layer-color: #3f51b5;
  --mat-icon-button-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}

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

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

html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-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 {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #3f51b5;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-fab-small-container-color: #3f51b5;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}

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

html {
  --mat-fab-extended-label-text-font: Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #7986cb;
}

html {
  --mat-snack-bar-supporting-text-font: Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

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

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

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

html {
  --mat-table-header-headline-font: Roboto, sans-serif;
  --mat-table-header-headline-line-height: 22px;
  --mat-table-header-headline-size: 14px;
  --mat-table-header-headline-weight: 500;
  --mat-table-header-headline-tracking: 0.0071428571em;
  --mat-table-row-item-label-text-font: Roboto, sans-serif;
  --mat-table-row-item-label-text-line-height: 20px;
  --mat-table-row-item-label-text-size: 14px;
  --mat-table-row-item-label-text-weight: 400;
  --mat-table-row-item-label-text-tracking: 0.0178571429em;
  --mat-table-footer-supporting-text-font: Roboto, sans-serif;
  --mat-table-footer-supporting-text-line-height: 20px;
  --mat-table-footer-supporting-text-size: 14px;
  --mat-table-footer-supporting-text-weight: 400;
  --mat-table-footer-supporting-text-tracking: 0.0178571429em;
}

html {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #3f51b5;
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}

.mat-warn {
  --mat-progress-spinner-active-indicator-color: #f44336;
}

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

html {
  --mat-badge-background-color: #3f51b5;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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

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

html {
  --mat-badge-text-font: Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

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

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

html {
  --mat-bottom-sheet-container-text-font: Roboto, sans-serif;
  --mat-bottom-sheet-container-text-line-height: 20px;
  --mat-bottom-sheet-container-text-size: 14px;
  --mat-bottom-sheet-container-text-tracking: 0.0178571429em;
  --mat-bottom-sheet-container-text-weight: 400;
}

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

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

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

html {
  --mat-button-toggle-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-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-in-range-state-background-color: color-mix(in srgb, #3f51b5 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #3f51b5;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #3f51b5 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #3f51b5 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #3f51b5 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #3f51b5;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --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-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: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.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;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

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

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

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

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

html {
  --mat-expansion-header-text-font: Roboto, sans-serif;
  --mat-expansion-header-text-size: 14px;
  --mat-expansion-header-text-weight: 500;
  --mat-expansion-header-text-line-height: inherit;
  --mat-expansion-header-text-tracking: inherit;
  --mat-expansion-container-text-font: Roboto, sans-serif;
  --mat-expansion-container-text-line-height: 20px;
  --mat-expansion-container-text-size: 14px;
  --mat-expansion-container-text-tracking: 0.0178571429em;
  --mat-expansion-container-text-weight: 400;
}

html {
  --mat-grid-list-tile-header-primary-text-size: 14px;
  --mat-grid-list-tile-header-secondary-text-size: 12px;
  --mat-grid-list-tile-footer-primary-text-size: 14px;
  --mat-grid-list-tile-footer-secondary-text-size: 12px;
}

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

.mat-icon.mat-primary {
  --mat-icon-color: #3f51b5;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

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

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

html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #3f51b5;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #3f51b5;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #3f51b5;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

.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: rgba(0, 0, 0, 0.87);
}

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

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #3f51b5;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

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

html {
  --mat-toolbar-title-text-font: Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

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

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

html {
  --mat-tree-node-text-font: Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

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: white;
}

.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: 0.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: 0.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: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-body-strong,
.mat-subtitle-2,
.mat-typography .mat-body-strong,
.mat-typography .mat-subtitle-2 {
  font: 500 14px / 22px Roboto, sans-serif;
  letter-spacing: 0.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: 0.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: 0.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: -0.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: 0.0073529412em;
  margin: 0 0 64px;
}

/*!****************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./projects/poc/src/styles.base.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************/
html {
  --mat-app-background-color: #fafafa;
  --mat-app-text-color: rgba(0, 0, 0, 0.87);
  --mat-app-elevation-shadow-level-0: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-1: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-2: 0px 3px 1px -2px rgba(0, 0, 0, 0.2), 0px 2px 2px 0px rgba(0, 0, 0, 0.14), 0px 1px 5px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-3: 0px 3px 3px -2px rgba(0, 0, 0, 0.2), 0px 3px 4px 0px rgba(0, 0, 0, 0.14), 0px 1px 8px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-4: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-5: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 5px 8px 0px rgba(0, 0, 0, 0.14), 0px 1px 14px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-6: 0px 3px 5px -1px rgba(0, 0, 0, 0.2), 0px 6px 10px 0px rgba(0, 0, 0, 0.14), 0px 1px 18px 0px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-7: 0px 4px 5px -2px rgba(0, 0, 0, 0.2), 0px 7px 10px 1px rgba(0, 0, 0, 0.14), 0px 2px 16px 1px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-8: 0px 5px 5px -3px rgba(0, 0, 0, 0.2), 0px 8px 10px 1px rgba(0, 0, 0, 0.14), 0px 3px 14px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-9: 0px 5px 6px -3px rgba(0, 0, 0, 0.2), 0px 9px 12px 1px rgba(0, 0, 0, 0.14), 0px 3px 16px 2px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-10: 0px 6px 6px -3px rgba(0, 0, 0, 0.2), 0px 10px 14px 1px rgba(0, 0, 0, 0.14), 0px 4px 18px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-11: 0px 6px 7px -4px rgba(0, 0, 0, 0.2), 0px 11px 15px 1px rgba(0, 0, 0, 0.14), 0px 4px 20px 3px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-12: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 12px 17px 2px rgba(0, 0, 0, 0.14), 0px 5px 22px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-13: 0px 7px 8px -4px rgba(0, 0, 0, 0.2), 0px 13px 19px 2px rgba(0, 0, 0, 0.14), 0px 5px 24px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-14: 0px 7px 9px -4px rgba(0, 0, 0, 0.2), 0px 14px 21px 2px rgba(0, 0, 0, 0.14), 0px 5px 26px 4px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-15: 0px 8px 9px -5px rgba(0, 0, 0, 0.2), 0px 15px 22px 2px rgba(0, 0, 0, 0.14), 0px 6px 28px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-16: 0px 8px 10px -5px rgba(0, 0, 0, 0.2), 0px 16px 24px 2px rgba(0, 0, 0, 0.14), 0px 6px 30px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-17: 0px 8px 11px -5px rgba(0, 0, 0, 0.2), 0px 17px 26px 2px rgba(0, 0, 0, 0.14), 0px 6px 32px 5px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-18: 0px 9px 11px -5px rgba(0, 0, 0, 0.2), 0px 18px 28px 2px rgba(0, 0, 0, 0.14), 0px 7px 34px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-19: 0px 9px 12px -6px rgba(0, 0, 0, 0.2), 0px 19px 29px 2px rgba(0, 0, 0, 0.14), 0px 7px 36px 6px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-20: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 20px 31px 3px rgba(0, 0, 0, 0.14), 0px 8px 38px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-21: 0px 10px 13px -6px rgba(0, 0, 0, 0.2), 0px 21px 33px 3px rgba(0, 0, 0, 0.14), 0px 8px 40px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-22: 0px 10px 14px -6px rgba(0, 0, 0, 0.2), 0px 22px 35px 3px rgba(0, 0, 0, 0.14), 0px 8px 42px 7px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-23: 0px 11px 14px -7px rgba(0, 0, 0, 0.2), 0px 23px 36px 3px rgba(0, 0, 0, 0.14), 0px 9px 44px 8px rgba(0, 0, 0, 0.12);
  --mat-app-elevation-shadow-level-24: 0px 11px 15px -7px rgba(0, 0, 0, 0.2), 0px 24px 38px 3px rgba(0, 0, 0, 0.14), 0px 9px 46px 8px rgba(0, 0, 0, 0.12);
}

html {
  --mat-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

html {
  --mat-option-selected-state-label-text-color: #01579b;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-accent {
  --mat-option-selected-state-label-text-color: #ff4081;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

.mat-warn {
  --mat-option-selected-state-label-text-color: #f44336;
  --mat-option-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-option-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-option-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-option-selected-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
}

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

html {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-primary {
  --mat-pseudo-checkbox-full-selected-icon-color: #01579b;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #01579b;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-accent {
  --mat-pseudo-checkbox-full-selected-icon-color: #ff4081;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #ff4081;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

.mat-warn {
  --mat-pseudo-checkbox-full-selected-icon-color: #f44336;
  --mat-pseudo-checkbox-full-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-pseudo-checkbox-full-disabled-selected-checkmark-color: #fafafa;
  --mat-pseudo-checkbox-full-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-full-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-pseudo-checkbox-minimal-selected-checkmark-color: #f44336;
  --mat-pseudo-checkbox-minimal-disabled-selected-checkmark-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

html {
  --mat-option-label-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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 {
  --mat-card-elevated-container-shape: 4px;
  --mat-card-outlined-container-shape: 4px;
  --mat-card-filled-container-shape: 4px;
  --mat-card-outlined-outline-width: 1px;
}

html {
  --mat-card-elevated-container-color: white;
  --mat-card-elevated-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);
  --mat-card-outlined-container-color: white;
  --mat-card-outlined-container-elevation: 0px 0px 0px 0px rgba(0, 0, 0, 0.2), 0px 0px 0px 0px rgba(0, 0, 0, 0.14), 0px 0px 0px 0px rgba(0, 0, 0, 0.12);
  --mat-card-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-card-subtitle-text-color: rgba(0, 0, 0, 0.54);
  --mat-card-filled-container-color: white;
  --mat-card-filled-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-title-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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 {
  --mat-progress-bar-active-indicator-height: 4px;
  --mat-progress-bar-track-height: 4px;
  --mat-progress-bar-track-shape: 0;
}

.mat-mdc-progress-bar {
  --mat-progress-bar-active-indicator-color: #01579b;
  --mat-progress-bar-track-color: rgba(1, 87, 155, 0.25);
}
.mat-mdc-progress-bar.mat-accent {
  --mat-progress-bar-active-indicator-color: #ff4081;
  --mat-progress-bar-track-color: rgba(255, 64, 129, 0.25);
}
.mat-mdc-progress-bar.mat-warn {
  --mat-progress-bar-active-indicator-color: #f44336;
  --mat-progress-bar-track-color: rgba(244, 67, 54, 0.25);
}

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

html {
  --mat-tooltip-container-color: #424242;
  --mat-tooltip-supporting-text-color: white;
}

html {
  --mat-tooltip-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}

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

html {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #01579b 87%, transparent);
  --mat-form-field-filled-caret-color: #01579b;
  --mat-form-field-filled-focus-active-indicator-color: #01579b;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #01579b 87%, transparent);
  --mat-form-field-outlined-caret-color: #01579b;
  --mat-form-field-outlined-focus-outline-color: #01579b;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #01579b 87%, transparent);
  --mat-form-field-disabled-input-text-placeholder-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-error-text-color: #f44336;
  --mat-form-field-select-option-text-color: inherit;
  --mat-form-field-select-disabled-option-text-color: GrayText;
  --mat-form-field-leading-icon-color: unset;
  --mat-form-field-disabled-leading-icon-color: unset;
  --mat-form-field-trailing-icon-color: unset;
  --mat-form-field-disabled-trailing-icon-color: unset;
  --mat-form-field-error-focus-trailing-icon-color: unset;
  --mat-form-field-error-hover-trailing-icon-color: unset;
  --mat-form-field-error-trailing-icon-color: unset;
  --mat-form-field-enabled-select-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-disabled-select-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-hover-state-layer-opacity: 0.04;
  --mat-form-field-focus-state-layer-opacity: 0.12;
  --mat-form-field-filled-container-color: #f6f6f6;
  --mat-form-field-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-form-field-filled-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-filled-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-error-hover-label-text-color: #f44336;
  --mat-form-field-filled-error-focus-label-text-color: #f44336;
  --mat-form-field-filled-error-label-text-color: #f44336;
  --mat-form-field-filled-error-caret-color: #f44336;
  --mat-form-field-filled-active-indicator-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-filled-disabled-active-indicator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-filled-hover-active-indicator-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-filled-error-active-indicator-color: #f44336;
  --mat-form-field-filled-error-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-error-hover-active-indicator-color: #f44336;
  --mat-form-field-outlined-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-hover-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-disabled-input-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-form-field-outlined-input-text-placeholder-color: rgba(0, 0, 0, 0.54);
  --mat-form-field-outlined-error-caret-color: #f44336;
  --mat-form-field-outlined-error-focus-label-text-color: #f44336;
  --mat-form-field-outlined-error-label-text-color: #f44336;
  --mat-form-field-outlined-error-hover-label-text-color: #f44336;
  --mat-form-field-outlined-outline-color: rgba(0, 0, 0, 0.38);
  --mat-form-field-outlined-disabled-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-form-field-outlined-hover-outline-color: rgba(0, 0, 0, 0.87);
  --mat-form-field-outlined-error-focus-outline-color: #f44336;
  --mat-form-field-outlined-error-hover-outline-color: #f44336;
  --mat-form-field-outlined-error-outline-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-filled-caret-color: #ff4081;
  --mat-form-field-filled-focus-active-indicator-color: #ff4081;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
  --mat-form-field-outlined-caret-color: #ff4081;
  --mat-form-field-outlined-focus-outline-color: #ff4081;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #ff4081 87%, transparent);
}

.mat-mdc-form-field.mat-warn {
  --mat-form-field-focus-select-arrow-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-filled-caret-color: #f44336;
  --mat-form-field-filled-focus-active-indicator-color: #f44336;
  --mat-form-field-filled-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
  --mat-form-field-outlined-caret-color: #f44336;
  --mat-form-field-outlined-focus-outline-color: #f44336;
  --mat-form-field-outlined-focus-label-text-color: color-mix(in srgb, #f44336 87%, transparent);
}

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

html {
  --mat-form-field-container-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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;
  --mat-form-field-filled-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}

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

html {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #01579b;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-accent {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #ff4081;
  --mat-select-invalid-arrow-color: #f44336;
}

.mat-mdc-form-field.mat-warn {
  --mat-select-panel-background-color: white;
  --mat-select-enabled-trigger-text-color: rgba(0, 0, 0, 0.87);
  --mat-select-disabled-trigger-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-placeholder-text-color: rgba(0, 0, 0, 0.54);
  --mat-select-enabled-arrow-color: rgba(0, 0, 0, 0.54);
  --mat-select-disabled-arrow-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-select-focused-arrow-color: #f44336;
  --mat-select-invalid-arrow-color: #f44336;
}

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

html {
  --mat-select-trigger-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-select-trigger-text-line-height: 24px;
  --mat-select-trigger-text-size: 16px;
  --mat-select-trigger-text-tracking: 0.03125em;
  --mat-select-trigger-text-weight: 400;
}

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

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

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

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

html {
  --mat-dialog-subhead-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}

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

.mat-mdc-standard-chip {
  --mat-chip-disabled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-elevated-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-elevated-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-flat-disabled-selected-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-chip-selected-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-disabled-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-icon-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: rgba(0, 0, 0, 0.87);
  --mat-chip-with-trailing-icon-trailing-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-primary, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-primary {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #01579b;
  --mat-chip-elevated-disabled-container-color: #01579b;
  --mat-chip-elevated-selected-container-color: #01579b;
  --mat-chip-flat-disabled-selected-container-color: #01579b;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}
.mat-mdc-standard-chip.mat-mdc-chip-selected.mat-accent, .mat-mdc-standard-chip.mat-mdc-chip-highlighted.mat-accent {
  --mat-chip-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #ff4081;
  --mat-chip-elevated-disabled-container-color: #ff4081;
  --mat-chip-elevated-selected-container-color: #ff4081;
  --mat-chip-flat-disabled-selected-container-color: #ff4081;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-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-disabled-label-text-color: white;
  --mat-chip-elevated-container-color: #f44336;
  --mat-chip-elevated-disabled-container-color: #f44336;
  --mat-chip-elevated-selected-container-color: #f44336;
  --mat-chip-flat-disabled-selected-container-color: #f44336;
  --mat-chip-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-focus-state-layer-opacity: 0.12;
  --mat-chip-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-chip-label-text-color: white;
  --mat-chip-selected-disabled-trailing-icon-color: white;
  --mat-chip-selected-focus-state-layer-color: 0.12;
  --mat-chip-selected-focus-state-layer-opacity: 0.12;
  --mat-chip-selected-hover-state-layer-color: 0.04;
  --mat-chip-selected-label-text-color: white;
  --mat-chip-selected-trailing-icon-color: white;
  --mat-chip-with-icon-disabled-icon-color: white;
  --mat-chip-with-icon-icon-color: white;
  --mat-chip-with-icon-selected-icon-color: white;
  --mat-chip-with-trailing-icon-disabled-trailing-icon-color: white;
  --mat-chip-with-trailing-icon-trailing-icon-color: white;
}

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

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}

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

html {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #01579b;
  --mat-slide-toggle-selected-handle-color: #01579b;
  --mat-slide-toggle-selected-hover-state-layer-color: #01579b;
  --mat-slide-toggle-selected-pressed-state-layer-color: #01579b;
  --mat-slide-toggle-selected-focus-handle-color: #01579b;
  --mat-slide-toggle-selected-hover-handle-color: #01579b;
  --mat-slide-toggle-selected-pressed-handle-color: #01579b;
  --mat-slide-toggle-selected-focus-track-color: #4fc3f7;
  --mat-slide-toggle-selected-hover-track-color: #4fc3f7;
  --mat-slide-toggle-selected-pressed-track-color: #4fc3f7;
  --mat-slide-toggle-selected-track-color: #4fc3f7;
  --mat-slide-toggle-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-slide-toggle-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);
  --mat-slide-toggle-disabled-selected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-selected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-disabled-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-disabled-unselected-track-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-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);
  --mat-slide-toggle-handle-surface-color: white;
  --mat-slide-toggle-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-handle-color: #424242;
  --mat-slide-toggle-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-focus-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-icon-color: #f6f6f6;
  --mat-slide-toggle-unselected-handle-color: rgba(0, 0, 0, 0.54);
  --mat-slide-toggle-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-hover-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-handle-color: #424242;
  --mat-slide-toggle-unselected-pressed-track-color: rgba(0, 0, 0, 0.12);
  --mat-slide-toggle-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-slide-toggle-unselected-track-color: rgba(0, 0, 0, 0.12);
}

.mat-mdc-slide-toggle.mat-accent {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-pressed-state-layer-color: #ff4081;
  --mat-slide-toggle-selected-focus-handle-color: #ff4081;
  --mat-slide-toggle-selected-hover-handle-color: #ff4081;
  --mat-slide-toggle-selected-pressed-handle-color: #ff4081;
  --mat-slide-toggle-selected-focus-track-color: #f06292;
  --mat-slide-toggle-selected-hover-track-color: #f06292;
  --mat-slide-toggle-selected-pressed-track-color: #f06292;
  --mat-slide-toggle-selected-track-color: #f06292;
}
.mat-mdc-slide-toggle.mat-warn {
  --mat-slide-toggle-selected-icon-color: white;
  --mat-slide-toggle-disabled-selected-icon-color: white;
  --mat-slide-toggle-selected-focus-state-layer-color: #f44336;
  --mat-slide-toggle-selected-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-state-layer-color: #f44336;
  --mat-slide-toggle-selected-pressed-state-layer-color: #f44336;
  --mat-slide-toggle-selected-focus-handle-color: #f44336;
  --mat-slide-toggle-selected-hover-handle-color: #f44336;
  --mat-slide-toggle-selected-pressed-handle-color: #f44336;
  --mat-slide-toggle-selected-focus-track-color: #e57373;
  --mat-slide-toggle-selected-hover-track-color: #e57373;
  --mat-slide-toggle-selected-pressed-track-color: #e57373;
  --mat-slide-toggle-selected-track-color: #e57373;
}

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

html {
  --mat-slide-toggle-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-disabled-selected-icon-opacity: 0.38;
  --mat-radio-disabled-unselected-icon-opacity: 0.38;
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-size: 48px;
}

.mat-mdc-radio-button.mat-primary {
  --mat-radio-checked-ripple-color: #01579b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #01579b;
  --mat-radio-selected-hover-icon-color: #01579b;
  --mat-radio-selected-icon-color: #01579b;
  --mat-radio-selected-pressed-icon-color: #01579b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-radio-button.mat-warn {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

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

html {
  --mat-radio-label-text-font: Noto Sans Thai, 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 {
  --mat-slider-active-track-height: 6px;
  --mat-slider-active-track-shape: 9999px;
  --mat-slider-handle-elevation: 0px 2px 1px -1px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 1px 3px 0px rgba(0, 0, 0, 0.12);
  --mat-slider-handle-height: 20px;
  --mat-slider-handle-shape: 50%;
  --mat-slider-handle-width: 20px;
  --mat-slider-inactive-track-height: 4px;
  --mat-slider-inactive-track-shape: 9999px;
  --mat-slider-value-indicator-border-radius: 4px;
  --mat-slider-value-indicator-caret-display: block;
  --mat-slider-value-indicator-container-transform: translateX(-50%);
  --mat-slider-value-indicator-height: 32px;
  --mat-slider-value-indicator-padding: 0 12px;
  --mat-slider-value-indicator-text-transform: none;
  --mat-slider-value-indicator-width: auto;
  --mat-slider-with-overlap-handle-outline-width: 1px;
  --mat-slider-with-tick-marks-active-container-opacity: 0.6;
  --mat-slider-with-tick-marks-container-shape: 50%;
  --mat-slider-with-tick-marks-container-size: 2px;
  --mat-slider-with-tick-marks-inactive-container-opacity: 0.6;
  --mat-slider-value-indicator-transform-origin: bottom;
}

html {
  --mat-slider-active-track-color: #01579b;
  --mat-slider-focus-handle-color: #01579b;
  --mat-slider-handle-color: #01579b;
  --mat-slider-hover-handle-color: #01579b;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #01579b 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #01579b 4%, transparent);
  --mat-slider-inactive-track-color: #01579b;
  --mat-slider-ripple-color: #01579b;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #01579b;
  --mat-slider-disabled-active-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-handle-color: rgba(0, 0, 0, 0.87);
  --mat-slider-disabled-inactive-track-color: rgba(0, 0, 0, 0.87);
  --mat-slider-label-container-color: #424242;
  --mat-slider-label-label-text-color: white;
  --mat-slider-value-indicator-opacity: 1;
  --mat-slider-with-overlap-handle-outline-color: rgba(0, 0, 0, 0.87);
  --mat-slider-with-tick-marks-disabled-container-color: rgba(0, 0, 0, 0.87);
}

.mat-accent {
  --mat-slider-active-track-color: #ff4081;
  --mat-slider-focus-handle-color: #ff4081;
  --mat-slider-handle-color: #ff4081;
  --mat-slider-hover-handle-color: #ff4081;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-slider-inactive-track-color: #ff4081;
  --mat-slider-ripple-color: #ff4081;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #ff4081;
}

.mat-warn {
  --mat-slider-active-track-color: #f44336;
  --mat-slider-focus-handle-color: #f44336;
  --mat-slider-handle-color: #f44336;
  --mat-slider-hover-handle-color: #f44336;
  --mat-slider-focus-state-layer-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-slider-hover-state-layer-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-slider-inactive-track-color: #f44336;
  --mat-slider-ripple-color: #f44336;
  --mat-slider-with-tick-marks-active-container-color: white;
  --mat-slider-with-tick-marks-inactive-container-color: #f44336;
}

html {
  --mat-slider-label-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-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: rgba(0, 0, 0, 0.87);
  --mat-menu-item-icon-color: rgba(0, 0, 0, 0.87);
  --mat-menu-item-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-menu-item-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-menu-container-color: white;
  --mat-menu-divider-color: rgba(0, 0, 0, 0.12);
}

html {
  --mat-menu-item-label-text-font: Noto Sans Thai, 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 {
  --mat-list-active-indicator-color: transparent;
  --mat-list-active-indicator-shape: 4px;
  --mat-list-list-item-container-shape: 0;
  --mat-list-list-item-leading-avatar-shape: 50%;
  --mat-list-list-item-container-color: transparent;
  --mat-list-list-item-selected-container-color: transparent;
  --mat-list-list-item-leading-avatar-color: transparent;
  --mat-list-list-item-leading-icon-size: 24px;
  --mat-list-list-item-leading-avatar-size: 40px;
  --mat-list-list-item-trailing-icon-size: 24px;
  --mat-list-list-item-disabled-state-layer-color: transparent;
  --mat-list-list-item-disabled-state-layer-opacity: 0;
  --mat-list-list-item-disabled-label-text-opacity: 0.38;
  --mat-list-list-item-disabled-leading-icon-opacity: 0.38;
  --mat-list-list-item-disabled-trailing-icon-opacity: 0.38;
}

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-checked-ripple-color: #01579b;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #01579b;
  --mat-radio-selected-hover-icon-color: #01579b;
  --mat-radio-selected-icon-color: #01579b;
  --mat-radio-selected-pressed-icon-color: #01579b;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-accent .mdc-list-item__start,
.mat-accent .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #ff4081;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #ff4081;
  --mat-radio-selected-hover-icon-color: #ff4081;
  --mat-radio-selected-icon-color: #ff4081;
  --mat-radio-selected-pressed-icon-color: #ff4081;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-warn .mdc-list-item__start,
.mat-warn .mdc-list-item__end {
  --mat-radio-checked-ripple-color: #f44336;
  --mat-radio-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-radio-disabled-selected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-disabled-unselected-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-radio-ripple-color: rgba(0, 0, 0, 0.87);
  --mat-radio-selected-focus-icon-color: #f44336;
  --mat-radio-selected-hover-icon-color: #f44336;
  --mat-radio-selected-icon-color: #f44336;
  --mat-radio-selected-pressed-icon-color: #f44336;
  --mat-radio-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-radio-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-radio-unselected-pressed-icon-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #01579b;
  --mat-checkbox-selected-hover-icon-color: #01579b;
  --mat-checkbox-selected-icon-color: #01579b;
  --mat-checkbox-selected-pressed-icon-color: #01579b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #01579b;
  --mat-checkbox-selected-hover-state-layer-color: #01579b;
  --mat-checkbox-selected-pressed-state-layer-color: #01579b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-accent {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-list-option.mat-warn {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.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: #01579b;
}

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

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

.mdc-list-item__start,
.mdc-list-item__end {
  --mat-radio-state-layer-size: 40px;
  --mat-radio-touch-target-display: block;
}

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

html {
  --mat-list-list-item-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-page-size-select-width: 84px;
  --mat-paginator-page-size-select-touch-target-height: 48px;
}

html {
  --mat-paginator-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-paginator-container-background-color: white;
  --mat-paginator-enabled-icon-color: rgba(0, 0, 0, 0.54);
  --mat-paginator-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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: Noto Sans Thai, 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 {
  --mat-tab-container-height: 48px;
  --mat-tab-divider-color: transparent;
  --mat-tab-divider-height: 0;
  --mat-tab-active-indicator-height: 2px;
  --mat-tab-active-indicator-shape: 0;
}

.mat-mdc-tab-group,
.mat-mdc-tab-nav-bar {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #01579b;
  --mat-tab-active-ripple-color: #01579b;
  --mat-tab-inactive-ripple-color: #01579b;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #01579b;
  --mat-tab-active-hover-label-text-color: #01579b;
  --mat-tab-active-focus-indicator-color: #01579b;
  --mat-tab-active-hover-indicator-color: #01579b;
  --mat-tab-active-indicator-color: #01579b;
}
.mat-mdc-tab-group.mat-accent,
.mat-mdc-tab-nav-bar.mat-accent {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #ff4081;
  --mat-tab-active-ripple-color: #ff4081;
  --mat-tab-inactive-ripple-color: #ff4081;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #ff4081;
  --mat-tab-active-hover-label-text-color: #ff4081;
  --mat-tab-active-focus-indicator-color: #ff4081;
  --mat-tab-active-hover-indicator-color: #ff4081;
  --mat-tab-active-indicator-color: #ff4081;
}
.mat-mdc-tab-group.mat-warn,
.mat-mdc-tab-nav-bar.mat-warn {
  --mat-tab-disabled-ripple-color: rgba(0, 0, 0, 0.54);
  --mat-tab-pagination-icon-color: rgba(0, 0, 0, 0.87);
  --mat-tab-inactive-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-label-text-color: #f44336;
  --mat-tab-active-ripple-color: #f44336;
  --mat-tab-inactive-ripple-color: #f44336;
  --mat-tab-inactive-focus-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-inactive-hover-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-tab-active-focus-label-text-color: #f44336;
  --mat-tab-active-hover-label-text-color: #f44336;
  --mat-tab-active-focus-indicator-color: #f44336;
  --mat-tab-active-hover-indicator-color: #f44336;
  --mat-tab-active-indicator-color: #f44336;
}
.mat-mdc-tab-group.mat-background-primary,
.mat-mdc-tab-nav-bar.mat-background-primary {
  --mat-tab-background-color: #01579b;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-accent,
.mat-mdc-tab-nav-bar.mat-background-accent {
  --mat-tab-background-color: #ff4081;
  --mat-tab-foreground-color: white;
}
.mat-mdc-tab-group.mat-background-warn,
.mat-mdc-tab-nav-bar.mat-background-warn {
  --mat-tab-background-color: #f44336;
  --mat-tab-foreground-color: white;
}

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

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-disabled-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-selected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-selected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-focus-state-layer-opacity: 0.12;
  --mat-checkbox-unselected-hover-state-layer-opacity: 0.04;
  --mat-checkbox-unselected-pressed-state-layer-opacity: 0.12;
  --mat-checkbox-touch-target-size: 48px;
}

html {
  --mat-checkbox-disabled-label-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #ff4081;
  --mat-checkbox-selected-hover-icon-color: #ff4081;
  --mat-checkbox-selected-icon-color: #ff4081;
  --mat-checkbox-selected-pressed-icon-color: #ff4081;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #ff4081;
  --mat-checkbox-selected-hover-state-layer-color: #ff4081;
  --mat-checkbox-selected-pressed-state-layer-color: #ff4081;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-checkbox.mat-primary {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #01579b;
  --mat-checkbox-selected-hover-icon-color: #01579b;
  --mat-checkbox-selected-icon-color: #01579b;
  --mat-checkbox-selected-pressed-icon-color: #01579b;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #01579b;
  --mat-checkbox-selected-hover-state-layer-color: #01579b;
  --mat-checkbox-selected-pressed-state-layer-color: #01579b;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}
.mat-mdc-checkbox.mat-warn {
  --mat-checkbox-disabled-selected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-disabled-unselected-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-checkbox-selected-checkmark-color: white;
  --mat-checkbox-selected-focus-icon-color: #f44336;
  --mat-checkbox-selected-hover-icon-color: #f44336;
  --mat-checkbox-selected-icon-color: #f44336;
  --mat-checkbox-selected-pressed-icon-color: #f44336;
  --mat-checkbox-unselected-focus-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-icon-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-icon-color: rgba(0, 0, 0, 0.54);
  --mat-checkbox-selected-focus-state-layer-color: #f44336;
  --mat-checkbox-selected-hover-state-layer-color: #f44336;
  --mat-checkbox-selected-pressed-state-layer-color: #f44336;
  --mat-checkbox-unselected-focus-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-hover-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-checkbox-unselected-pressed-state-layer-color: rgba(0, 0, 0, 0.87);
}

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

html {
  --mat-checkbox-label-text-font: Noto Sans Thai, 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 {
  --mat-button-filled-container-shape: 4px;
  --mat-button-filled-horizontal-padding: 16px;
  --mat-button-filled-icon-offset: -4px;
  --mat-button-filled-icon-spacing: 8px;
  --mat-button-filled-touch-target-size: 48px;
  --mat-button-outlined-container-shape: 4px;
  --mat-button-outlined-horizontal-padding: 15px;
  --mat-button-outlined-icon-offset: -4px;
  --mat-button-outlined-icon-spacing: 8px;
  --mat-button-outlined-keep-touch-target: false;
  --mat-button-outlined-outline-width: 1px;
  --mat-button-outlined-touch-target-size: 48px;
  --mat-button-protected-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);
  --mat-button-protected-container-shape: 4px;
  --mat-button-protected-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);
  --mat-button-protected-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);
  --mat-button-protected-horizontal-padding: 16px;
  --mat-button-protected-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);
  --mat-button-protected-icon-offset: -4px;
  --mat-button-protected-icon-spacing: 8px;
  --mat-button-protected-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);
  --mat-button-protected-touch-target-size: 48px;
  --mat-button-text-container-shape: 4px;
  --mat-button-text-horizontal-padding: 8px;
  --mat-button-text-icon-offset: 0;
  --mat-button-text-icon-spacing: 8px;
  --mat-button-text-with-icon-horizontal-padding: 8px;
  --mat-button-text-touch-target-size: 48px;
  --mat-button-tonal-container-shape: 4px;
  --mat-button-tonal-horizontal-padding: 16px;
  --mat-button-tonal-icon-offset: -4px;
  --mat-button-tonal-icon-spacing: 8px;
  --mat-button-tonal-touch-target-size: 48px;
}

html {
  --mat-button-filled-container-color: white;
  --mat-button-filled-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-filled-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-filled-focus-state-layer-opacity: 0.12;
  --mat-button-filled-hover-state-layer-opacity: 0.04;
  --mat-button-filled-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-filled-pressed-state-layer-opacity: 0.12;
  --mat-button-filled-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-filled-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-outlined-disabled-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-outlined-focus-state-layer-opacity: 0.12;
  --mat-button-outlined-hover-state-layer-opacity: 0.04;
  --mat-button-outlined-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-pressed-state-layer-opacity: 0.12;
  --mat-button-outlined-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-outlined-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-container-color: white;
  --mat-button-protected-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-protected-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-protected-focus-state-layer-opacity: 0.12;
  --mat-button-protected-hover-state-layer-opacity: 0.04;
  --mat-button-protected-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-protected-pressed-state-layer-opacity: 0.12;
  --mat-button-protected-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-protected-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-text-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-text-focus-state-layer-opacity: 0.12;
  --mat-button-text-hover-state-layer-opacity: 0.04;
  --mat-button-text-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-text-pressed-state-layer-opacity: 0.12;
  --mat-button-text-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-text-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-container-color: white;
  --mat-button-tonal-disabled-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-disabled-label-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-tonal-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-button-tonal-focus-state-layer-opacity: 0.12;
  --mat-button-tonal-hover-state-layer-opacity: 0.04;
  --mat-button-tonal-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-tonal-pressed-state-layer-opacity: 0.12;
  --mat-button-tonal-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-tonal-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-button.mat-primary,
.mat-mdc-unelevated-button.mat-primary,
.mat-mdc-raised-button.mat-primary,
.mat-mdc-outlined-button.mat-primary,
.mat-tonal-button.mat-primary {
  --mat-button-filled-container-color: #01579b;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #01579b;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #01579b 12%, transparent);
  --mat-button-outlined-state-layer-color: #01579b;
  --mat-button-protected-container-color: #01579b;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #01579b;
  --mat-button-text-ripple-color: color-mix(in srgb, #01579b 12%, transparent);
  --mat-button-text-state-layer-color: #01579b;
  --mat-button-tonal-container-color: #01579b;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-accent,
.mat-mdc-unelevated-button.mat-accent,
.mat-mdc-raised-button.mat-accent,
.mat-mdc-outlined-button.mat-accent,
.mat-tonal-button.mat-accent {
  --mat-button-filled-container-color: #ff4081;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #ff4081;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-outlined-state-layer-color: #ff4081;
  --mat-button-protected-container-color: #ff4081;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #ff4081;
  --mat-button-text-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-button-text-state-layer-color: #ff4081;
  --mat-button-tonal-container-color: #ff4081;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}
.mat-mdc-button.mat-warn,
.mat-mdc-unelevated-button.mat-warn,
.mat-mdc-raised-button.mat-warn,
.mat-mdc-outlined-button.mat-warn,
.mat-tonal-button.mat-warn {
  --mat-button-filled-container-color: #f44336;
  --mat-button-filled-label-text-color: white;
  --mat-button-filled-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-filled-state-layer-color: white;
  --mat-button-outlined-label-text-color: #f44336;
  --mat-button-outlined-outline-color: rgba(0, 0, 0, 0.12);
  --mat-button-outlined-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-outlined-state-layer-color: #f44336;
  --mat-button-protected-container-color: #f44336;
  --mat-button-protected-label-text-color: white;
  --mat-button-protected-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-protected-state-layer-color: white;
  --mat-button-text-label-text-color: #f44336;
  --mat-button-text-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-button-text-state-layer-color: #f44336;
  --mat-button-tonal-container-color: #f44336;
  --mat-button-tonal-label-text-color: white;
  --mat-button-tonal-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-button-tonal-state-layer-color: white;
}

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

html {
  --mat-button-filled-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-icon-button-icon-size: 24px;
  --mat-icon-button-container-shape: 50%;
  --mat-icon-button-touch-target-size: 48px;
}

html {
  --mat-icon-button-disabled-icon-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-icon-button-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-icon-button-focus-state-layer-opacity: 0.12;
  --mat-icon-button-hover-state-layer-opacity: 0.04;
  --mat-icon-button-icon-color: inherit;
  --mat-icon-button-pressed-state-layer-opacity: 0.12;
  --mat-icon-button-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-icon-button-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-icon-button.mat-primary {
  --mat-icon-button-icon-color: #01579b;
  --mat-icon-button-state-layer-color: #01579b;
  --mat-icon-button-ripple-color: color-mix(in srgb, #01579b 12%, transparent);
}
.mat-mdc-icon-button.mat-accent {
  --mat-icon-button-icon-color: #ff4081;
  --mat-icon-button-state-layer-color: #ff4081;
  --mat-icon-button-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
}
.mat-mdc-icon-button.mat-warn {
  --mat-icon-button-icon-color: #f44336;
  --mat-icon-button-state-layer-color: #f44336;
  --mat-icon-button-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
}

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

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

html {
  --mat-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);
  --mat-fab-container-shape: 50%;
  --mat-fab-touch-target-size: 48px;
  --mat-fab-extended-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);
  --mat-fab-extended-container-height: 48px;
  --mat-fab-extended-container-shape: 24px;
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-fab-extended-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-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);
  --mat-fab-small-container-shape: 50%;
  --mat-fab-small-touch-target-size: 48px;
  --mat-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);
  --mat-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);
  --mat-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 {
  --mat-fab-container-color: white;
  --mat-fab-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-focus-state-layer-opacity: 0.12;
  --mat-fab-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-hover-state-layer-opacity: 0.04;
  --mat-fab-pressed-state-layer-opacity: 0.12;
  --mat-fab-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-container-color: white;
  --mat-fab-small-disabled-state-container-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-disabled-state-foreground-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-fab-small-disabled-state-layer-color: rgba(0, 0, 0, 0.54);
  --mat-fab-small-focus-state-layer-opacity: 0.12;
  --mat-fab-small-foreground-color: rgba(0, 0, 0, 0.87);
  --mat-fab-small-hover-state-layer-opacity: 0.04;
  --mat-fab-small-pressed-state-layer-opacity: 0.12;
  --mat-fab-small-ripple-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-fab-small-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-fab-state-layer-color: rgba(0, 0, 0, 0.87);
}

.mat-mdc-fab.mat-primary, .mat-mdc-mini-fab.mat-primary {
  --mat-fab-container-color: #01579b;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #01579b 12%, transparent);
  --mat-fab-small-container-color: #01579b;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-accent, .mat-mdc-mini-fab.mat-accent {
  --mat-fab-container-color: #ff4081;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-fab-small-container-color: #ff4081;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}
.mat-mdc-fab.mat-warn, .mat-mdc-mini-fab.mat-warn {
  --mat-fab-container-color: #f44336;
  --mat-fab-foreground-color: white;
  --mat-fab-ripple-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-fab-small-container-color: #f44336;
  --mat-fab-small-foreground-color: white;
  --mat-fab-small-ripple-color: color-mix(in srgb, white 12%, transparent);
  --mat-fab-small-state-layer-color: white;
  --mat-fab-state-layer-color: white;
}

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

html {
  --mat-fab-extended-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-container-shape: 4px;
}

html {
  --mat-snack-bar-container-color: #424242;
  --mat-snack-bar-supporting-text-color: white;
  --mat-snack-bar-button-color: #4fc3f7;
}

html {
  --mat-snack-bar-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

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

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

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

html {
  --mat-table-header-headline-font: Noto Sans Thai, 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: Noto Sans Thai, 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: Noto Sans Thai, 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 {
  --mat-progress-spinner-active-indicator-width: 4px;
  --mat-progress-spinner-size: 48px;
}

html {
  --mat-progress-spinner-active-indicator-color: #01579b;
}

.mat-accent {
  --mat-progress-spinner-active-indicator-color: #ff4081;
}

.mat-warn {
  --mat-progress-spinner-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: #01579b;
  --mat-badge-text-color: white;
  --mat-badge-disabled-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-badge-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
}

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

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

html {
  --mat-badge-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-badge-line-height: 22px;
  --mat-badge-text-size: 12px;
  --mat-badge-text-weight: 600;
  --mat-badge-small-size-text-size: 9px;
  --mat-badge-small-size-line-height: 16px;
  --mat-badge-large-size-text-size: 24px;
  --mat-badge-large-size-line-height: 28px;
}

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

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

html {
  --mat-bottom-sheet-container-text-font: Noto Sans Thai, 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-button-toggle-focus-state-layer-opacity: 0.12;
  --mat-button-toggle-hover-state-layer-opacity: 0.04;
  --mat-button-toggle-legacy-focus-state-layer-opacity: 1;
  --mat-button-toggle-legacy-height: 36px;
  --mat-button-toggle-legacy-shape: 2px;
  --mat-button-toggle-shape: 4px;
}

html {
  --mat-button-toggle-background-color: white;
  --mat-button-toggle-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-disabled-selected-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-disabled-state-background-color: white;
  --mat-button-toggle-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-divider-color: rgba(0, 0, 0, 0.12);
  --mat-button-toggle-legacy-disabled-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-disabled-state-background-color: white;
  --mat-button-toggle-legacy-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-button-toggle-legacy-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-legacy-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-legacy-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-selected-state-background-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-button-toggle-selected-state-text-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-state-layer-color: rgba(0, 0, 0, 0.87);
  --mat-button-toggle-text-color: rgba(0, 0, 0, 0.87);
}

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

html {
  --mat-button-toggle-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-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-in-range-state-background-color: color-mix(in srgb, #01579b 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #01579b;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #01579b 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #01579b 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #01579b 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #01579b;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.mat-datepicker-content.mat-accent, .mat-datepicker-toggle-active.mat-accent {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --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-calendar-date-selected-state-text-color: white;
  --mat-datepicker-calendar-date-selected-state-background-color: #ff4081;
  --mat-datepicker-calendar-date-selected-disabled-state-background-color: color-mix(in srgb, #ff4081 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #ff4081 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #ff4081 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #ff4081;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}
.mat-datepicker-content.mat-warn, .mat-datepicker-toggle-active.mat-warn {
  --mat-datepicker-calendar-date-in-range-state-background-color: color-mix(in srgb, #f44336 20%, transparent);
  --mat-datepicker-calendar-date-in-comparison-range-state-background-color: color-mix(in srgb, #ff4081 20%, transparent);
  --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-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: color-mix(in srgb, #f44336 38%, transparent);
  --mat-datepicker-calendar-date-today-selected-state-outline-color: white;
  --mat-datepicker-calendar-date-focus-state-background-color: color-mix(in srgb, #f44336 12%, transparent);
  --mat-datepicker-calendar-date-hover-state-background-color: color-mix(in srgb, #f44336 4%, transparent);
  --mat-datepicker-toggle-active-state-icon-color: #f44336;
  --mat-datepicker-toggle-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-body-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-period-button-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-period-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-navigation-button-icon-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-header-divider-color: rgba(0, 0, 0, 0.12);
  --mat-datepicker-calendar-header-text-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-calendar-date-today-disabled-state-outline-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-text-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-calendar-date-outline-color: transparent;
  --mat-datepicker-calendar-date-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-date-preview-state-outline-color: rgba(0, 0, 0, 0.54);
  --mat-datepicker-range-input-separator-color: rgba(0, 0, 0, 0.87);
  --mat-datepicker-range-input-disabled-state-separator-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-range-input-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-datepicker-calendar-container-background-color: white;
  --mat-datepicker-calendar-container-text-color: rgba(0, 0, 0, 0.87);
}

.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;
  --mat-icon-button-state-layer-size: 40px;
  width: var(--mat-icon-button-state-layer-size);
  height: var(--mat-icon-button-state-layer-size);
  padding: 8px;
}

html {
  --mat-datepicker-calendar-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-datepicker-calendar-text-size: 13px;
  --mat-datepicker-calendar-body-label-text-size: 14px;
  --mat-datepicker-calendar-body-label-text-weight: 500;
  --mat-datepicker-calendar-period-button-text-size: 14px;
  --mat-datepicker-calendar-period-button-text-weight: 500;
  --mat-datepicker-calendar-header-text-size: 11px;
  --mat-datepicker-calendar-header-text-weight: 400;
}

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

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

html {
  --mat-expansion-container-shape: 4px;
  --mat-expansion-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);
  --mat-expansion-legacy-header-indicator-display: inline-block;
  --mat-expansion-header-indicator-display: none;
}

html {
  --mat-expansion-container-background-color: white;
  --mat-expansion-container-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-actions-divider-color: rgba(0, 0, 0, 0.12);
  --mat-expansion-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-expansion-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-expansion-header-disabled-state-text-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 38%, transparent);
  --mat-expansion-header-text-color: rgba(0, 0, 0, 0.87);
  --mat-expansion-header-description-color: rgba(0, 0, 0, 0.54);
  --mat-expansion-header-indicator-color: rgba(0, 0, 0, 0.54);
}

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

html {
  --mat-expansion-header-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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: #01579b;
}
.mat-icon.mat-accent {
  --mat-icon-color: #ff4081;
}
.mat-icon.mat-warn {
  --mat-icon-color: #f44336;
}

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

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

html {
  --mat-stepper-header-focus-state-layer-shape: 0;
  --mat-stepper-header-hover-state-layer-shape: 0;
}

html {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #01579b;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #01579b;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #01579b;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
  --mat-stepper-container-color: white;
  --mat-stepper-line-color: rgba(0, 0, 0, 0.12);
  --mat-stepper-header-hover-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 4%, transparent);
  --mat-stepper-header-focus-state-layer-color: color-mix(in srgb, rgba(0, 0, 0, 0.87) 12%, transparent);
  --mat-stepper-header-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-optional-label-text-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-selected-state-label-text-color: rgba(0, 0, 0, 0.87);
  --mat-stepper-header-error-state-label-text-color: #f44336;
  --mat-stepper-header-icon-background-color: rgba(0, 0, 0, 0.54);
  --mat-stepper-header-error-state-icon-foreground-color: #f44336;
  --mat-stepper-header-error-state-icon-background-color: transparent;
}

.mat-step-header.mat-accent {
  --mat-stepper-header-icon-foreground-color: white;
  --mat-stepper-header-selected-state-icon-background-color: #ff4081;
  --mat-stepper-header-selected-state-icon-foreground-color: white;
  --mat-stepper-header-done-state-icon-background-color: #ff4081;
  --mat-stepper-header-done-state-icon-foreground-color: white;
  --mat-stepper-header-edit-state-icon-background-color: #ff4081;
  --mat-stepper-header-edit-state-icon-foreground-color: white;
}

.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: Noto Sans Thai, Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Noto Sans Thai, 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: rgba(0, 0, 0, 0.87);
}

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

.mat-toolbar.mat-primary {
  --mat-toolbar-container-background-color: #01579b;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-accent {
  --mat-toolbar-container-background-color: #ff4081;
  --mat-toolbar-container-text-color: white;
}
.mat-toolbar.mat-warn {
  --mat-toolbar-container-background-color: #f44336;
  --mat-toolbar-container-text-color: white;
}

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

html {
  --mat-toolbar-title-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-toolbar-title-text-line-height: 32px;
  --mat-toolbar-title-text-size: 20px;
  --mat-toolbar-title-text-tracking: 0.0125em;
  --mat-toolbar-title-text-weight: 500;
}

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

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

html {
  --mat-tree-node-text-font: Noto Sans Thai, 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: white;
}

html {
  --mat-badge-text-font: Noto Sans Thai, 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;
}

.mat-h1,
.mat-headline-5,
.mat-typography .mat-h1,
.mat-typography .mat-headline-5,
.mat-typography h1 {
  font: 400 24px / 32px "Noto Sans Thai", 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 "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.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 "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.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 "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.03125em;
  margin: 0 0 16px;
}

.mat-h5,
.mat-typography .mat-h5,
.mat-typography h5 {
  font: 400 calc(14px * 0.83) / 20px "Noto Sans Thai", Roboto, sans-serif;
  margin: 0 0 12px;
}

.mat-h6,
.mat-typography .mat-h6,
.mat-typography h6 {
  font: 400 calc(14px * 0.67) / 20px "Noto Sans Thai", 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 "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.0071428571em;
}

.mat-body,
.mat-body-2,
.mat-typography .mat-body,
.mat-typography .mat-body-2,
.mat-typography {
  font: 400 14px / 20px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.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 "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.0333333333em;
}

.mat-headline-1,
.mat-typography .mat-headline-1 {
  font: 300 96px / 96px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: -0.015625em;
  margin: 0 0 56px;
}

.mat-headline-2,
.mat-typography .mat-headline-2 {
  font: 300 60px / 60px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: -0.0083333333em;
  margin: 0 0 64px;
}

.mat-headline-3,
.mat-typography .mat-headline-3 {
  font: 400 48px / 50px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: normal;
  margin: 0 0 64px;
}

.mat-headline-4,
.mat-typography .mat-headline-4 {
  font: 400 34px / 40px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.0073529412em;
  margin: 0 0 64px;
}

html {
  --mat-bottom-sheet-container-text-font: Noto Sans Thai, 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-button-toggle-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-toggle-label-text-line-height: 24px;
  --mat-button-toggle-label-text-size: 16px;
  --mat-button-toggle-label-text-tracking: 0.03125em;
  --mat-button-toggle-label-text-weight: 400;
  --mat-button-toggle-legacy-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-toggle-legacy-label-text-line-height: 24px;
  --mat-button-toggle-legacy-label-text-size: 16px;
  --mat-button-toggle-legacy-label-text-tracking: 0.03125em;
  --mat-button-toggle-legacy-label-text-weight: 400;
}

html {
  --mat-datepicker-calendar-text-font: Noto Sans Thai, 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-expansion-header-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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-stepper-container-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-stepper-header-label-text-font: Noto Sans Thai, 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-toolbar-title-text-font: Noto Sans Thai, 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-node-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-tree-node-text-size: 14px;
  --mat-tree-node-text-weight: 400;
}

html {
  --mat-option-label-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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 {
  --mat-card-title-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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 {
  --mat-tooltip-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-tooltip-supporting-text-size: 12px;
  --mat-tooltip-supporting-text-weight: 400;
  --mat-tooltip-supporting-text-tracking: 0.0333333333em;
}

html {
  --mat-form-field-container-text-font: Noto Sans Thai, 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: Noto Sans Thai, 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;
  --mat-form-field-filled-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-form-field-filled-label-text-size: 16px;
  --mat-form-field-filled-label-text-tracking: 0.03125em;
  --mat-form-field-filled-label-text-weight: 400;
  --mat-form-field-outlined-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-form-field-outlined-label-text-size: 16px;
  --mat-form-field-outlined-label-text-tracking: 0.03125em;
  --mat-form-field-outlined-label-text-weight: 400;
}

html {
  --mat-select-trigger-text-font: Noto Sans Thai, 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-dialog-subhead-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-dialog-subhead-line-height: 32px;
  --mat-dialog-subhead-size: 20px;
  --mat-dialog-subhead-weight: 500;
  --mat-dialog-subhead-tracking: 0.0125em;
  --mat-dialog-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-dialog-supporting-text-line-height: 24px;
  --mat-dialog-supporting-text-size: 16px;
  --mat-dialog-supporting-text-weight: 400;
  --mat-dialog-supporting-text-tracking: 0.03125em;
}

.mat-mdc-standard-chip {
  --mat-chip-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-chip-label-text-line-height: 20px;
  --mat-chip-label-text-size: 14px;
  --mat-chip-label-text-tracking: 0.0178571429em;
  --mat-chip-label-text-weight: 400;
}

html {
  --mat-slide-toggle-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}
html .mat-mdc-slide-toggle {
  --mat-slide-toggle-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-slide-toggle-label-text-line-height: 20px;
  --mat-slide-toggle-label-text-size: 14px;
  --mat-slide-toggle-label-text-tracking: 0.0178571429em;
  --mat-slide-toggle-label-text-weight: 400;
}

html {
  --mat-radio-label-text-font: Noto Sans Thai, 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 {
  --mat-slider-label-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-slider-label-label-text-size: 14px;
  --mat-slider-label-label-text-line-height: 22px;
  --mat-slider-label-label-text-tracking: 0.0071428571em;
  --mat-slider-label-label-text-weight: 500;
}

html {
  --mat-menu-item-label-text-font: Noto Sans Thai, 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 {
  --mat-list-list-item-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-list-list-item-label-text-line-height: 24px;
  --mat-list-list-item-label-text-size: 16px;
  --mat-list-list-item-label-text-tracking: 0.03125em;
  --mat-list-list-item-label-text-weight: 400;
  --mat-list-list-item-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-list-list-item-supporting-text-line-height: 20px;
  --mat-list-list-item-supporting-text-size: 14px;
  --mat-list-list-item-supporting-text-tracking: 0.0178571429em;
  --mat-list-list-item-supporting-text-weight: 400;
  --mat-list-list-item-trailing-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-list-list-item-trailing-supporting-text-line-height: 20px;
  --mat-list-list-item-trailing-supporting-text-size: 12px;
  --mat-list-list-item-trailing-supporting-text-tracking: 0.0333333333em;
  --mat-list-list-item-trailing-supporting-text-weight: 400;
}

.mdc-list-group__subheader {
  font: 400 16px / 28px "Noto Sans Thai", Roboto, sans-serif;
  letter-spacing: 0.009375em;
}

html {
  --mat-paginator-container-text-font: Noto Sans Thai, 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;
}

.mat-mdc-tab-header {
  --mat-tab-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-tab-label-text-size: 14px;
  --mat-tab-label-text-tracking: 0.0892857143em;
  --mat-tab-label-text-line-height: 36px;
  --mat-tab-label-text-weight: 500;
}

html {
  --mat-checkbox-label-text-font: Noto Sans Thai, 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 {
  --mat-button-filled-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-filled-label-text-size: 14px;
  --mat-button-filled-label-text-tracking: 0.0892857143em;
  --mat-button-filled-label-text-transform: none;
  --mat-button-filled-label-text-weight: 500;
  --mat-button-outlined-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-outlined-label-text-size: 14px;
  --mat-button-outlined-label-text-tracking: 0.0892857143em;
  --mat-button-outlined-label-text-transform: none;
  --mat-button-outlined-label-text-weight: 500;
  --mat-button-protected-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-protected-label-text-size: 14px;
  --mat-button-protected-label-text-tracking: 0.0892857143em;
  --mat-button-protected-label-text-transform: none;
  --mat-button-protected-label-text-weight: 500;
  --mat-button-text-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-text-label-text-size: 14px;
  --mat-button-text-label-text-tracking: 0.0892857143em;
  --mat-button-text-label-text-transform: none;
  --mat-button-text-label-text-weight: 500;
  --mat-button-tonal-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-button-tonal-label-text-size: 14px;
  --mat-button-tonal-label-text-tracking: 0.0892857143em;
  --mat-button-tonal-label-text-transform: none;
  --mat-button-tonal-label-text-weight: 500;
}

html {
  --mat-fab-extended-label-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-fab-extended-label-text-size: 14px;
  --mat-fab-extended-label-text-tracking: 0.0892857143em;
  --mat-fab-extended-label-text-weight: 500;
}

html {
  --mat-snack-bar-supporting-text-font: Noto Sans Thai, Roboto, sans-serif;
  --mat-snack-bar-supporting-text-line-height: 20px;
  --mat-snack-bar-supporting-text-size: 14px;
  --mat-snack-bar-supporting-text-weight: 400;
}

html {
  --mat-table-header-headline-font: Noto Sans Thai, 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: Noto Sans Thai, 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: Noto Sans Thai, 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 {
  --mat-button-outlined-label-text-tracking: 0.0071428571em;
  --mat-button-outlined-container-shape: 8px;
}

/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
/* position */
.toast-center-center {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}

.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}

.toast-top-left {
  top: 12px;
  left: 12px;
}

.toast-top-right {
  top: 12px;
  right: 12px;
}

.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}

.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}

/* toast styles */
.toast-title {
  font-weight: bold;
}

.toast-message {
  word-wrap: break-word;
}

.toast-message a,
.toast-message label {
  color: #FFFFFF;
}

.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}

.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  text-shadow: 0 1px 0 #ffffff;
  /* opacity: 0.8; */
}

.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}

/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
}

.toast-container {
  pointer-events: none;
  position: fixed;
  z-index: 999999;
}

.toast-container * {
  box-sizing: border-box;
}

.toast-container .ngx-toastr {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  background-size: 24px;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}

.toast-container .ngx-toastr:hover {
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
.toast-info {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
.toast-error {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
.toast-success {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
}

/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
.toast-warning {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
}

.toast-container.toast-top-center .ngx-toastr,
.toast-container.toast-bottom-center .ngx-toastr {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}

.toast-container.toast-top-full-width .ngx-toastr,
.toast-container.toast-bottom-full-width .ngx-toastr {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}

.ngx-toastr {
  background-color: #030303;
  pointer-events: auto;
}

.toast-success {
  background-color: #51A351;
}

.toast-error {
  background-color: #BD362F;
}

.toast-info {
  background-color: #2F96B4;
}

.toast-warning {
  background-color: #F89406;
}

.toast-progress {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}

/* Responsive Design */
@media all and (max-width: 240px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  .toast-container .ngx-toastr.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  .toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  .toast-container .ngx-toastr.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/* This file is used to contain all vendor imports. */
/*
This file is used to contain all abstracts imports.
Files inside this folder can contain abstract settings, helpers or functions.
They have no direct output.
*/
@font-face {
  font-family: "Noto Sans Thai";
  src: url("/assets/fonts/NotoSansThai-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Thai SemiBold";
  src: url("/assets/fonts/NotoSansThai-SemiBold.ttf") format("truetype");
}
* {
  font-family: "Noto Sans Thai", sans-serif;
}

@font-face {
  font-family: "Noto Sans Thai Bold";
  src: url("/assets/fonts/NotoSansThai-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Thai SemiBold";
  src: url("/assets/fonts/NotoSansThai-SemiBold.ttf") format("truetype");
}
@font-face {
  font-family: "Noto Sans Thai Medium";
  src: url("/assets/fonts/NotoSansThai-Medium.ttf") format("truetype");
}
.btn, label {
  font: "Noto Sans Thai", sans-serif !important;
}

/* Portrait and Landscape */
:root {
  /* Value */
  /* colors */
  --primary-50: #e6f3f9;
  --primary-100: #b0d9eb;
  --primary-200: #8ac6e1;
  --primary-300: #54add3;
  --primary-400: #339dcb;
  --primary-500: #0084be;
  --primary-600: #0078ad;
  --primary-700: #005e87;
  --primary-800: #004969;
  --primary-900: #003750;
  --secondary-50: #e6e7f2;
  --secondary-100: #b0b5d5;
  --secondary-200: #8a91c1;
  --secondary-300: #555ea5;
  --secondary-400: #343f93;
  --secondary-500: #010f78;
  --secondary-600: #010e6d;
  --secondary-700: #010b55;
  --secondary-800: #010842;
  --secondary-900: #000632;
  --gray-50: #f2f2f2;
  --gray-100: #d8d8d8;
  --gray-200: #c5c5c5;
  --gray-300: #aaa;
  --gray-400: #999;
  --gray-500: #808080;
  --gray-600: #747474;
  --gray-700: #5b5b5b;
  --gray-800: #464646;
  --gray-900: #363636;
  --zinc-50: #f2f3f4;
  --zinc-100: #d7dadd;
  --zinc-200: #c3c8cc;
  --zinc-300: #a8afb5;
  --zinc-400: #979fa7;
  --zinc-500: #7d8791;
  --zinc-600: #727b84;
  --zinc-700: #596067;
  --zinc-800: #454a50;
  --zinc-900: #35393d;
  --red-50: #fff0f0;
  --red-100: #ffd0d0;
  --red-200: #ffb9b9;
  --red-300: #f67a7a;
  --red-400: #f94e4e;
  --red-500: #f11e1e;
  --red-600: #e85e5e;
  --red-700: #971212;
  --red-800: #8c3939;
  --red-900: #6d0303;
  --orange-50: #fff3e6;
  --orange-100: #ffd9b0;
  --orange-200: #ffc68a;
  --orange-300: #ffad54;
  --orange-400: #ff9d33;
  --orange-500: #ff8400;
  --orange-600: #e87800;
  --orange-700: #b55e00;
  --orange-800: #8c4900;
  --orange-900: #6b3700;
  --amber-50: #fff9e6;
  --amber-100: #ffecb0;
  --amber-200: #ffe38a;
  --amber-300: #ffd654;
  --amber-400: #ffce33;
  --amber-500: #ffc200;
  --amber-600: #e8b100;
  --amber-700: #b58a00;
  --amber-800: #8c6b00;
  --amber-900: #6b5100;
  --yellow-50: #fffde6;
  --yellow-100: #fff9b0;
  --yellow-200: #fff68a;
  --yellow-300: #fff254;
  --yellow-400: #ffef33;
  --yellow-500: #ffeb00;
  --yellow-600: #e8d600;
  --yellow-700: #b5a700;
  --yellow-800: #8c8100;
  --yellow-900: #6b6300;
  --lime-50: #f8fbed;
  --lime-100: #e8f3c7;
  --lime-200: #ddeeac;
  --lime-300: #cde686;
  --lime-400: #c3e16f;
  --lime-500: #b4d94b;
  --lime-600: #a4c544;
  --lime-700: #809a35;
  --lime-800: #637729;
  --lime-900: #4c5b20;
  --green-50: #e6f9f1;
  --green-100: #b0ecd5;
  --green-200: #8ae2c0;
  --green-300: #54d5a3;
  --green-400: #33cd91;
  --green-500: #00c176;
  --green-600: #00b06b;
  --green-700: #008954;
  --green-800: #006a41;
  --green-900: #005132;
  --emerald-50: #e6f7f4;
  --emerald-100: #b0e7de;
  --emerald-200: #8adcce;
  --emerald-300: #54cbb8;
  --emerald-400: #33c1aa;
  --emerald-500: #00b295;
  --emerald-600: #00a288;
  --emerald-700: #007e6a;
  --emerald-800: #006252;
  --emerald-900: #004b3f;
  --teal-50: #e6f4f4;
  --teal-100: #b0dcdc;
  --teal-200: #8acbcb;
  --teal-300: #54b4b4;
  --teal-400: #33a5a5;
  --teal-500: #008f8f;
  --teal-600: #008282;
  --teal-700: #066;
  --teal-800: #004f4f;
  --teal-900: #003c3c;
  --blue-50: #e6f0fa;
  --blue-100: #b0d0ef;
  --blue-200: #8ab9e8;
  --blue-300: #5498dd;
  --blue-400: #3385d6;
  --blue-500: #06c;
  --blue-600: #005dba;
  --blue-700: #004891;
  --blue-800: #003870;
  --blue-900: #002b56;
  --indigo-50: #efedfa;
  --indigo-100: #ccc8f0;
  --indigo-200: #b3aee9;
  --indigo-300: #9089df;
  --indigo-400: #7b72d9;
  --indigo-500: #5a4fcf;
  --indigo-600: #5248bc;
  --indigo-700: #403893;
  --indigo-800: #322b72;
  --indigo-900: #262157;
  --violet-50: #f3f0fb;
  --violet-100: #dbd0f1;
  --violet-200: #c9b9ea;
  --violet-300: #b199e1;
  --violet-400: #a185db;
  --violet-500: #8a67d2;
  --violet-600: #7e5ebf;
  --violet-700: #624995;
  --violet-800: #4c3974;
  --violet-900: #3a2b58;
  --purple-50: #f2f1f8;
  --purple-100: #d7d4e8;
  --purple-200: #c4bfdd;
  --purple-300: #a9a1cd;
  --purple-400: #988fc4;
  --purple-500: #7e73b5;
  --purple-600: #7369a5;
  --purple-700: #595281;
  --purple-800: #453f64;
  --purple-900: #35304c;
  --fuchsia-50: #faf0fa;
  --fuchsia-100: #eecff0;
  --fuchsia-200: #e6b8e9;
  --fuchsia-300: #db97df;
  --fuchsia-400: #d483d9;
  --fuchsia-500: #c964cf;
  --fuchsia-600: #b75bbc;
  --fuchsia-700: #8f4793;
  --fuchsia-800: #6f3772;
  --fuchsia-900: #542a57;
  --pink-50: #fff2fb;
  --pink-100: #ffd7f2;
  --pink-200: #ffc4eb;
  --pink-300: #ffa9e2;
  --pink-400: #f9d;
  --pink-500: #ff7fd4;
  --pink-600: #e874c1;
  --pink-700: #b55a97;
  --pink-800: #8c4675;
  --pink-900: #6b3559;
  --rose-50: #fff0f8;
  --rose-100: #ffd1e8;
  --rose-200: #ffbadd;
  --rose-300: #ff9bcd;
  --rose-400: #ff87c3;
  --rose-500: #ff69b4;
  --rose-600: #e860a4;
  --rose-700: #b54b80;
  --rose-800: #8c3a63;
  --rose-900: #6b2c4c;
  --brown-50: #f6f0ec;
  --brown-100: #e4d1c4;
  --brown-200: #d7baa7;
  --brown-300: #c59b7f;
  --brown-400: #b98766;
  --brown-500: #a86940;
  --brown-600: #99603a;
  --brown-700: #774b2d;
  --brown-800: #5c3a23;
  --brown-900: #472c1b;
  --tangerine-50: #fff6eb;
  --tangerine-100: #ffe3c0;
  --tangerine-200: #ffd6a1;
  --tangerine-300: #ffc376;
  --tangerine-400: #ffb75c;
  --tangerine-500: #ffa533;
  --tangerine-600: #e8962e;
  --tangerine-700: #b57524;
  --tangerine-800: #8c5b1c;
  --tangerine-900: #6b4515;
  --cyan-50: #e6f7fa;
  --cyan-100: #b0e7ef;
  --cyan-200: #8adce8;
  --cyan-300: #54cbdd;
  --cyan-400: #33c1d6;
  --cyan-500: #00b2cc;
  --cyan-600: #00a2ba;
  --cyan-700: #007e91;
  --cyan-800: #006270;
  --cyan-900: #004b56;
  --sky-50: #eff6fb;
  --sky-100: #cde4f1;
  --sky-200: #b5d7eb;
  --sky-300: #94c5e2;
  --sky-400: #7fb9dc;
  --sky-500: #5fa8d3;
  --sky-600: #5699c0;
  --sky-700: #437796;
  --sky-800: #345c74;
  --sky-900: #284759;
  --primary-normal: #0066cc;
  --primary-normal-1: rgb(0, 132, 190);
  --primary-normal-2: rgb(0, 81, 134);
  --primary-light: rgb(230, 243, 249);
  --primary-dark: #003750;
  --secondary-normal: rgb(42, 76, 121);
  --secondary-light: rgb(230, 231, 242);
  --secondary-dark: #000632;
  --black: #000;
  --white: #fff;
  --background: #f9fafb;
  --border: #d1d5db;
  --border-login: #4f68a3;
  --disable: #e9eaeb;
  --dividers: #f3f4f6;
  --background-blue-login: #01438e;
  --background-input-login: #013e7c;
  --tables-striped-rows: #f9f9ff;
  --text-primary: #000;
  --text-body: #6b7280;
  --placeholder: #6b7280;
  --success-normal: #00b06b;
  --success-light: #e6f9f1;
  --success-dark: #005132;
  --success-600: var(--green-600);
  --success-600-rgb: var(--green-600);
  --warning-normal: #ff8400;
  --warning-light: #fff3e6;
  --warning-dark: #6b3700;
  --danger-normal: #f11e1e;
  --danger-light: #fff0f0;
  --danger-dark: #6d0303;
  --waiting-normal: #ffc200;
  --waiting-light: #fff9e6;
  --waiting-dark: #6b5100;
  --info-normal: #06c;
  --info-light: rgb(199,219,243);
  --info-dark: #002b56;
  --default-light: var(--zinc-50);
  --default-dark: var(--black);
  --info-normal-1: rgb(0, 132, 190);
  --hot-bule: #01ffd7;
  --hot-blue: var(--hot-bule);
  /* size */
  --None: 0px;
  --size-4: 4px;
  --size-6: 6px;
  --size-8: 8px;
  --size-10: 10px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-26: 26px;
  --size-30: 30px;
  --size-34: 34px;
  --size-38: 38px;
  --size-42: 42px;
  --size-46: 46px;
  --size-50: 50px;
  --size-54: 54px;
  --size-58: 58px;
  --size-62: 62px;
  --size-full: 1000px;
  --waiting: var(--warning-normal);
  --waiting-50: var(--warning-light);
  --done: var(--blue-500);
  --done-50: var(--blue-50);
  --success: var(--success-normal);
  --success-50: var(--success-light);
  --waiting-approve: var(--warning-normal);
  --waiting-approve-50: var(--warning-light);
  --reject: var(--danger-normal);
  --reject-50: var(--danger-light);
  --send: var(--teal-500);
  --send-50: var(--teal-50);
  --cancel-doc: var(--brown-500);
  --cancel-doc-50: var(--brown-50);
  --cancel: var(--gray-500);
  --cancel-50: var(--gray-50);
  --danger: var(--red-700);
  --danger-50: var(--red-50);
  --default-50: var(--zinc-50);
  --default: var(--black);
  --rgb-warning-normal: 255, 132, 0;
  --rgb-success-normal: 0, 176, 107;
  --rgb-primary-normal: 0, 132, 190;
  --rgb-alert-normal: rgb(151, 18, 18);
  --mat-option-focus-state-layer-color: transparent;
}

/*
This file is used to contain all base imports.
Files inside this folder can contain global styles used in the project.
*/
html,
body {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
html *,
body * {
  box-sizing: border-box;
}
html ::-webkit-scrollbar,
body ::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 7px;
  height: 7px;
}
html ::-webkit-scrollbar-thumb,
body ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background-color: rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 1px rgba(255, 255, 255, 0.5);
}
html .is-modal::-webkit-scrollbar,
body .is-modal::-webkit-scrollbar {
  -webkit-appearance: none;
  width: 0px;
}

.box-sha {
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.05);
}

.box-sha-1 {
  box-shadow: 0px 2px 0px rgba(0, 0, 0, 0.15);
}

.color-black-50 {
  color: rgba(0, 0, 0, 0.5);
}

.color-black-60, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip {
  color: rgba(0, 0, 0, 0.6);
}

.color-black-80 {
  color: rgba(0, 0, 0, 0.8);
}

.d-grid {
  display: grid;
}

.d-grid-4 {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  gap: 20px;
}

.d-grid-3 {
  display: grid;
  grid-template-columns: 32.5% 32.5% 32.5%;
  gap: 10px;
}

.d-grid-2 {
  display: grid;
  grid-template-columns: 50% 50%;
  gap: 10px;
}

.d-grid-2-column {
  display: grid;
  grid-template-columns: 50% 50%;
  grid-auto-flow: row;
}

.d-grid-card {
  display: grid;
  grid-template-columns: 15% 55% 30%;
}

.d-grid-card-2 {
  display: grid;
  grid-template-columns: 15% 65% 20%;
}

.d-grid-card-3 {
  display: grid;
  grid-template-columns: 15% 85%;
}

.d-grid-card-70 {
  display: grid;
  grid-template-columns: 70% 30%;
}

.d-grid-card-65 {
  display: grid;
  grid-template-columns: 65% 35%;
}

.grid-container {
  display: grid;
  grid-template-columns: auto auto auto;
  background-color: #2196F3;
  padding: 10px;
}

.grid-item {
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.8);
  padding: 20px;
  font-size: 30px;
  text-align: center;
}

.grid-span-1 {
  grid-column: 1/span 1;
}

.grid-span-2 {
  grid-column: 1/span 2;
}

.grid-span-3 {
  grid-column: 1/span 3;
}

.grid-span-4 {
  grid-column: 1/span 4;
}

.grid-span-5 {
  grid-column: 1/span 5;
}

.grid-span-6 {
  grid-column: 1/span 6;
}

.grid-span-7 {
  grid-column: 1/span 7;
}

.grid-span-8 {
  grid-column: 1/span 8;
}

.grid-span-9 {
  grid-column: 1/span 9;
}

.grid-span-10 {
  grid-column: 1/span 10;
}

.border-radius-top {
  border-radius: 8px 8px 0 0;
}

.border-radius-bottom {
  border-radius: 0 0 8px 8px;
}

.border-radius-sm {
  border-radius: 4.2px !important;
}

hr {
  border: 0;
  border-bottom: 1px solid #D8D8D8;
}
hr.dashed {
  width: 100%;
  border: 0;
  padding: 1px;
  background-image: linear-gradient(to right, rgba(216, 223, 234, 0.75) 0 50%, transparent 50% 100%);
  background-repeat: repeat no-repeat;
  background-size: 1.5% 1.5px;
}
hr.dashed-sm {
  width: 100%;
  border: 0;
  padding: 1px;
  background-image: linear-gradient(to right, rgba(216, 223, 234, 0.75) 0 50%, transparent 50% 100%);
  background-repeat: repeat no-repeat;
  background-size: 5% 1.25px;
}

.line-border {
  border: 1px solid #D8D8D8;
}

.line-border-top {
  border-top: 1px solid #D8D8D8;
}

.line-border-bottom {
  border-bottom: 1px solid #D8D8D8;
}

.line-border-right {
  border-right: 1px solid #D8D8D8;
}

.line-border-left {
  border-left: 1px solid #D8D8D8;
}

.line-border-not-left {
  border-left: none;
}

.line-border-not-right {
  border-right: none;
}

.clear-border {
  border: none;
}

.clear-border-all * {
  border: none !important;
  border-bottom-width: 0 !important;
}

.line-border-not-bottom {
  border-bottom: none;
}

.line-border-not-top {
  border-top: none;
}

.line-border-dashed-top {
  border-top: 1px dashed #D8D8D8;
}

.line-border-dashed {
  border: 1px dashed #D8D8D8;
}

.line-border-dashed-1 {
  border: 1px dashed #D8D8D8;
}

.line-border-1 {
  border: 1px solid #D8D8D8;
}

.line-border-dashed-2 {
  border: 2px dashed #D8D8D8;
}

.line-border-2 {
  border: 2px solid #D8D8D8;
}

.line-border-dashed-3 {
  border: 3px dashed #D8D8D8;
}

.line-border-3 {
  border: 3px solid #D8D8D8;
}

.line-border-dashed-4 {
  border: 4px dashed #D8D8D8;
}

.line-border-4 {
  border: 4px solid #D8D8D8;
}

.line-border-dashed-5 {
  border: 5px dashed #D8D8D8;
}

.line-border-5 {
  border: 5px solid #D8D8D8;
}

.line-border-dashed-6 {
  border: 6px dashed #D8D8D8;
}

.line-border-6 {
  border: 6px solid #D8D8D8;
}

.line-border-dashed-7 {
  border: 7px dashed #D8D8D8;
}

.line-border-7 {
  border: 7px solid #D8D8D8;
}

.line-border-dashed-8 {
  border: 8px dashed #D8D8D8;
}

.line-border-8 {
  border: 8px solid #D8D8D8;
}

.line-border-dashed-9 {
  border: 9px dashed #D8D8D8;
}

.line-border-9 {
  border: 9px solid #D8D8D8;
}

.line-border-dashed-10 {
  border: 10px dashed #D8D8D8;
}

.line-border-10 {
  border: 10px solid #D8D8D8;
}

.line-border-dashed-top {
  border-top: 1px dashed #D8D8D8;
}

.line-border-dashed-bottom {
  border-bottom: 1px dashed #D8D8D8;
}

.line-border-dashed-right {
  border-right: 1px dashed #D8D8D8;
}

.line-border-dashed-left {
  border-left: 1px dashed #D8D8D8;
}

.line-border-color-primary {
  border: 1px solid var(--primary-normal-1);
}

.line-border-top-primary {
  border-top: 1px top var(--primary-normal-1);
}

.line-border-bottom-primary {
  border-bottom: 1px top var(--primary-normal-1);
}

.border-color-primary {
  border-color: var(--primary-normal-1);
}

.line-border-color-secondary {
  border: 1px solid var(--secondary-normal);
}

.line-border-top-secondary {
  border-top: 1px top var(--secondary-normal);
}

.line-border-bottom-secondary {
  border-bottom: 1px top var(--secondary-normal);
}

.border-color-secondary {
  border-color: var(--secondary-normal);
}

.line-border-color-secondary-light {
  border: 1px solid var(--secondary-light);
}

.line-border-top-secondary-light {
  border-top: 1px top var(--secondary-light);
}

.line-border-bottom-secondary-light {
  border-bottom: 1px top var(--secondary-light);
}

.border-color-secondary-light {
  border-color: var(--secondary-light);
}

.line-border-color-soft-text {
  border: 1px solid #969EA9;
}

.line-border-top-soft-text {
  border-top: 1px top #969EA9;
}

.line-border-bottom-soft-text {
  border-bottom: 1px top #969EA9;
}

.border-color-soft-text {
  border-color: #969EA9;
}

.line-border-color-body-text {
  border: 1px solid #000000;
}

.line-border-top-body-text {
  border-top: 1px top #000000;
}

.line-border-bottom-body-text {
  border-bottom: 1px top #000000;
}

.border-color-body-text {
  border-color: #000000;
}

.line-border-color-background {
  border: 1px solid #F9FAFB;
}

.line-border-top-background {
  border-top: 1px top #F9FAFB;
}

.line-border-bottom-background {
  border-bottom: 1px top #F9FAFB;
}

.border-color-background {
  border-color: #F9FAFB;
}

.line-border-color-success {
  border: 1px solid var(--green-600);
}

.line-border-top-success {
  border-top: 1px top var(--green-600);
}

.line-border-bottom-success {
  border-bottom: 1px top var(--green-600);
}

.border-color-success {
  border-color: var(--green-600);
}

.line-border-color-soft-success {
  border: 1px solid #D9F7E5;
}

.line-border-top-soft-success {
  border-top: 1px top #D9F7E5;
}

.line-border-bottom-soft-success {
  border-bottom: 1px top #D9F7E5;
}

.border-color-soft-success {
  border-color: #D9F7E5;
}

.line-border-color-alert {
  border: 1px solid #FF1744;
}

.line-border-top-alert {
  border-top: 1px top #FF1744;
}

.line-border-bottom-alert {
  border-bottom: 1px top #FF1744;
}

.border-color-alert {
  border-color: #FF1744;
}

.line-border-color-soft-alert {
  border: 1px solid #FFDCE3;
}

.line-border-top-soft-alert {
  border-top: 1px top #FFDCE3;
}

.line-border-bottom-soft-alert {
  border-bottom: 1px top #FFDCE3;
}

.border-color-soft-alert {
  border-color: #FFDCE3;
}

.line-border-color-warning {
  border: 1px solid #F79400;
}

.line-border-top-warning {
  border-top: 1px top #F79400;
}

.line-border-bottom-warning {
  border-bottom: 1px top #F79400;
}

.border-color-warning {
  border-color: #F79400;
}

.line-border-color-overlay {
  border: 1px solid #000812;
}

.line-border-top-overlay {
  border-top: 1px top #000812;
}

.line-border-bottom-overlay {
  border-bottom: 1px top #000812;
}

.border-color-overlay {
  border-color: #000812;
}

.line-border-color-white {
  border: 1px solid white;
}

.line-border-top-white {
  border-top: 1px top white;
}

.line-border-bottom-white {
  border-bottom: 1px top white;
}

.border-color-white {
  border-color: white;
}

.line-border-color-black {
  border: 1px solid black;
}

.line-border-top-black {
  border-top: 1px top black;
}

.line-border-bottom-black {
  border-bottom: 1px top black;
}

.border-color-black {
  border-color: black;
}

.line-border-color-compliance {
  border: 1px solid #F99500;
}

.line-border-top-compliance {
  border-top: 1px top #F99500;
}

.line-border-bottom-compliance {
  border-bottom: 1px top #F99500;
}

.border-color-compliance {
  border-color: #F99500;
}

.line-border-color-sentiment {
  border: 1px solid #3DB61B;
}

.line-border-top-sentiment {
  border-top: 1px top #3DB61B;
}

.line-border-bottom-sentiment {
  border-bottom: 1px top #3DB61B;
}

.border-color-sentiment {
  border-color: #3DB61B;
}

.line-border-color-communication {
  border: 1px solid #008DD9;
}

.line-border-top-communication {
  border-top: 1px top #008DD9;
}

.line-border-bottom-communication {
  border-bottom: 1px top #008DD9;
}

.border-color-communication {
  border-color: #008DD9;
}

.line-border-color-politeness {
  border: 1px solid #FF1794;
}

.line-border-top-politeness {
  border-top: 1px top #FF1794;
}

.line-border-bottom-politeness {
  border-bottom: 1px top #FF1794;
}

.border-color-politeness {
  border-color: #FF1794;
}

.line-border-color-emotional {
  border: 1px solid #B032BD;
}

.line-border-top-emotional {
  border-top: 1px top #B032BD;
}

.line-border-bottom-emotional {
  border-bottom: 1px top #B032BD;
}

.border-color-emotional {
  border-color: #B032BD;
}

.line-border-color-subbody {
  border: 1px solid #F6F9FB;
}

.line-border-top-subbody {
  border-top: 1px top #F6F9FB;
}

.line-border-bottom-subbody {
  border-bottom: 1px top #F6F9FB;
}

.border-color-subbody {
  border-color: #F6F9FB;
}

.line-border-color-iiv-primary {
  border: 1px solid var(--primary-normal-1);
}

.line-border-top-iiv-primary {
  border-top: 1px top var(--primary-normal-1);
}

.line-border-bottom-iiv-primary {
  border-bottom: 1px top var(--primary-normal-1);
}

.border-color-iiv-primary {
  border-color: var(--primary-normal-1);
}

.line-border-color-pass {
  border: 1px solid;
}

.line-border-top-pass {
  border-top: 1px top;
}

.line-border-bottom-pass {
  border-bottom: 1px top;
}

.line-border-color-edit {
  border: 1px solid;
}

.line-border-top-edit {
  border-top: 1px top;
}

.line-border-bottom-edit {
  border-bottom: 1px top;
}

.line-border-color-soft-light {
  border: 1px solid #b2bfd1;
}

.line-border-top-soft-light {
  border-top: 1px top #b2bfd1;
}

.line-border-bottom-soft-light {
  border-bottom: 1px top #b2bfd1;
}

.border-color-soft-light {
  border-color: #b2bfd1;
}

.line-border-color-alert-light {
  border: 1px solid #FF7043;
}

.line-border-top-alert-light {
  border-top: 1px top #FF7043;
}

.line-border-bottom-alert-light {
  border-bottom: 1px top #FF7043;
}

.border-color-alert-light {
  border-color: #FF7043;
}

.line-border-color-warning-light {
  border: 1px solid #fbc02d;
}

.line-border-top-warning-light {
  border-top: 1px top #fbc02d;
}

.line-border-bottom-warning-light {
  border-bottom: 1px top #fbc02d;
}

.border-color-warning-light {
  border-color: #fbc02d;
}

.line-border-color-overlay-light {
  border: 1px solid #795548;
}

.line-border-top-overlay-light {
  border-top: 1px top #795548;
}

.line-border-bottom-overlay-light {
  border-bottom: 1px top #795548;
}

.border-color-overlay-light {
  border-color: #795548;
}

.line-border-color-cancel {
  border: 1px solid #795548;
}

.line-border-top-cancel {
  border-top: 1px top #795548;
}

.line-border-bottom-cancel {
  border-bottom: 1px top #795548;
}

.border-color-cancel {
  border-color: #795548;
}

.line-border-color-pending {
  border: 1px solid rgb(255, 112, 67);
}

.line-border-top-pending {
  border-top: 1px top rgb(255, 112, 67);
}

.line-border-bottom-pending {
  border-bottom: 1px top rgb(255, 112, 67);
}

.border-color-pending {
  border-color: rgb(255, 112, 67);
}

.line-border-color-soft-pending {
  border: 1px solid #F7E4DF;
}

.line-border-top-soft-pending {
  border-top: 1px top #F7E4DF;
}

.line-border-bottom-soft-pending {
  border-bottom: 1px top #F7E4DF;
}

.border-color-soft-pending {
  border-color: #F7E4DF;
}

.line-border-color-await {
  border: 1px solid rgb(251, 192, 45);
}

.line-border-top-await {
  border-top: 1px top rgb(251, 192, 45);
}

.line-border-bottom-await {
  border-bottom: 1px top rgb(251, 192, 45);
}

.border-color-await {
  border-color: rgb(251, 192, 45);
}

.line-border-color-expire {
  border: 1px solid #384041;
}

.line-border-top-expire {
  border-top: 1px top #384041;
}

.line-border-bottom-expire {
  border-bottom: 1px top #384041;
}

.border-color-expire {
  border-color: #384041;
}

.line-border-color-pending-brown {
  border: 1px solid rgb(193, 116, 25);
}

.line-border-top-pending-brown {
  border-top: 1px top rgb(193, 116, 25);
}

.line-border-bottom-pending-brown {
  border-bottom: 1px top rgb(193, 116, 25);
}

.border-color-pending-brown {
  border-color: rgb(193, 116, 25);
}

.line-border-color-background-print {
  border: 1px solid #f6f9fb;
}

.line-border-top-background-print {
  border-top: 1px top #f6f9fb;
}

.line-border-bottom-background-print {
  border-bottom: 1px top #f6f9fb;
}

.border-color-background-print {
  border-color: #f6f9fb;
}

.line-border-color-black-soft {
  border: 1px solid #5d5d62;
}

.line-border-top-black-soft {
  border-top: 1px top #5d5d62;
}

.line-border-bottom-black-soft {
  border-bottom: 1px top #5d5d62;
}

.border-color-black-soft {
  border-color: #5d5d62;
}

.line-border-color-primary-dark {
  border: 1px solid var(--primary-normal-2);
}

.line-border-top-primary-dark {
  border-top: 1px top var(--primary-normal-2);
}

.line-border-bottom-primary-dark {
  border-bottom: 1px top var(--primary-normal-2);
}

.border-color-primary-dark {
  border-color: var(--primary-normal-2);
}

.line-border-color-primary-light {
  border: 1px solid var(--primary-light);
}

.line-border-top-primary-light {
  border-top: 1px top var(--primary-light);
}

.line-border-bottom-primary-light {
  border-bottom: 1px top var(--primary-light);
}

.border-color-primary-light {
  border-color: var(--primary-light);
}

.line-border-color-soft-text-secondary {
  border: 1px solid #E6E6E6;
}

.line-border-top-soft-text-secondary {
  border-top: 1px top #E6E6E6;
}

.line-border-bottom-soft-text-secondary {
  border-bottom: 1px top #E6E6E6;
}

.border-color-soft-text-secondary {
  border-color: #E6E6E6;
}

.line-border-color-assign {
  border: 1px solid #B96F00;
}

.line-border-top-assign {
  border-top: 1px top #B96F00;
}

.line-border-bottom-assign {
  border-bottom: 1px top #B96F00;
}

.border-color-assign {
  border-color: #B96F00;
}

.line-border-color-hightlight-text {
  border: 1px solid var(--primary-normal-2);
}

.line-border-top-hightlight-text {
  border-top: 1px top var(--primary-normal-2);
}

.line-border-bottom-hightlight-text {
  border-bottom: 1px top var(--primary-normal-2);
}

.border-color-hightlight-text {
  border-color: var(--primary-normal-2);
}

.line-border-color-navy-gray {
  border: 1px solid #3A4553;
}

.line-border-top-navy-gray {
  border-top: 1px top #3A4553;
}

.line-border-bottom-navy-gray {
  border-bottom: 1px top #3A4553;
}

.border-color-navy-gray {
  border-color: #3A4553;
}

.line-border-color-hot-pink {
  border: 1px solid #FE04FF;
}

.line-border-top-hot-pink {
  border-top: 1px top #FE04FF;
}

.line-border-bottom-hot-pink {
  border-bottom: 1px top #FE04FF;
}

.border-color-hot-pink {
  border-color: #FE04FF;
}

.line-border-color-hot-bule {
  border: 1px solid #01ffd7;
}

.line-border-top-hot-bule {
  border-top: 1px top #01ffd7;
}

.line-border-bottom-hot-bule {
  border-bottom: 1px top #01ffd7;
}

.border-color-hot-bule {
  border-color: #01ffd7;
}

.line-border-color-light-gray {
  border: 1px solid #DFE2E4;
}

.line-border-top-light-gray {
  border-top: 1px top #DFE2E4;
}

.line-border-bottom-light-gray {
  border-bottom: 1px top #DFE2E4;
}

.border-color-light-gray {
  border-color: #DFE2E4;
}

.line-border-color-gray {
  border: 1px solid #e5e7eb;
}

.line-border-top-gray {
  border-top: 1px top #e5e7eb;
}

.line-border-bottom-gray {
  border-bottom: 1px top #e5e7eb;
}

.border-color-gray {
  border-color: #e5e7eb;
}

.line-border-color-danger_light {
  border: 1px solid #FCC9C9;
}

.line-border-top-danger_light {
  border-top: 1px top #FCC9C9;
}

.line-border-bottom-danger_light {
  border-bottom: 1px top #FCC9C9;
}

.border-color-danger_light {
  border-color: #FCC9C9;
}

.line-border-color-background-2 {
  border: 1px solid #F9FAFB;
}

.line-border-top-background-2 {
  border-top: 1px top #F9FAFB;
}

.line-border-bottom-background-2 {
  border-bottom: 1px top #F9FAFB;
}

.border-color-background-2 {
  border-color: #F9FAFB;
}

.line-border-color-danger {
  border: 1px solid #F11E1E;
}

.line-border-top-danger {
  border-top: 1px top #F11E1E;
}

.line-border-bottom-danger {
  border-bottom: 1px top #F11E1E;
}

.border-color-danger {
  border-color: #F11E1E;
}

.line-border-color-info-normal {
  border: 1px solid #0066CC;
}

.line-border-top-info-normal {
  border-top: 1px top #0066CC;
}

.line-border-bottom-info-normal {
  border-bottom: 1px top #0066CC;
}

.border-color-info-normal {
  border-color: #0066CC;
}

.line-border-color-dividers {
  border: 1px solid #F2F2F2;
}

.line-border-top-dividers {
  border-top: 1px top #F2F2F2;
}

.line-border-bottom-dividers {
  border-bottom: 1px top #F2F2F2;
}

.border-color-dividers {
  border-color: #F2F2F2;
}

.line-border-color-border {
  border: 1px solid #D8D8D8;
}

.line-border-top-border {
  border-top: 1px top #D8D8D8;
}

.line-border-bottom-border {
  border-bottom: 1px top #D8D8D8;
}

.border-color-border {
  border-color: #D8D8D8;
}

.line-border-color-woodsmoke {
  border: 1px solid #384041;
}

.line-border-top-woodsmoke {
  border-top: 1px top #384041;
}

.line-border-bottom-woodsmoke {
  border-bottom: 1px top #384041;
}

.border-color-woodsmoke {
  border-color: #384041;
}

.line-border-color-disable {
  border: 1px solid #E9EAEB;
}

.line-border-top-disable {
  border-top: 1px top #E9EAEB;
}

.line-border-bottom-disable {
  border-bottom: 1px top #E9EAEB;
}

.border-color-disable {
  border-color: #E9EAEB;
}

.line-border-color-text-body {
  border: 1px solid #6b7280;
}

.line-border-top-text-body {
  border-top: 1px top #6b7280;
}

.line-border-bottom-text-body {
  border-bottom: 1px top #6b7280;
}

.border-color-text-body {
  border-color: #6b7280;
}

.line-border-color-soft-woodsmoke {
  border: 1px solid #EBECEC;
}

.line-border-top-soft-woodsmoke {
  border-top: 1px top #EBECEC;
}

.line-border-bottom-soft-woodsmoke {
  border-bottom: 1px top #EBECEC;
}

.border-color-soft-woodsmoke {
  border-color: #EBECEC;
}

.line-border-color-tables-striped-rows {
  border: 1px solid #f9f9ff;
}

.line-border-top-tables-striped-rows {
  border-top: 1px top #f9f9ff;
}

.line-border-bottom-tables-striped-rows {
  border-bottom: 1px top #f9f9ff;
}

.border-color-tables-striped-rows {
  border-color: #f9f9ff;
}

.line-border-color-charcoal {
  border: 1px solid #222222;
}

.line-border-top-charcoal {
  border-top: 1px top #222222;
}

.line-border-bottom-charcoal {
  border-bottom: 1px top #222222;
}

.border-color-charcoal {
  border-color: #222222;
}

.line-border-color-gray-secondary {
  border: 1px solid #f2f2f2;
}

.line-border-top-gray-secondary {
  border-top: 1px top #f2f2f2;
}

.line-border-bottom-gray-secondary {
  border-bottom: 1px top #f2f2f2;
}

.border-color-gray-secondary {
  border-color: #f2f2f2;
}

.line-border-color-blue {
  border: 1px solid var(--blue-800);
}

.line-border-top-blue {
  border-top: 1px top var(--blue-800);
}

.line-border-bottom-blue {
  border-bottom: 1px top var(--blue-800);
}

.border-color-blue {
  border-color: var(--blue-800);
}

.line-border-color-blue-50 {
  border: 1px solid var(--blue-50);
}

.line-border-top-blue-50 {
  border-top: 1px top var(--blue-50);
}

.line-border-bottom-blue-50 {
  border-bottom: 1px top var(--blue-50);
}

.border-color-blue-50 {
  border-color: var(--blue-50);
}

.line-border-color-info-normal-1 {
  border: 1px solid var(--info-normal-1);
}

.line-border-top-info-normal-1 {
  border-top: 1px top var(--info-normal-1);
}

.line-border-bottom-info-normal-1 {
  border-bottom: 1px top var(--info-normal-1);
}

.border-color-info-normal-1 {
  border-color: var(--info-normal-1);
}

.line-border-color-yellow-500 {
  border: 1px solid var(--yellow-500);
}

.line-border-top-yellow-500 {
  border-top: 1px top var(--yellow-500);
}

.line-border-bottom-yellow-500 {
  border-bottom: 1px top var(--yellow-500);
}

.border-color-yellow-500 {
  border-color: var(--yellow-500);
}

.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip .mat-mdc-tooltip-surface {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 16px;
  background: white;
  color: black;
  transform: none;
  animation: none;
  max-width: 500px;
  line-height: 25px;
  padding: 0;
  text-align: left;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 16px;
  background: white;
  color: black;
  padding: 10px 12px;
  border-radius: 12px;
  transform: none;
  animation: none;
  margin-bottom: 10px;
  max-width: 500px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.main-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.main-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.main-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.main-tooltip {
  white-space: pre-line;
  border: 1px solid #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.main-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.main-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.main-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.main-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #0066CC;
  border-right: solid 1px #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip {
  border: 1px solid #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-tooltip::after {
  border-bottom: solid 1px #0066CC;
  border-right: solid 1px #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip {
  border: 1px solid #FF1744;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.not-data-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.not-data-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.not-data-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.not-data-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip::after {
  border-bottom: solid 1px #FF1744;
  border-right: solid 1px #FF1744;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.approve-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.approve-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-alert-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.approve-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.approve-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-alert-tooltip {
  white-space: pre-line;
  overflow: visible !important;
  border: 1px solid #FF1744;
  text-align: center;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.approve-tooltip::after, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-alert-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.approve-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-alert-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.approve-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-alert-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.approve-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-alert-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FF1744;
  border-right: solid 1px #FF1744;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sms-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sms-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sms-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sms-tooltip {
  white-space: pre-line;
  overflow: visible !important;
  border: 1px solid #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sms-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sms-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sms-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sms-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #0066CC;
  border-right: solid 1px #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-sms-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-sms-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-sms-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-sms-tooltip {
  white-space: pre-line;
  overflow: visible !important;
  border: 1px solid #F79400;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-sms-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-sms-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-sms-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-sms-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F79400;
  border-right: solid 1px #F79400;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip {
  border: 1px solid #F79400;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.waiting-data-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.waiting-data-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.waiting-data-tooltip::after {
  border-bottom: solid 1px #F79400;
  border-right: solid 1px #F79400;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-error-tooltip, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-alert-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-error-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-error-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-alert-tooltip {
  text-align: center;
  color: #FF1744;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.link-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.link-tooltip, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.link-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.link-tooltip {
  white-space: pre-line;
  overflow: visible !important;
  border: 1px solid #0066CC;
  min-width: 300px;
  text-align-last: justify;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.link-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.link-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.link-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.link-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #0066CC;
  border-right: solid 1px #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  color: black;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
  color: #FF1744;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.data-edit-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.data-edit-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.data-edit-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 15px;
  color: white !important;
  background-color: black;
  border: none !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai", sans-serif;
  align-self: flex-start;
  font-size: 14px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.no-email-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.no-email-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.no-email-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.no-email-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: black;
  border: none !important;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--primary-normal-1);
  border-right: solid 1px var(--primary-normal-1);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--secondary-normal);
  border-right: solid 1px var(--secondary-normal);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--secondary-light);
  border-right: solid 1px var(--secondary-light);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #969EA9;
  border-right: solid 1px #969EA9;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #000000;
  border-right: solid 1px #000000;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F9FAFB;
  border-right: solid 1px #F9FAFB;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--green-600);
  border-right: solid 1px var(--green-600);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #D9F7E5;
  border-right: solid 1px #D9F7E5;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FF1744;
  border-right: solid 1px #FF1744;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FFDCE3;
  border-right: solid 1px #FFDCE3;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F79400;
  border-right: solid 1px #F79400;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #000812;
  border-right: solid 1px #000812;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px white;
  border-right: solid 1px white;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px black;
  border-right: solid 1px black;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F99500;
  border-right: solid 1px #F99500;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #3DB61B;
  border-right: solid 1px #3DB61B;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #008DD9;
  border-right: solid 1px #008DD9;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FF1794;
  border-right: solid 1px #FF1794;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #B032BD;
  border-right: solid 1px #B032BD;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F6F9FB;
  border-right: solid 1px #F6F9FB;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--primary-normal-1);
  border-right: solid 1px var(--primary-normal-1);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px;
  border-right: solid 1px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px;
  border-right: solid 1px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #b2bfd1;
  border-right: solid 1px #b2bfd1;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FF7043;
  border-right: solid 1px #FF7043;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #fbc02d;
  border-right: solid 1px #fbc02d;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #795548;
  border-right: solid 1px #795548;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #795548;
  border-right: solid 1px #795548;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px rgb(255, 112, 67);
  border-right: solid 1px rgb(255, 112, 67);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F7E4DF;
  border-right: solid 1px #F7E4DF;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px rgb(251, 192, 45);
  border-right: solid 1px rgb(251, 192, 45);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #384041;
  border-right: solid 1px #384041;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px rgb(193, 116, 25);
  border-right: solid 1px rgb(193, 116, 25);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #f6f9fb;
  border-right: solid 1px #f6f9fb;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #5d5d62;
  border-right: solid 1px #5d5d62;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--primary-normal-2);
  border-right: solid 1px var(--primary-normal-2);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--primary-light);
  border-right: solid 1px var(--primary-light);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #E6E6E6;
  border-right: solid 1px #E6E6E6;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #B96F00;
  border-right: solid 1px #B96F00;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--primary-normal-2);
  border-right: solid 1px var(--primary-normal-2);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #3A4553;
  border-right: solid 1px #3A4553;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FE04FF;
  border-right: solid 1px #FE04FF;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #01ffd7;
  border-right: solid 1px #01ffd7;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #DFE2E4;
  border-right: solid 1px #DFE2E4;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #e5e7eb;
  border-right: solid 1px #e5e7eb;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #FCC9C9;
  border-right: solid 1px #FCC9C9;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F9FAFB;
  border-right: solid 1px #F9FAFB;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F11E1E;
  border-right: solid 1px #F11E1E;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #0066CC;
  border-right: solid 1px #0066CC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F2F2F2;
  border-right: solid 1px #F2F2F2;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #D8D8D8;
  border-right: solid 1px #D8D8D8;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #384041;
  border-right: solid 1px #384041;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #E9EAEB;
  border-right: solid 1px #E9EAEB;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #6b7280;
  border-right: solid 1px #6b7280;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #EBECEC;
  border-right: solid 1px #EBECEC;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #f9f9ff;
  border-right: solid 1px #f9f9ff;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #222222;
  border-right: solid 1px #222222;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #f2f2f2;
  border-right: solid 1px #f2f2f2;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--blue-800);
  border-right: solid 1px var(--blue-800);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--blue-50);
  border-right: solid 1px var(--blue-50);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--info-normal-1);
  border-right: solid 1px var(--info-normal-1);
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface {
  white-space: pre-line;
  line-height: 25px;
  overflow: visible !important;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: bold;
  align-self: flex-start;
  font-size: 16px;
}
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip::after,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip::after, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip::after,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: -6px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--yellow-500);
  border-right: solid 1px var(--yellow-500);
}

.block-number-image {
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 16px;
  color: white;
  padding: 0 10px;
  top: 10px;
  right: 10px;
  z-index: 1;
  box-shadow: 0px 0px 6px 0px rgba(255, 255, 255, 0.35);
}

.error .block-status-image {
  position: absolute;
  background: #FF1744;
  color: white;
  padding: 9px 10px;
  bottom: 0px;
  width: 100%;
  border-radius: 0;
  text-align: center;
}

.uploaded .block-status-image,
.edit-uploaded .block-status-image,
.img-approve .image .block-status-image {
  position: absolute;
  background: var(--green-600);
  color: white;
  padding: 9px 10px;
  bottom: 0px;
  width: 100%;
  border-radius: 0;
  text-align: center;
}

.img-approve .image .block-status-image {
  border-radius: 0 0 12px 12px;
}

.img-approve .block-number-image {
  top: 20px;
  right: 20px;
}

.img-approve .block-number-image-edit {
  top: 10px !important;
  right: 10px !important;
}

.block-check-image {
  position: absolute;
  bottom: 20px;
  right: 5px;
}
.block-check-image input[type=checkbox] {
  background: rgba(255, 255, 255, 0.4);
  /* White */
  border: 1.05px solid #FFFFFF;
  border-radius: 4.2px;
}

.image-approve-guide img {
  width: 90px;
  height: 90px;
}
.image-approve-guide .add {
  cursor: pointer;
  border-radius: 12px;
  height: 11.7647058824vw;
  justify-content: center;
  align-items: center;
  display: flex;
  flex-flow: column;
  gap: 8px;
  color: var(--primary-normal-1);
  background: rgba(249, 250, 251, 0.4);
  border: 2px dashed #D8D8D8;
  font-size: 1rem;
}
.image-approve-guide .add img {
  width: 2.875rem;
  height: 2.875rem;
}
.image-approve-guide .new {
  border-radius: 12px;
  height: 10.5263157895vw;
  justify-content: center;
  align-items: center;
  display: flex;
  background: rgba(255, 145, 0, 0.1);
  border: 1px solid #F79400;
}
.image-approve-guide .disable {
  cursor: pointer;
  border-radius: 12px;
  height: 14.2857142857vw;
  justify-content: center;
  align-items: center;
  display: flex;
  background: rgba(150, 158, 169, 0.1);
  border: 1px dashed #969EA9;
}
.image-approve-guide .disable img {
  filter: grayscale(100%);
}

.spinner-content {
  width: 100vw;
  height: 100vh;
  z-index: 2000;
  position: fixed;
  top: 0;
  left: 0;
}
.spinner-content.bg-spinner {
  background: rgba(255, 255, 255, 0.38);
}
.spinner-content .mat-mdc-progress-spinner {
  top: 50%;
  left: 50%;
  margin: 0;
  position: fixed;
  transform: translate(-50%, -50%);
  z-index: 2000;
}

.spinner-subcontent {
  background: rgba(255, 255, 255, 0.38);
  width: -webkit-fill-available;
  height: 100%;
  z-index: 2000;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
}

.spinner-info-card {
  position: relative;
  justify-content: center;
  display: flex;
  min-height: 300px;
  align-items: center;
}

.mat-mdc-progress-spinner,
.mat-mdc-spinner,
.mat-progress-spinner,
.mat-spinner {
  --mat-progress-spinner-active-indicator-color: var(--primary-normal-1) !important;
}

.mat-mdc-progress-spinner.mat-primary,
.mat-mdc-progress-spinner.mat-accent,
.mat-mdc-progress-spinner.mat-warn,
.mat-mdc-spinner.mat-primary,
.mat-mdc-spinner.mat-accent,
.mat-mdc-spinner.mat-warn {
  --mat-progress-spinner-active-indicator-color: var(--primary-normal-1) !important;
}

*.mat-primary.mat-progress-spinner circle, *.mat-primary.mat-spinner circle {
  stroke: var(--primary-normal-1);
}
*.mat-primary .mat-radio-outer-circle {
  border-color: var(--primary-normal-1);
}

*.mat-success.mat-progress-spinner circle, *.mat-success.mat-spinner circle {
  stroke: var(--green-600);
}
*.mat-success .mat-radio-outer-circle {
  border-color: var(--green-600);
}

*.mat-warning.mat-progress-spinner circle, *.mat-warning.mat-spinner circle {
  stroke: #F79400;
}
*.mat-warning .mat-radio-outer-circle {
  border-color: #F79400;
}

.ow-anywhere {
  overflow-wrap: anywhere;
}

.ow-break-word {
  overflow-wrap: break-word;
}

.word-break {
  word-break: break-all;
}

.block-optional {
  position: relative;
}
.block-optional::after {
  content: "";
  border-left: 2px solid rgba(216, 223, 234, 0.75);
  height: 165%;
  width: 2px;
  position: absolute;
  top: -16px;
  left: 50%;
}

.list-img-view {
  padding: 14px 6px;
  border-left: 1px solid rgba(216, 223, 234, 0.75);
  overflow-y: scroll;
  overflow-x: hidden;
  max-height: 625px;
}

.older-img img {
  opacity: 0.5;
}

.overflow-x-scroll {
  overflow-x: scroll;
  overflow-y: hidden;
}

.overflow-y-scroll {
  overflow-y: scroll;
  overflow-x: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-hidden {
  overflow: hidden;
}

@media print {
  .print-none,
  .approve-content,
  app-header,
  app-breadcrumb {
    display: none !important;
  }
  app-print-summary-approved,
  .print-show {
    display: block;
  }
  @page {
    margin: 0;
  }
  .btn,
  .bg-iiv-primary-linear {
    -webkit-print-color-adjust: exact;
  }
  * {
    font-size: 12px;
    -webkit-print-color-adjust: exact;
  }
  .damage-ai {
    grid-template-columns: 100%;
  }
  .damage-ai app-info-card {
    padding: 0;
  }
  .damage-inspector .print-show {
    width: 100%;
  }
  .damage-inspector .img-card.approve-sm {
    margin: auto;
  }
  .damage-inspector .img-card.approve-sm.full-width-image {
    width: 240px !important;
    height: 180px !important;
  }
  .damage-inspector .img-card.approve-sm.half-width-image {
    width: 120px !important;
    height: 90px !important;
  }
  .block-optional::after {
    height: 150%;
  }
  .ga-4,
  .ga-3 {
    gap: 10px !important;
  }
  .base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
    row-gap: 2px !important;
  }
  .base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
    column-gap: 8px !important;
  }
  .page-break {
    margin-top: 16px;
    page-break-before: always;
  }
  .break-comment {
    page-break-before: always;
  }
  .approver-print span {
    border-left: 1px solid rgb(230, 230, 230);
    padding-left: 10px;
  }
}
.outline {
  border: 1px solid #E6E6E6;
  border-radius: 12px;
}

.tooltip-note {
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
}

.ngxp__container {
  position: relative;
  z-index: 999;
  right: 0;
}

.ngxp__container {
  border-radius: 8px;
}
.ngxp__container.tooltip-note-button {
  background-color: black !important;
  bottom: 12px;
}
.ngxp__container.tooltip-note {
  background-color: black !important;
}
.ngxp__container .ngxp__inner {
  padding: 10px;
}
.ngxp__container .ngxp__arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px;
  border-color: transparent;
}
.ngxp__container .ngxp__arrow::after {
  content: "";
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: inherit;
  transform: rotate(45deg);
}
.ngxp__container .ngxp__arrow[data-placement=top],
.ngxp__container .ngxp__arrow:not([data-placement]) {
  bottom: -12px;
  left: 50%;
  margin-left: -10px;
}
.ngxp__container .ngxp__arrow[data-placement=top]::after,
.ngxp__container .ngxp__arrow:not([data-placement])::after {
  bottom: 0;
  left: 0;
  background-color: black;
  border-bottom: solid 1px black;
  border-right: solid 1px black;
}
.ngxp__container.link-info .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-info .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-info-button .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-info-button .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-alert .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-alert .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-alert-button .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-alert-button .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-warning .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-warning .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-warning-button .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-warning-button .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-success .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-success .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-success-button .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-success-button .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-danger .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-danger .ngxp__arrow:not([data-placement])::after, .ngxp__container.link-danger-button .ngxp__arrow[data-placement=top]::after,
.ngxp__container.link-danger-button .ngxp__arrow:not([data-placement])::after {
  margin-left: 5px;
}
.ngxp__container .ngxp__arrow[data-placement=bottom] {
  top: -6px;
  left: 50%;
  margin-left: -5px;
}
.ngxp__container .ngxp__arrow[data-placement=bottom]::after {
  top: 0;
  left: 0;
  background-color: black;
  border-top: solid 1px black;
  border-left: solid 1px black;
}
.ngxp__container .ngxp__arrow[data-placement=left] {
  right: -6px;
  top: 50%;
  margin-top: -5px;
}
.ngxp__container .ngxp__arrow[data-placement=left]::after {
  right: 0;
  top: 0;
  background-color: black;
  border-top: solid 1px black;
  border-right: solid 1px black;
}
.ngxp__container .ngxp__arrow[data-placement=right] {
  left: -12px;
  top: 50%;
  margin-top: -12px;
}
.ngxp__container .ngxp__arrow[data-placement=right]::after {
  left: 0;
  top: 0;
  background-color: black;
  border-bottom: solid 1px black;
  border-left: solid 1px black;
}
.ngxp__container.link-info, .ngxp__container.link-info-button {
  border: 1px solid var(--info-normal) !important;
}
.ngxp__container.link-info .ngxp__arrow, .ngxp__container.link-info-button .ngxp__arrow {
  border-style: none;
}
.ngxp__container.link-info .ngxp__arrow::after, .ngxp__container.link-info-button .ngxp__arrow::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: 6px;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--info-normal);
  border-right: solid 1px var(--info-normal);
}
.ngxp__container.link-alert, .ngxp__container.link-alert-button {
  border: 1px solid #FF1744 !important;
}
.ngxp__container.link-alert .ngxp__arrow, .ngxp__container.link-alert-button .ngxp__arrow {
  border-style: none;
}
.ngxp__container.link-alert .ngxp__arrow::after, .ngxp__container.link-alert-button .ngxp__arrow::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: 6px;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
  border-bottom: solid 1px #FF1744;
  border-right: solid 1px #FF1744;
}
.ngxp__container.link-warning, .ngxp__container.link-warning-button {
  border: 1px solid #F79400 !important;
}
.ngxp__container.link-warning .ngxp__arrow, .ngxp__container.link-warning-button .ngxp__arrow {
  border-style: none;
}
.ngxp__container.link-warning .ngxp__arrow::after, .ngxp__container.link-warning-button .ngxp__arrow::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: 6px;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
  border-bottom: solid 1px #F79400;
  border-right: solid 1px #F79400;
}
.ngxp__container.link-success, .ngxp__container.link-success-button {
  border: 1px solid var(--green-600) !important;
}
.ngxp__container.link-success .ngxp__arrow, .ngxp__container.link-success-button .ngxp__arrow {
  border-style: none;
}
.ngxp__container.link-success .ngxp__arrow::after, .ngxp__container.link-success-button .ngxp__arrow::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: 6px;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--green-600);
  border-right: solid 1px var(--green-600);
}
.ngxp__container.link-danger, .ngxp__container.link-danger-button {
  border: 1px solid #F11E1E !important;
}
.ngxp__container.link-danger .ngxp__arrow, .ngxp__container.link-danger-button .ngxp__arrow {
  border-style: none;
}
.ngxp__container.link-danger .ngxp__arrow::after, .ngxp__container.link-danger-button .ngxp__arrow::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: 6px;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
  border-bottom: solid 1px #F11E1E;
  border-right: solid 1px #F11E1E;
}
.ngxp__container.link-alert-button, .ngxp__container.link-warning-button, .ngxp__container.link-success-button, .ngxp__container.link-danger-button {
  top: -15px !important;
}
.ngxp__container.link-info-button {
  padding: 0px;
  padding-bottom: 10px;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
.ngxp__container.link-info-button .ngxp__inner {
  background-color: white;
  border-radius: 6px;
  border: none;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 10px;
  border: 1px solid #0066CC !important;
  padding: 10px;
}
.ngxp__container.link-info-button .ngxp__arrow::after {
  bottom: 10px;
}
.ngxp__container.default {
  border: 1px solid #D8D8D8 !important;
}
.ngxp__container.default .ngxp__arrow {
  border-style: none;
  margin-left: 0px;
}
.ngxp__container.default .ngxp__arrow::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: white;
  bottom: 6px;
  left: 50%;
  margin-left: -5px;
  transform: rotate(45deg);
  border-bottom: solid 1px #D8D8D8;
  border-right: solid 1px #D8D8D8;
}

.image-svg {
  filter: grayscale(100%) brightness(140%);
  width: 100%;
}

.tooltip-ai-note {
  width: 327px;
  height: auto;
  border-radius: 8px;
  gap: 12px;
}

.d-flex {
  display: flex;
}
.d-flex.flex-row {
  flex-direction: row;
}
.d-flex.flex-row-reverse {
  flex-direction: row-reverse;
}
.d-flex.flex-column {
  flex-direction: column;
}
.d-flex.flex-column-reverse {
  flex-direction: column-reverse;
}
.d-flex.flex-flow-wrap {
  flex-flow: row wrap;
}
.d-flex.align-items-start {
  align-items: flex-start;
}
.d-flex.align-items-center {
  align-items: center;
}
.d-flex.align-items-end {
  align-items: flex-end;
}
.d-flex.align-items-baseline {
  align-items: baseline;
}
.d-flex.align-items-stretch {
  align-items: stretch;
}
.d-flex.align-self-start {
  align-self: flex-start;
}
.d-flex .align-self-center {
  align-self: center;
}
.d-flex.align-self-end {
  align-self: flex-end;
}
.d-flex.align-self-baseline {
  align-self: baseline;
}
.d-flex.align-self-stretch {
  align-self: stretch;
}
.d-flex.align-content-start {
  align-content: flex-start;
}
.d-flex.align-content-center {
  align-content: center;
}
.d-flex.align-content-end {
  align-content: flex-end;
}
.d-flex.align-content-around {
  align-content: space-around;
}
.d-flex.align-content-stretch {
  align-content: stretch;
}
.d-flex.justify-content-start {
  justify-content: flex-start;
}
.d-flex.justify-content-center {
  justify-content: center;
}
.d-flex.justify-content-end {
  justify-content: flex-end;
}
.d-flex.justify-content-between {
  justify-content: space-between;
}
.d-flex.justify-content-around {
  justify-content: space-around;
}
.d-flex.justify-items-start {
  justify-items: flex-start;
}
.d-flex.justify-items-center {
  justify-items: center;
}
.d-flex.justify-items-end {
  justify-items: flex-end;
}
.d-flex.justify-items-between {
  justify-items: space-between;
}
.d-flex.justify-items-around {
  justify-items: space-around;
}

.d-grid-auto-2 {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-auto-flow: row;
  grid-gap: 10px;
}

.d-grid-line {
  display: inline-grid;
}

.d-grid {
  display: grid;
}

.d-grid-line.grid-auto-flow,
.d-grid.grid-auto-flow,
.d-grid-3.grid-auto-flow,
.d-grid-2.grid-auto-flow,
.d-grid-4.grid-auto-flow,
.d-flex.grid-auto-flow,
.d-grid-auto-2.grid-auto-flow {
  grid-auto-flow: column;
}
.d-grid-line.justify-content-start,
.d-grid.justify-content-start,
.d-grid-3.justify-content-start,
.d-grid-2.justify-content-start,
.d-grid-4.justify-content-start,
.d-flex.justify-content-start,
.d-grid-auto-2.justify-content-start {
  justify-content: flex-start;
}
.d-grid-line.justify-content-center,
.d-grid.justify-content-center,
.d-grid-3.justify-content-center,
.d-grid-2.justify-content-center,
.d-grid-4.justify-content-center,
.d-flex.justify-content-center,
.d-grid-auto-2.justify-content-center {
  justify-content: center;
}
.d-grid-line.justify-content-end,
.d-grid.justify-content-end,
.d-grid-3.justify-content-end,
.d-grid-2.justify-content-end,
.d-grid-4.justify-content-end,
.d-flex.justify-content-end,
.d-grid-auto-2.justify-content-end {
  justify-content: flex-end;
}
.d-grid-line.justify-content-between,
.d-grid.justify-content-between,
.d-grid-3.justify-content-between,
.d-grid-2.justify-content-between,
.d-grid-4.justify-content-between,
.d-flex.justify-content-between,
.d-grid-auto-2.justify-content-between {
  justify-content: space-between;
}
.d-grid-line.justify-content-around,
.d-grid.justify-content-around,
.d-grid-3.justify-content-around,
.d-grid-2.justify-content-around,
.d-grid-4.justify-content-around,
.d-flex.justify-content-around,
.d-grid-auto-2.justify-content-around {
  justify-content: space-around;
}
.d-grid-line.justify-content-normal,
.d-grid.justify-content-normal,
.d-grid-3.justify-content-normal,
.d-grid-2.justify-content-normal,
.d-grid-4.justify-content-normal,
.d-flex.justify-content-normal,
.d-grid-auto-2.justify-content-normal {
  justify-content: normal;
}
.d-grid-line.align-items-start,
.d-grid.align-items-start,
.d-grid-3.align-items-start,
.d-grid-2.align-items-start,
.d-grid-4.align-items-start,
.d-flex.align-items-start,
.d-grid-auto-2.align-items-start {
  align-items: flex-start;
}
.d-grid-line.align-items-center,
.d-grid.align-items-center,
.d-grid-3.align-items-center,
.d-grid-2.align-items-center,
.d-grid-4.align-items-center,
.d-flex.align-items-center,
.d-grid-auto-2.align-items-center {
  align-items: center;
}
.d-grid-line.align-items-end,
.d-grid.align-items-end,
.d-grid-3.align-items-end,
.d-grid-2.align-items-end,
.d-grid-4.align-items-end,
.d-flex.align-items-end,
.d-grid-auto-2.align-items-end {
  align-items: flex-end;
}
.d-grid-line.align-items-baseline,
.d-grid.align-items-baseline,
.d-grid-3.align-items-baseline,
.d-grid-2.align-items-baseline,
.d-grid-4.align-items-baseline,
.d-flex.align-items-baseline,
.d-grid-auto-2.align-items-baseline {
  align-items: baseline;
}
.d-grid-line.align-items-stretch,
.d-grid.align-items-stretch,
.d-grid-3.align-items-stretch,
.d-grid-2.align-items-stretch,
.d-grid-4.align-items-stretch,
.d-flex.align-items-stretch,
.d-grid-auto-2.align-items-stretch {
  align-items: stretch;
}
.d-grid-line.align-self-start,
.d-grid.align-self-start,
.d-grid-3.align-self-start,
.d-grid-2.align-self-start,
.d-grid-4.align-self-start,
.d-flex.align-self-start,
.d-grid-auto-2.align-self-start {
  align-self: flex-start;
}
.d-grid-line.align-self-center,
.d-grid.align-self-center,
.d-grid-3.align-self-center,
.d-grid-2.align-self-center,
.d-grid-4.align-self-center,
.d-flex.align-self-center,
.d-grid-auto-2.align-self-center {
  align-self: center;
}
.d-grid-line.align-self-end,
.d-grid.align-self-end,
.d-grid-3.align-self-end,
.d-grid-2.align-self-end,
.d-grid-4.align-self-end,
.d-flex.align-self-end,
.d-grid-auto-2.align-self-end {
  align-self: flex-end;
}
.d-grid-line.align-self-baseline,
.d-grid.align-self-baseline,
.d-grid-3.align-self-baseline,
.d-grid-2.align-self-baseline,
.d-grid-4.align-self-baseline,
.d-flex.align-self-baseline,
.d-grid-auto-2.align-self-baseline {
  align-self: baseline;
}
.d-grid-line.align-self-stretch,
.d-grid.align-self-stretch,
.d-grid-3.align-self-stretch,
.d-grid-2.align-self-stretch,
.d-grid-4.align-self-stretch,
.d-flex.align-self-stretch,
.d-grid-auto-2.align-self-stretch {
  align-self: stretch;
}
.d-grid-line.align-content-start,
.d-grid.align-content-start,
.d-grid-3.align-content-start,
.d-grid-2.align-content-start,
.d-grid-4.align-content-start,
.d-flex.align-content-start,
.d-grid-auto-2.align-content-start {
  align-content: flex-start;
}
.d-grid-line.align-content-center,
.d-grid.align-content-center,
.d-grid-3.align-content-center,
.d-grid-2.align-content-center,
.d-grid-4.align-content-center,
.d-flex.align-content-center,
.d-grid-auto-2.align-content-center {
  align-content: center;
}
.d-grid-line.align-content-end,
.d-grid.align-content-end,
.d-grid-3.align-content-end,
.d-grid-2.align-content-end,
.d-grid-4.align-content-end,
.d-flex.align-content-end,
.d-grid-auto-2.align-content-end {
  align-content: flex-end;
}
.d-grid-line.align-content-around,
.d-grid.align-content-around,
.d-grid-3.align-content-around,
.d-grid-2.align-content-around,
.d-grid-4.align-content-around,
.d-flex.align-content-around,
.d-grid-auto-2.align-content-around {
  align-content: space-around;
}
.d-grid-line.align-content-stretch,
.d-grid.align-content-stretch,
.d-grid-3.align-content-stretch,
.d-grid-2.align-content-stretch,
.d-grid-4.align-content-stretch,
.d-flex.align-content-stretch,
.d-grid-auto-2.align-content-stretch {
  align-content: stretch;
}
.d-grid-line.align-content-between,
.d-grid.align-content-between,
.d-grid-3.align-content-between,
.d-grid-2.align-content-between,
.d-grid-4.align-content-between,
.d-flex.align-content-between,
.d-grid-auto-2.align-content-between {
  align-content: space-between;
}
.d-grid-line.justify-items-start,
.d-grid.justify-items-start,
.d-grid-3.justify-items-start,
.d-grid-2.justify-items-start,
.d-grid-4.justify-items-start,
.d-flex.justify-items-start,
.d-grid-auto-2.justify-items-start {
  justify-items: flex-start;
}
.d-grid-line.justify-items-center,
.d-grid.justify-items-center,
.d-grid-3.justify-items-center,
.d-grid-2.justify-items-center,
.d-grid-4.justify-items-center,
.d-flex.justify-items-center,
.d-grid-auto-2.justify-items-center {
  justify-items: center;
}
.d-grid-line.justify-items-end,
.d-grid.justify-items-end,
.d-grid-3.justify-items-end,
.d-grid-2.justify-items-end,
.d-grid-4.justify-items-end,
.d-flex.justify-items-end,
.d-grid-auto-2.justify-items-end {
  justify-items: flex-end;
}
.d-grid-line.justify-items-between,
.d-grid.justify-items-between,
.d-grid-3.justify-items-between,
.d-grid-2.justify-items-between,
.d-grid-4.justify-items-between,
.d-flex.justify-items-between,
.d-grid-auto-2.justify-items-between {
  justify-items: space-between;
}
.d-grid-line.justify-items-around,
.d-grid.justify-items-around,
.d-grid-3.justify-items-around,
.d-grid-2.justify-items-around,
.d-grid-4.justify-items-around,
.d-flex.justify-items-around,
.d-grid-auto-2.justify-items-around {
  justify-items: space-around;
}
.d-grid-line.justify-self-start,
.d-grid.justify-self-start,
.d-grid-3.justify-self-start,
.d-grid-2.justify-self-start,
.d-grid-4.justify-self-start,
.d-flex.justify-self-start,
.d-grid-auto-2.justify-self-start {
  justify-self: flex-start;
}
.d-grid-line.justify-self-center,
.d-grid.justify-self-center,
.d-grid-3.justify-self-center,
.d-grid-2.justify-self-center,
.d-grid-4.justify-self-center,
.d-flex.justify-self-center,
.d-grid-auto-2.justify-self-center {
  justify-self: center;
}
.d-grid-line.justify-self-end,
.d-grid.justify-self-end,
.d-grid-3.justify-self-end,
.d-grid-2.justify-self-end,
.d-grid-4.justify-self-end,
.d-flex.justify-self-end,
.d-grid-auto-2.justify-self-end {
  justify-self: flex-end;
}
.d-grid-line.justify-self-baseline,
.d-grid.justify-self-baseline,
.d-grid-3.justify-self-baseline,
.d-grid-2.justify-self-baseline,
.d-grid-4.justify-self-baseline,
.d-flex.justify-self-baseline,
.d-grid-auto-2.justify-self-baseline {
  justify-self: baseline;
}
.d-grid-line.justify-self-stretch,
.d-grid.justify-self-stretch,
.d-grid-3.justify-self-stretch,
.d-grid-2.justify-self-stretch,
.d-grid-4.justify-self-stretch,
.d-flex.justify-self-stretch,
.d-grid-auto-2.justify-self-stretch {
  justify-self: stretch;
}

/* Portrait and Landscape */
:root {
  /* Value */
  /* colors */
  --primary-50: #e6f3f9;
  --primary-100: #b0d9eb;
  --primary-200: #8ac6e1;
  --primary-300: #54add3;
  --primary-400: #339dcb;
  --primary-500: #0084be;
  --primary-600: #0078ad;
  --primary-700: #005e87;
  --primary-800: #004969;
  --primary-900: #003750;
  --secondary-50: #e6e7f2;
  --secondary-100: #b0b5d5;
  --secondary-200: #8a91c1;
  --secondary-300: #555ea5;
  --secondary-400: #343f93;
  --secondary-500: #010f78;
  --secondary-600: #010e6d;
  --secondary-700: #010b55;
  --secondary-800: #010842;
  --secondary-900: #000632;
  --gray-50: #f2f2f2;
  --gray-100: #d8d8d8;
  --gray-200: #c5c5c5;
  --gray-300: #aaa;
  --gray-400: #999;
  --gray-500: #808080;
  --gray-600: #747474;
  --gray-700: #5b5b5b;
  --gray-800: #464646;
  --gray-900: #363636;
  --zinc-50: #f2f3f4;
  --zinc-100: #d7dadd;
  --zinc-200: #c3c8cc;
  --zinc-300: #a8afb5;
  --zinc-400: #979fa7;
  --zinc-500: #7d8791;
  --zinc-600: #727b84;
  --zinc-700: #596067;
  --zinc-800: #454a50;
  --zinc-900: #35393d;
  --red-50: #fff0f0;
  --red-100: #ffd0d0;
  --red-200: #ffb9b9;
  --red-300: #f67a7a;
  --red-400: #f94e4e;
  --red-500: #f11e1e;
  --red-600: #e85e5e;
  --red-700: #971212;
  --red-800: #8c3939;
  --red-900: #6d0303;
  --orange-50: #fff3e6;
  --orange-100: #ffd9b0;
  --orange-200: #ffc68a;
  --orange-300: #ffad54;
  --orange-400: #ff9d33;
  --orange-500: #ff8400;
  --orange-600: #e87800;
  --orange-700: #b55e00;
  --orange-800: #8c4900;
  --orange-900: #6b3700;
  --amber-50: #fff9e6;
  --amber-100: #ffecb0;
  --amber-200: #ffe38a;
  --amber-300: #ffd654;
  --amber-400: #ffce33;
  --amber-500: #ffc200;
  --amber-600: #e8b100;
  --amber-700: #b58a00;
  --amber-800: #8c6b00;
  --amber-900: #6b5100;
  --yellow-50: #fffde6;
  --yellow-100: #fff9b0;
  --yellow-200: #fff68a;
  --yellow-300: #fff254;
  --yellow-400: #ffef33;
  --yellow-500: #ffeb00;
  --yellow-600: #e8d600;
  --yellow-700: #b5a700;
  --yellow-800: #8c8100;
  --yellow-900: #6b6300;
  --lime-50: #f8fbed;
  --lime-100: #e8f3c7;
  --lime-200: #ddeeac;
  --lime-300: #cde686;
  --lime-400: #c3e16f;
  --lime-500: #b4d94b;
  --lime-600: #a4c544;
  --lime-700: #809a35;
  --lime-800: #637729;
  --lime-900: #4c5b20;
  --green-50: #e6f9f1;
  --green-100: #b0ecd5;
  --green-200: #8ae2c0;
  --green-300: #54d5a3;
  --green-400: #33cd91;
  --green-500: #00c176;
  --green-600: #00b06b;
  --green-700: #008954;
  --green-800: #006a41;
  --green-900: #005132;
  --emerald-50: #e6f7f4;
  --emerald-100: #b0e7de;
  --emerald-200: #8adcce;
  --emerald-300: #54cbb8;
  --emerald-400: #33c1aa;
  --emerald-500: #00b295;
  --emerald-600: #00a288;
  --emerald-700: #007e6a;
  --emerald-800: #006252;
  --emerald-900: #004b3f;
  --teal-50: #e6f4f4;
  --teal-100: #b0dcdc;
  --teal-200: #8acbcb;
  --teal-300: #54b4b4;
  --teal-400: #33a5a5;
  --teal-500: #008f8f;
  --teal-600: #008282;
  --teal-700: #066;
  --teal-800: #004f4f;
  --teal-900: #003c3c;
  --blue-50: #e6f0fa;
  --blue-100: #b0d0ef;
  --blue-200: #8ab9e8;
  --blue-300: #5498dd;
  --blue-400: #3385d6;
  --blue-500: #06c;
  --blue-600: #005dba;
  --blue-700: #004891;
  --blue-800: #003870;
  --blue-900: #002b56;
  --indigo-50: #efedfa;
  --indigo-100: #ccc8f0;
  --indigo-200: #b3aee9;
  --indigo-300: #9089df;
  --indigo-400: #7b72d9;
  --indigo-500: #5a4fcf;
  --indigo-600: #5248bc;
  --indigo-700: #403893;
  --indigo-800: #322b72;
  --indigo-900: #262157;
  --violet-50: #f3f0fb;
  --violet-100: #dbd0f1;
  --violet-200: #c9b9ea;
  --violet-300: #b199e1;
  --violet-400: #a185db;
  --violet-500: #8a67d2;
  --violet-600: #7e5ebf;
  --violet-700: #624995;
  --violet-800: #4c3974;
  --violet-900: #3a2b58;
  --purple-50: #f2f1f8;
  --purple-100: #d7d4e8;
  --purple-200: #c4bfdd;
  --purple-300: #a9a1cd;
  --purple-400: #988fc4;
  --purple-500: #7e73b5;
  --purple-600: #7369a5;
  --purple-700: #595281;
  --purple-800: #453f64;
  --purple-900: #35304c;
  --fuchsia-50: #faf0fa;
  --fuchsia-100: #eecff0;
  --fuchsia-200: #e6b8e9;
  --fuchsia-300: #db97df;
  --fuchsia-400: #d483d9;
  --fuchsia-500: #c964cf;
  --fuchsia-600: #b75bbc;
  --fuchsia-700: #8f4793;
  --fuchsia-800: #6f3772;
  --fuchsia-900: #542a57;
  --pink-50: #fff2fb;
  --pink-100: #ffd7f2;
  --pink-200: #ffc4eb;
  --pink-300: #ffa9e2;
  --pink-400: #f9d;
  --pink-500: #ff7fd4;
  --pink-600: #e874c1;
  --pink-700: #b55a97;
  --pink-800: #8c4675;
  --pink-900: #6b3559;
  --rose-50: #fff0f8;
  --rose-100: #ffd1e8;
  --rose-200: #ffbadd;
  --rose-300: #ff9bcd;
  --rose-400: #ff87c3;
  --rose-500: #ff69b4;
  --rose-600: #e860a4;
  --rose-700: #b54b80;
  --rose-800: #8c3a63;
  --rose-900: #6b2c4c;
  --brown-50: #f6f0ec;
  --brown-100: #e4d1c4;
  --brown-200: #d7baa7;
  --brown-300: #c59b7f;
  --brown-400: #b98766;
  --brown-500: #a86940;
  --brown-600: #99603a;
  --brown-700: #774b2d;
  --brown-800: #5c3a23;
  --brown-900: #472c1b;
  --tangerine-50: #fff6eb;
  --tangerine-100: #ffe3c0;
  --tangerine-200: #ffd6a1;
  --tangerine-300: #ffc376;
  --tangerine-400: #ffb75c;
  --tangerine-500: #ffa533;
  --tangerine-600: #e8962e;
  --tangerine-700: #b57524;
  --tangerine-800: #8c5b1c;
  --tangerine-900: #6b4515;
  --cyan-50: #e6f7fa;
  --cyan-100: #b0e7ef;
  --cyan-200: #8adce8;
  --cyan-300: #54cbdd;
  --cyan-400: #33c1d6;
  --cyan-500: #00b2cc;
  --cyan-600: #00a2ba;
  --cyan-700: #007e91;
  --cyan-800: #006270;
  --cyan-900: #004b56;
  --sky-50: #eff6fb;
  --sky-100: #cde4f1;
  --sky-200: #b5d7eb;
  --sky-300: #94c5e2;
  --sky-400: #7fb9dc;
  --sky-500: #5fa8d3;
  --sky-600: #5699c0;
  --sky-700: #437796;
  --sky-800: #345c74;
  --sky-900: #284759;
  --primary-normal: #0066cc;
  --primary-normal-1: rgb(0, 132, 190);
  --primary-normal-2: rgb(0, 81, 134);
  --primary-light: rgb(230, 243, 249);
  --primary-dark: #003750;
  --secondary-normal: rgb(42, 76, 121);
  --secondary-light: rgb(230, 231, 242);
  --secondary-dark: #000632;
  --black: #000;
  --white: #fff;
  --background: #f9fafb;
  --border: #d1d5db;
  --border-login: #4f68a3;
  --disable: #e9eaeb;
  --dividers: #f3f4f6;
  --background-blue-login: #01438e;
  --background-input-login: #013e7c;
  --tables-striped-rows: #f9f9ff;
  --text-primary: #000;
  --text-body: #6b7280;
  --placeholder: #6b7280;
  --success-normal: #00b06b;
  --success-light: #e6f9f1;
  --success-dark: #005132;
  --success-600: var(--green-600);
  --success-600-rgb: var(--green-600);
  --warning-normal: #ff8400;
  --warning-light: #fff3e6;
  --warning-dark: #6b3700;
  --danger-normal: #f11e1e;
  --danger-light: #fff0f0;
  --danger-dark: #6d0303;
  --waiting-normal: #ffc200;
  --waiting-light: #fff9e6;
  --waiting-dark: #6b5100;
  --info-normal: #06c;
  --info-light: rgb(199,219,243);
  --info-dark: #002b56;
  --default-light: var(--zinc-50);
  --default-dark: var(--black);
  --info-normal-1: rgb(0, 132, 190);
  --hot-bule: #01ffd7;
  --hot-blue: var(--hot-bule);
  /* size */
  --None: 0px;
  --size-4: 4px;
  --size-6: 6px;
  --size-8: 8px;
  --size-10: 10px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-26: 26px;
  --size-30: 30px;
  --size-34: 34px;
  --size-38: 38px;
  --size-42: 42px;
  --size-46: 46px;
  --size-50: 50px;
  --size-54: 54px;
  --size-58: 58px;
  --size-62: 62px;
  --size-full: 1000px;
  --waiting: var(--warning-normal);
  --waiting-50: var(--warning-light);
  --done: var(--blue-500);
  --done-50: var(--blue-50);
  --success: var(--success-normal);
  --success-50: var(--success-light);
  --waiting-approve: var(--warning-normal);
  --waiting-approve-50: var(--warning-light);
  --reject: var(--danger-normal);
  --reject-50: var(--danger-light);
  --send: var(--teal-500);
  --send-50: var(--teal-50);
  --cancel-doc: var(--brown-500);
  --cancel-doc-50: var(--brown-50);
  --cancel: var(--gray-500);
  --cancel-50: var(--gray-50);
  --danger: var(--red-700);
  --danger-50: var(--red-50);
  --default-50: var(--zinc-50);
  --default: var(--black);
  --rgb-warning-normal: 255, 132, 0;
  --rgb-success-normal: 0, 176, 107;
  --rgb-primary-normal: 0, 132, 190;
  --rgb-alert-normal: rgb(151, 18, 18);
  --mat-option-focus-state-layer-color: transparent;
}

body {
  background: var(--background, #F9FAFB) !important;
}
body.modal-open {
  overflow: hidden;
}

.ma-0 {
  margin: 0px;
}

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

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

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

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

.mx-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.my-0 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.pa-0 {
  padding: 0px;
}

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

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

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

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

.px-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.py-0 {
  padding-top: 0px;
  padding-bottom: 0px;
}

.ga-0 {
  gap: 0px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-0 {
  row-gap: 0px;
}

.ma-1 {
  margin: 4px;
}

.mt-1 {
  margin-top: 4px;
}

.mr-1 {
  margin-right: 4px;
}

.mb-1 {
  margin-bottom: 4px;
}

.ml-1 {
  margin-left: 4px;
}

.mx-1 {
  margin-left: 4px;
  margin-right: 4px;
}

.my-1 {
  margin-top: 4px;
  margin-bottom: 4px;
}

.pa-1 {
  padding: 4px;
}

.pt-1 {
  padding-top: 4px;
}

.pr-1 {
  padding-right: 4px;
}

.pb-1 {
  padding-bottom: 4px;
}

.pl-1 {
  padding-left: 4px;
}

.px-1 {
  padding-left: 4px;
  padding-right: 4px;
}

.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}

.ga-1 {
  gap: 4px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-1 {
  row-gap: 4px;
}

.ma-2 {
  margin: 8px;
}

.mt-2 {
  margin-top: 8px;
}

.mr-2 {
  margin-right: 8px;
}

.mb-2 {
  margin-bottom: 8px;
}

.ml-2 {
  margin-left: 8px;
}

.mx-2 {
  margin-left: 8px;
  margin-right: 8px;
}

.my-2 {
  margin-top: 8px;
  margin-bottom: 8px;
}

.pa-2 {
  padding: 8px;
}

.pt-2 {
  padding-top: 8px;
}

.pr-2 {
  padding-right: 8px;
}

.pb-2 {
  padding-bottom: 8px;
}

.pl-2 {
  padding-left: 8px;
}

.px-2 {
  padding-left: 8px;
  padding-right: 8px;
}

.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}

.ga-2 {
  gap: 8px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-2 {
  row-gap: 8px;
}

.ma-3 {
  margin: 12px;
}

.mt-3 {
  margin-top: 12px;
}

.mr-3 {
  margin-right: 12px;
}

.mb-3 {
  margin-bottom: 12px;
}

.ml-3 {
  margin-left: 12px;
}

.mx-3 {
  margin-left: 12px;
  margin-right: 12px;
}

.my-3 {
  margin-top: 12px;
  margin-bottom: 12px;
}

.pa-3 {
  padding: 12px;
}

.pt-3 {
  padding-top: 12px;
}

.pr-3 {
  padding-right: 12px;
}

.pb-3 {
  padding-bottom: 12px;
}

.pl-3 {
  padding-left: 12px;
}

.px-3 {
  padding-left: 12px;
  padding-right: 12px;
}

.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}

.ga-3 {
  gap: 12px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-3 {
  row-gap: 12px;
}

.ma-4 {
  margin: 16px;
}

.mt-4 {
  margin-top: 16px;
}

.mr-4 {
  margin-right: 16px;
}

.mb-4 {
  margin-bottom: 16px;
}

.ml-4 {
  margin-left: 16px;
}

.mx-4 {
  margin-left: 16px;
  margin-right: 16px;
}

.my-4 {
  margin-top: 16px;
  margin-bottom: 16px;
}

.pa-4 {
  padding: 16px;
}

.pt-4 {
  padding-top: 16px;
}

.pr-4 {
  padding-right: 16px;
}

.pb-4 {
  padding-bottom: 16px;
}

.pl-4 {
  padding-left: 16px;
}

.px-4 {
  padding-left: 16px;
  padding-right: 16px;
}

.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}

.ga-4 {
  gap: 16px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-4 {
  row-gap: 16px;
}

.ma-5 {
  margin: 20px;
}

.mt-5 {
  margin-top: 20px;
}

.mr-5 {
  margin-right: 20px;
}

.mb-5 {
  margin-bottom: 20px;
}

.ml-5 {
  margin-left: 20px;
}

.mx-5 {
  margin-left: 20px;
  margin-right: 20px;
}

.my-5 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.pa-5 {
  padding: 20px;
}

.pt-5 {
  padding-top: 20px;
}

.pr-5 {
  padding-right: 20px;
}

.pb-5 {
  padding-bottom: 20px;
}

.pl-5 {
  padding-left: 20px;
}

.px-5 {
  padding-left: 20px;
  padding-right: 20px;
}

.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}

.ga-5 {
  gap: 20px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-5 {
  row-gap: 20px;
}

.ma-6 {
  margin: 24px;
}

.mt-6 {
  margin-top: 24px;
}

.mr-6 {
  margin-right: 24px;
}

.mb-6 {
  margin-bottom: 24px;
}

.ml-6 {
  margin-left: 24px;
}

.mx-6 {
  margin-left: 24px;
  margin-right: 24px;
}

.my-6 {
  margin-top: 24px;
  margin-bottom: 24px;
}

.pa-6 {
  padding: 24px;
}

.pt-6 {
  padding-top: 24px;
}

.pr-6 {
  padding-right: 24px;
}

.pb-6 {
  padding-bottom: 24px;
}

.pl-6 {
  padding-left: 24px;
}

.px-6 {
  padding-left: 24px;
  padding-right: 24px;
}

.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}

.ga-6 {
  gap: 24px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-6 {
  row-gap: 24px;
}

.ma-7 {
  margin: 28px;
}

.mt-7 {
  margin-top: 28px;
}

.mr-7 {
  margin-right: 28px;
}

.mb-7 {
  margin-bottom: 28px;
}

.ml-7 {
  margin-left: 28px;
}

.mx-7 {
  margin-left: 28px;
  margin-right: 28px;
}

.my-7 {
  margin-top: 28px;
  margin-bottom: 28px;
}

.pa-7 {
  padding: 28px;
}

.pt-7 {
  padding-top: 28px;
}

.pr-7 {
  padding-right: 28px;
}

.pb-7 {
  padding-bottom: 28px;
}

.pl-7 {
  padding-left: 28px;
}

.px-7 {
  padding-left: 28px;
  padding-right: 28px;
}

.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}

.ga-7 {
  gap: 28px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-7 {
  row-gap: 28px;
}

.ma-8 {
  margin: 32px;
}

.mt-8 {
  margin-top: 32px;
}

.mr-8 {
  margin-right: 32px;
}

.mb-8 {
  margin-bottom: 32px;
}

.ml-8 {
  margin-left: 32px;
}

.mx-8 {
  margin-left: 32px;
  margin-right: 32px;
}

.my-8 {
  margin-top: 32px;
  margin-bottom: 32px;
}

.pa-8 {
  padding: 32px;
}

.pt-8 {
  padding-top: 32px;
}

.pr-8 {
  padding-right: 32px;
}

.pb-8 {
  padding-bottom: 32px;
}

.pl-8 {
  padding-left: 32px;
}

.px-8 {
  padding-left: 32px;
  padding-right: 32px;
}

.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}

.ga-8 {
  gap: 32px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-8 {
  row-gap: 32px;
}

.ma-10 {
  margin: 40px;
}

.mt-10 {
  margin-top: 40px;
}

.mr-10 {
  margin-right: 40px;
}

.mb-10 {
  margin-bottom: 40px;
}

.ml-10 {
  margin-left: 40px;
}

.mx-10 {
  margin-left: 40px;
  margin-right: 40px;
}

.my-10 {
  margin-top: 40px;
  margin-bottom: 40px;
}

.pa-10 {
  padding: 40px;
}

.pt-10 {
  padding-top: 40px;
}

.pr-10 {
  padding-right: 40px;
}

.pb-10 {
  padding-bottom: 40px;
}

.pl-10 {
  padding-left: 40px;
}

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

.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}

.ga-10 {
  gap: 40px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-10 {
  row-gap: 40px;
}

.ma-12 {
  margin: 48px;
}

.mt-12 {
  margin-top: 48px;
}

.mr-12 {
  margin-right: 48px;
}

.mb-12 {
  margin-bottom: 48px;
}

.ml-12 {
  margin-left: 48px;
}

.mx-12 {
  margin-left: 48px;
  margin-right: 48px;
}

.my-12 {
  margin-top: 48px;
  margin-bottom: 48px;
}

.pa-12 {
  padding: 48px;
}

.pt-12 {
  padding-top: 48px;
}

.pr-12 {
  padding-right: 48px;
}

.pb-12 {
  padding-bottom: 48px;
}

.pl-12 {
  padding-left: 48px;
}

.px-12 {
  padding-left: 48px;
  padding-right: 48px;
}

.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}

.ga-12 {
  gap: 48px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-12 {
  row-gap: 48px;
}

.ma-16 {
  margin: 64px;
}

.mt-16 {
  margin-top: 64px;
}

.mr-16 {
  margin-right: 64px;
}

.mb-16 {
  margin-bottom: 64px;
}

.ml-16 {
  margin-left: 64px;
}

.mx-16 {
  margin-left: 64px;
  margin-right: 64px;
}

.my-16 {
  margin-top: 64px;
  margin-bottom: 64px;
}

.pa-16 {
  padding: 64px;
}

.pt-16 {
  padding-top: 64px;
}

.pr-16 {
  padding-right: 64px;
}

.pb-16 {
  padding-bottom: 64px;
}

.pl-16 {
  padding-left: 64px;
}

.px-16 {
  padding-left: 64px;
  padding-right: 64px;
}

.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}

.ga-16 {
  gap: 64px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-16 {
  row-gap: 64px;
}

.ma-300 {
  margin: 1200px;
}

.mt-300 {
  margin-top: 1200px;
}

.mr-300 {
  margin-right: 1200px;
}

.mb-300 {
  margin-bottom: 1200px;
}

.ml-300 {
  margin-left: 1200px;
}

.mx-300 {
  margin-left: 1200px;
  margin-right: 1200px;
}

.my-300 {
  margin-top: 1200px;
  margin-bottom: 1200px;
}

.pa-300 {
  padding: 1200px;
}

.pt-300 {
  padding-top: 1200px;
}

.pr-300 {
  padding-right: 1200px;
}

.pb-300 {
  padding-bottom: 1200px;
}

.pl-300 {
  padding-left: 1200px;
}

.px-300 {
  padding-left: 1200px;
  padding-right: 1200px;
}

.py-300 {
  padding-top: 1200px;
  padding-bottom: 1200px;
}

.ga-300 {
  gap: 1200px;
}

.m-auto {
  margin: auto;
}

.no-margin {
  margin: 0;
}

.row-ga-300 {
  row-gap: 1200px;
}

.color-primary {
  color: var(--primary-normal-1);
}

.bg-primary {
  background: var(--primary-normal-1);
}

.mat-mdc-button.color-primary:not(:disabled) {
  color: var(--primary-normal-1);
  --mat-button-text-label-text-color: var(--primary-normal-1);
}

.color-secondary {
  color: var(--secondary-normal);
}

.bg-secondary {
  background: var(--secondary-normal);
}

.mat-mdc-button.color-secondary:not(:disabled) {
  color: var(--secondary-normal);
  --mat-button-text-label-text-color: var(--secondary-normal);
}

.color-secondary-light {
  color: var(--secondary-light);
}

.bg-secondary-light {
  background: var(--secondary-light);
}

.mat-mdc-button.color-secondary-light:not(:disabled) {
  color: var(--secondary-light);
  --mat-button-text-label-text-color: var(--secondary-light);
}

.color-soft-text {
  color: #969EA9;
}

.bg-soft-text {
  background: #969EA9;
}

.mat-mdc-button.color-soft-text:not(:disabled) {
  color: #969EA9;
  --mat-button-text-label-text-color: #969EA9;
}

.color-body-text {
  color: #000000;
}

.bg-body-text {
  background: #000000;
}

.mat-mdc-button.color-body-text:not(:disabled) {
  color: #000000;
  --mat-button-text-label-text-color: #000000;
}

.color-background {
  color: #F9FAFB;
}

.bg-background {
  background: #F9FAFB;
}

.mat-mdc-button.color-background:not(:disabled) {
  color: #F9FAFB;
  --mat-button-text-label-text-color: #F9FAFB;
}

.color-success {
  color: var(--green-600);
}

.bg-success {
  background: var(--green-600);
}

.mat-mdc-button.color-success:not(:disabled) {
  color: var(--green-600);
  --mat-button-text-label-text-color: var(--green-600);
}

.color-soft-success {
  color: #D9F7E5;
}

.bg-soft-success {
  background: #D9F7E5;
}

.mat-mdc-button.color-soft-success:not(:disabled) {
  color: #D9F7E5;
  --mat-button-text-label-text-color: #D9F7E5;
}

.color-alert {
  color: #FF1744;
}

.bg-alert {
  background: #FF1744;
}

.mat-mdc-button.color-alert:not(:disabled) {
  color: #FF1744;
  --mat-button-text-label-text-color: #FF1744;
}

.color-soft-alert {
  color: #FFDCE3;
}

.bg-soft-alert {
  background: #FFDCE3;
}

.mat-mdc-button.color-soft-alert:not(:disabled) {
  color: #FFDCE3;
  --mat-button-text-label-text-color: #FFDCE3;
}

.color-warning {
  color: #F79400;
}

.bg-warning {
  background: #F79400;
}

.mat-mdc-button.color-warning:not(:disabled) {
  color: #F79400;
  --mat-button-text-label-text-color: #F79400;
}

.color-overlay {
  color: #000812;
}

.bg-overlay {
  background: #000812;
}

.mat-mdc-button.color-overlay:not(:disabled) {
  color: #000812;
  --mat-button-text-label-text-color: #000812;
}

.color-white {
  color: white;
}

.bg-white {
  background: white;
}

.mat-mdc-button.color-white:not(:disabled) {
  color: white;
  --mat-button-text-label-text-color: white;
}

.color-black, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-tooltip-surface::first-line {
  color: black;
}

.bg-black {
  background: black;
}

.mat-mdc-button.color-black:not(:disabled), .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.secondary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.secondary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.secondary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.secondary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.secondary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.secondary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.body-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.body-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.body-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.body-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.body-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.body-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.background-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.background-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.background-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.background-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-success-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-success-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-alert-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-alert-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.warning-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.warning-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.warning-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.warning-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.overlay-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.overlay-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.overlay-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.overlay-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.white-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.white-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.white-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.white-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.white-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.white-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.black-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.black-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.black-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.black-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.compliance-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.compliance-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.compliance-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.compliance-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.compliance-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.compliance-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.sentiment-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.sentiment-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.sentiment-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.sentiment-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.sentiment-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.sentiment-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.communication-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.communication-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.communication-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.communication-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.communication-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.communication-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.politeness-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.politeness-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.politeness-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.politeness-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.politeness-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.politeness-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.emotional-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.emotional-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.emotional-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.emotional-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.emotional-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.emotional-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.subbody-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.subbody-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.subbody-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.subbody-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.subbody-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.subbody-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.iiv-primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.iiv-primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.iiv-primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.iiv-primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.iiv-primary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.iiv-primary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.pass-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.pass-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.pass-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pass-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.pass-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pass-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.edit-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.edit-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.edit-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.edit-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.edit-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.edit-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.alert-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.alert-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.alert-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.alert-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.alert-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.alert-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.warning-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.warning-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.warning-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.warning-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.warning-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.warning-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.overlay-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.overlay-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.overlay-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.overlay-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.overlay-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.overlay-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.cancel-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.cancel-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.cancel-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.cancel-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.cancel-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.cancel-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-pending-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-pending-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.await-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.await-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.await-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.await-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.await-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.await-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.expire-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.expire-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.expire-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.expire-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.expire-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.expire-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.pending-brown-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.pending-brown-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.pending-brown-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.pending-brown-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.pending-brown-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.pending-brown-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.background-print-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.background-print-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.background-print-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-print-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.background-print-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-print-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.black-soft-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.black-soft-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.black-soft-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.black-soft-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.black-soft-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.black-soft-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.primary-dark-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.primary-dark-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.primary-dark-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-dark-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.primary-dark-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-dark-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.primary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.primary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.primary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.primary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.primary-light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.primary-light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-text-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-text-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-text-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-text-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-text-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-text-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.assign-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.assign-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.assign-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.assign-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.assign-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.assign-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.hightlight-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.hightlight-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.hightlight-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hightlight-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.hightlight-text-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hightlight-text-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.navy-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.navy-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.navy-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.navy-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.navy-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.navy-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.hot-pink-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.hot-pink-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.hot-pink-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-pink-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.hot-pink-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-pink-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.hot-bule-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.hot-bule-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.hot-bule-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.hot-bule-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.hot-bule-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.hot-bule-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.light-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.light-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.light-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.light-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.light-gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.light-gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.gray-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.danger_light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.danger_light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.danger_light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger_light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.danger_light-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger_light-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.background-2-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.background-2-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.background-2-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.background-2-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.background-2-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.background-2-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.danger-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.danger-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.danger-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.danger-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.danger-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.danger-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.info-normal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.info-normal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.info-normal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.info-normal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.dividers-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.dividers-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.dividers-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.dividers-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.dividers-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.dividers-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.border-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.border-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.border-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.border-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.border-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.border-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.disable-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.disable-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.disable-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.disable-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.disable-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.disable-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.text-body-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.text-body-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.text-body-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.text-body-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.text-body-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.text-body-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.soft-woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.soft-woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.soft-woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.soft-woodsmoke-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.soft-woodsmoke-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.tables-striped-rows-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.tables-striped-rows-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.tables-striped-rows-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.tables-striped-rows-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.tables-striped-rows-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.tables-striped-rows-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.charcoal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.charcoal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.charcoal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.charcoal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.charcoal-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.charcoal-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.gray-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.gray-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.gray-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.gray-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.gray-secondary-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.gray-secondary-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.blue-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.blue-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.blue-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.blue-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.blue-50-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.blue-50-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.blue-50-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.blue-50-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.blue-50-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.blue-50-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.info-normal-1-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.info-normal-1-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.info-normal-1-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.info-normal-1-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.info-normal-1-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.info-normal-1-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-tooltip.yellow-500-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.yellow-500-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line, .cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-tooltip.yellow-500-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-tooltip.yellow-500-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-button.mat-mdc-tooltip.yellow-500-tooltip:not(:disabled)::first-line,
.cdk-overlay-pane.mat-mdc-tooltip-panel .mat-mdc-tooltip.yellow-500-tooltip .mat-mdc-button.mat-mdc-tooltip-surface:not(:disabled)::first-line {
  color: black;
  --mat-button-text-label-text-color: black;
}

.color-compliance {
  color: #F99500;
}

.bg-compliance {
  background: #F99500;
}

.mat-mdc-button.color-compliance:not(:disabled) {
  color: #F99500;
  --mat-button-text-label-text-color: #F99500;
}

.color-sentiment {
  color: #3DB61B;
}

.bg-sentiment {
  background: #3DB61B;
}

.mat-mdc-button.color-sentiment:not(:disabled) {
  color: #3DB61B;
  --mat-button-text-label-text-color: #3DB61B;
}

.color-communication {
  color: #008DD9;
}

.bg-communication {
  background: #008DD9;
}

.mat-mdc-button.color-communication:not(:disabled) {
  color: #008DD9;
  --mat-button-text-label-text-color: #008DD9;
}

.color-politeness {
  color: #FF1794;
}

.bg-politeness {
  background: #FF1794;
}

.mat-mdc-button.color-politeness:not(:disabled) {
  color: #FF1794;
  --mat-button-text-label-text-color: #FF1794;
}

.color-emotional {
  color: #B032BD;
}

.bg-emotional {
  background: #B032BD;
}

.mat-mdc-button.color-emotional:not(:disabled) {
  color: #B032BD;
  --mat-button-text-label-text-color: #B032BD;
}

.color-subbody {
  color: #F6F9FB;
}

.bg-subbody {
  background: #F6F9FB;
}

.mat-mdc-button.color-subbody:not(:disabled) {
  color: #F6F9FB;
  --mat-button-text-label-text-color: #F6F9FB;
}

.color-iiv-primary {
  color: var(--primary-normal-1);
}

.bg-iiv-primary {
  background: var(--primary-normal-1);
}

.mat-mdc-button.color-iiv-primary:not(:disabled) {
  color: var(--primary-normal-1);
  --mat-button-text-label-text-color: var(--primary-normal-1);
}

.color-iiv-primary-linear {
  color: linear-gradient(90deg, var(--primary-normal-2) -3.06%, var(--primary-normal-1) 106.53%);
}

.bg-iiv-primary-linear {
  background: linear-gradient(90deg, var(--primary-normal-2) -3.06%, var(--primary-normal-1) 106.53%);
}

.mat-mdc-button.color-iiv-primary-linear:not(:disabled) {
  color: linear-gradient(90deg, var(--primary-normal-2) -3.06%, var(--primary-normal-1) 106.53%);
  --mat-button-text-label-text-color: linear-gradient(90deg, var(--primary-normal-2) -3.06%, var(--primary-normal-1) 106.53%);
}

.color-background-soft {
  color: rgba(249, 250, 251, 0.5);
}

.bg-background-soft {
  background: rgba(249, 250, 251, 0.5);
}

.mat-mdc-button.color-background-soft:not(:disabled) {
  color: rgba(249, 250, 251, 0.5);
  --mat-button-text-label-text-color: rgba(249, 250, 251, 0.5);
}

.color-soft-light {
  color: #b2bfd1;
}

.bg-soft-light {
  background: #b2bfd1;
}

.mat-mdc-button.color-soft-light:not(:disabled) {
  color: #b2bfd1;
  --mat-button-text-label-text-color: #b2bfd1;
}

.color-alert-light {
  color: #FF7043;
}

.bg-alert-light {
  background: #FF7043;
}

.mat-mdc-button.color-alert-light:not(:disabled) {
  color: #FF7043;
  --mat-button-text-label-text-color: #FF7043;
}

.color-warning-light {
  color: #fbc02d;
}

.bg-warning-light {
  background: #fbc02d;
}

.mat-mdc-button.color-warning-light:not(:disabled) {
  color: #fbc02d;
  --mat-button-text-label-text-color: #fbc02d;
}

.color-overlay-light {
  color: #795548;
}

.bg-overlay-light {
  background: #795548;
}

.mat-mdc-button.color-overlay-light:not(:disabled) {
  color: #795548;
  --mat-button-text-label-text-color: #795548;
}

.color-cancel {
  color: #795548;
}

.bg-cancel {
  background: #795548;
}

.mat-mdc-button.color-cancel:not(:disabled) {
  color: #795548;
  --mat-button-text-label-text-color: #795548;
}

.color-pending {
  color: rgb(255, 112, 67);
}

.bg-pending {
  background: rgb(255, 112, 67);
}

.mat-mdc-button.color-pending:not(:disabled) {
  color: rgb(255, 112, 67);
  --mat-button-text-label-text-color: rgb(255, 112, 67);
}

.color-soft-pending {
  color: #F7E4DF;
}

.bg-soft-pending {
  background: #F7E4DF;
}

.mat-mdc-button.color-soft-pending:not(:disabled) {
  color: #F7E4DF;
  --mat-button-text-label-text-color: #F7E4DF;
}

.color-await {
  color: rgb(251, 192, 45);
}

.bg-await {
  background: rgb(251, 192, 45);
}

.mat-mdc-button.color-await:not(:disabled) {
  color: rgb(251, 192, 45);
  --mat-button-text-label-text-color: rgb(251, 192, 45);
}

.color-expire {
  color: #384041;
}

.bg-expire {
  background: #384041;
}

.mat-mdc-button.color-expire:not(:disabled) {
  color: #384041;
  --mat-button-text-label-text-color: #384041;
}

.color-pending-brown {
  color: rgb(193, 116, 25);
}

.bg-pending-brown {
  background: rgb(193, 116, 25);
}

.mat-mdc-button.color-pending-brown:not(:disabled) {
  color: rgb(193, 116, 25);
  --mat-button-text-label-text-color: rgb(193, 116, 25);
}

.color-background-print {
  color: #f6f9fb;
}

.bg-background-print {
  background: #f6f9fb;
}

.mat-mdc-button.color-background-print:not(:disabled) {
  color: #f6f9fb;
  --mat-button-text-label-text-color: #f6f9fb;
}

.color-black-soft {
  color: #5d5d62;
}

.bg-black-soft {
  background: #5d5d62;
}

.mat-mdc-button.color-black-soft:not(:disabled) {
  color: #5d5d62;
  --mat-button-text-label-text-color: #5d5d62;
}

.color-primary-dark {
  color: var(--primary-normal-2);
}

.bg-primary-dark {
  background: var(--primary-normal-2);
}

.mat-mdc-button.color-primary-dark:not(:disabled) {
  color: var(--primary-normal-2);
  --mat-button-text-label-text-color: var(--primary-normal-2);
}

.color-primary-light {
  color: var(--primary-light);
}

.bg-primary-light {
  background: var(--primary-light);
}

.mat-mdc-button.color-primary-light:not(:disabled) {
  color: var(--primary-light);
  --mat-button-text-label-text-color: var(--primary-light);
}

.color-soft-text-secondary {
  color: #E6E6E6;
}

.bg-soft-text-secondary {
  background: #E6E6E6;
}

.mat-mdc-button.color-soft-text-secondary:not(:disabled) {
  color: #E6E6E6;
  --mat-button-text-label-text-color: #E6E6E6;
}

.color-assign {
  color: #B96F00;
}

.bg-assign {
  background: #B96F00;
}

.mat-mdc-button.color-assign:not(:disabled) {
  color: #B96F00;
  --mat-button-text-label-text-color: #B96F00;
}

.color-hightlight-text {
  color: var(--primary-normal-2);
}

.bg-hightlight-text {
  background: var(--primary-normal-2);
}

.mat-mdc-button.color-hightlight-text:not(:disabled) {
  color: var(--primary-normal-2);
  --mat-button-text-label-text-color: var(--primary-normal-2);
}

.color-navy-gray {
  color: #3A4553;
}

.bg-navy-gray {
  background: #3A4553;
}

.mat-mdc-button.color-navy-gray:not(:disabled) {
  color: #3A4553;
  --mat-button-text-label-text-color: #3A4553;
}

.color-hot-pink {
  color: #FE04FF;
}

.bg-hot-pink {
  background: #FE04FF;
}

.mat-mdc-button.color-hot-pink:not(:disabled) {
  color: #FE04FF;
  --mat-button-text-label-text-color: #FE04FF;
}

.color-hot-bule {
  color: #01ffd7;
}

.bg-hot-bule {
  background: #01ffd7;
}

.mat-mdc-button.color-hot-bule:not(:disabled) {
  color: #01ffd7;
  --mat-button-text-label-text-color: #01ffd7;
}

.color-light-gray {
  color: #DFE2E4;
}

.bg-light-gray {
  background: #DFE2E4;
}

.mat-mdc-button.color-light-gray:not(:disabled) {
  color: #DFE2E4;
  --mat-button-text-label-text-color: #DFE2E4;
}

.color-danger {
  color: #F11E1E;
}

.bg-danger {
  background: #F11E1E;
}

.mat-mdc-button.color-danger:not(:disabled) {
  color: #F11E1E;
  --mat-button-text-label-text-color: #F11E1E;
}

.color-gray {
  color: #e5e7eb;
}

.bg-gray {
  background: #e5e7eb;
}

.mat-mdc-button.color-gray:not(:disabled) {
  color: #e5e7eb;
  --mat-button-text-label-text-color: #e5e7eb;
}

.color-danger_light {
  color: #FCC9C9;
}

.bg-danger_light {
  background: #FCC9C9;
}

.mat-mdc-button.color-danger_light:not(:disabled) {
  color: #FCC9C9;
  --mat-button-text-label-text-color: #FCC9C9;
}

.color-background-2 {
  color: #F9FAFB;
}

.bg-background-2 {
  background: #F9FAFB;
}

.mat-mdc-button.color-background-2:not(:disabled) {
  color: #F9FAFB;
  --mat-button-text-label-text-color: #F9FAFB;
}

.color-info-normal {
  color: #0066CC;
}

.bg-info-normal {
  background: #0066CC;
}

.mat-mdc-button.color-info-normal:not(:disabled) {
  color: #0066CC;
  --mat-button-text-label-text-color: #0066CC;
}

.color-dividers {
  color: #F2F2F2;
}

.bg-dividers {
  background: #F2F2F2;
}

.mat-mdc-button.color-dividers:not(:disabled) {
  color: #F2F2F2;
  --mat-button-text-label-text-color: #F2F2F2;
}

.color-border {
  color: #D8D8D8;
}

.bg-border {
  background: #D8D8D8;
}

.mat-mdc-button.color-border:not(:disabled) {
  color: #D8D8D8;
  --mat-button-text-label-text-color: #D8D8D8;
}

.color-woodsmoke {
  color: #384041;
}

.bg-woodsmoke {
  background: #384041;
}

.mat-mdc-button.color-woodsmoke:not(:disabled) {
  color: #384041;
  --mat-button-text-label-text-color: #384041;
}

.color-disable {
  color: #E9EAEB;
}

.bg-disable {
  background: #E9EAEB;
}

.mat-mdc-button.color-disable:not(:disabled) {
  color: #E9EAEB;
  --mat-button-text-label-text-color: #E9EAEB;
}

.color-text-body {
  color: #6b7280;
}

.bg-text-body {
  background: #6b7280;
}

.mat-mdc-button.color-text-body:not(:disabled) {
  color: #6b7280;
  --mat-button-text-label-text-color: #6b7280;
}

.color-soft-woodsmoke {
  color: #EBECEC;
}

.bg-soft-woodsmoke {
  background: #EBECEC;
}

.mat-mdc-button.color-soft-woodsmoke:not(:disabled) {
  color: #EBECEC;
  --mat-button-text-label-text-color: #EBECEC;
}

.color-tables-striped-rows {
  color: #f9f9ff;
}

.bg-tables-striped-rows {
  background: #f9f9ff;
}

.mat-mdc-button.color-tables-striped-rows:not(:disabled) {
  color: #f9f9ff;
  --mat-button-text-label-text-color: #f9f9ff;
}

.color-charcoal {
  color: #222222;
}

.bg-charcoal {
  background: #222222;
}

.mat-mdc-button.color-charcoal:not(:disabled) {
  color: #222222;
  --mat-button-text-label-text-color: #222222;
}

.color-gray-secondary {
  color: #f2f2f2;
}

.bg-gray-secondary {
  background: #f2f2f2;
}

.mat-mdc-button.color-gray-secondary:not(:disabled) {
  color: #f2f2f2;
  --mat-button-text-label-text-color: #f2f2f2;
}

.color-blue {
  color: var(--blue-800);
}

.bg-blue {
  background: var(--blue-800);
}

.mat-mdc-button.color-blue:not(:disabled) {
  color: var(--blue-800);
  --mat-button-text-label-text-color: var(--blue-800);
}

.color-blue-50 {
  color: var(--blue-50);
}

.bg-blue-50 {
  background: var(--blue-50);
}

.mat-mdc-button.color-blue-50:not(:disabled) {
  color: var(--blue-50);
  --mat-button-text-label-text-color: var(--blue-50);
}

.color-info-normal-1 {
  color: var(--info-normal-1);
}

.bg-info-normal-1 {
  background: var(--info-normal-1);
}

.mat-mdc-button.color-info-normal-1:not(:disabled) {
  color: var(--info-normal-1);
  --mat-button-text-label-text-color: var(--info-normal-1);
}

.color-gray-500 {
  color: var(--gray-500);
}

.bg-gray-500 {
  background: var(--gray-500);
}

.mat-mdc-button.color-gray-500:not(:disabled) {
  color: var(--gray-500);
  --mat-button-text-label-text-color: var(--gray-500);
}

.color-yellow-500 {
  color: var(--yellow-500);
}

.bg-yellow-500 {
  background: var(--yellow-500);
}

.mat-mdc-button.color-yellow-500:not(:disabled) {
  color: var(--yellow-500);
  --mat-button-text-label-text-color: var(--yellow-500);
}

.color-orange-50 {
  color: var(--orange-50);
}

.bg-orange-50 {
  background: var(--orange-50);
}

.mat-mdc-button.color-orange-50:not(:disabled) {
  color: var(--orange-50);
  --mat-button-text-label-text-color: var(--orange-50);
}

.color-orange-800 {
  color: var(--orange-800);
}

.bg-orange-800 {
  background: var(--orange-800);
}

.mat-mdc-button.color-orange-800:not(:disabled) {
  color: var(--orange-800);
  --mat-button-text-label-text-color: var(--orange-800);
}

.bg-primary-09 {
  background: rgba(var(--primary-normal-1), 0.9);
}

.bg-primary-07 {
  background: rgba(var(--primary-normal-1), 0.75);
}

.bg-primary-05 {
  background: rgba(var(--primary-normal-1), 0.5);
}

.bg-primary-02 {
  background: rgba(var(--primary-normal-1), 0.2);
}

.bg-primary-01 {
  background: rgba(var(--primary-normal-1), 0.1);
}

.border-1-primary {
  border: 1px var(--primary-normal-1) solid;
}

.color-primary-0 {
  color: rgba(var(--primary-normal-1), 0);
}

.color-primary-1 {
  color: rgba(var(--primary-normal-1), 0.01);
}

.color-primary-2 {
  color: rgba(var(--primary-normal-1), 0.02);
}

.color-primary-3 {
  color: rgba(var(--primary-normal-1), 0.03);
}

.color-primary-4 {
  color: rgba(var(--primary-normal-1), 0.04);
}

.color-primary-5 {
  color: rgba(var(--primary-normal-1), 0.05);
}

.color-primary-6 {
  color: rgba(var(--primary-normal-1), 0.06);
}

.color-primary-7 {
  color: rgba(var(--primary-normal-1), 0.07);
}

.color-primary-8 {
  color: rgba(var(--primary-normal-1), 0.08);
}

.color-primary-9 {
  color: rgba(var(--primary-normal-1), 0.09);
}

.color-primary-10 {
  color: rgba(var(--primary-normal-1), 0.1);
}

.color-primary-11 {
  color: rgba(var(--primary-normal-1), 0.11);
}

.color-primary-12 {
  color: rgba(var(--primary-normal-1), 0.12);
}

.color-primary-13 {
  color: rgba(var(--primary-normal-1), 0.13);
}

.color-primary-14 {
  color: rgba(var(--primary-normal-1), 0.14);
}

.color-primary-15 {
  color: rgba(var(--primary-normal-1), 0.15);
}

.color-primary-16 {
  color: rgba(var(--primary-normal-1), 0.16);
}

.color-primary-17 {
  color: rgba(var(--primary-normal-1), 0.17);
}

.color-primary-18 {
  color: rgba(var(--primary-normal-1), 0.18);
}

.color-primary-19 {
  color: rgba(var(--primary-normal-1), 0.19);
}

.color-primary-20 {
  color: rgba(var(--primary-normal-1), 0.2);
}

.bg-secondary-09 {
  background: rgba(var(--secondary-normal), 0.9);
}

.bg-secondary-07 {
  background: rgba(var(--secondary-normal), 0.75);
}

.bg-secondary-05 {
  background: rgba(var(--secondary-normal), 0.5);
}

.bg-secondary-02 {
  background: rgba(var(--secondary-normal), 0.2);
}

.bg-secondary-01 {
  background: rgba(var(--secondary-normal), 0.1);
}

.border-1-secondary {
  border: 1px var(--secondary-normal) solid;
}

.color-secondary-0 {
  color: rgba(var(--secondary-normal), 0);
}

.color-secondary-1 {
  color: rgba(var(--secondary-normal), 0.01);
}

.color-secondary-2 {
  color: rgba(var(--secondary-normal), 0.02);
}

.color-secondary-3 {
  color: rgba(var(--secondary-normal), 0.03);
}

.color-secondary-4 {
  color: rgba(var(--secondary-normal), 0.04);
}

.color-secondary-5 {
  color: rgba(var(--secondary-normal), 0.05);
}

.color-secondary-6 {
  color: rgba(var(--secondary-normal), 0.06);
}

.color-secondary-7 {
  color: rgba(var(--secondary-normal), 0.07);
}

.color-secondary-8 {
  color: rgba(var(--secondary-normal), 0.08);
}

.color-secondary-9 {
  color: rgba(var(--secondary-normal), 0.09);
}

.color-secondary-10 {
  color: rgba(var(--secondary-normal), 0.1);
}

.color-secondary-11 {
  color: rgba(var(--secondary-normal), 0.11);
}

.color-secondary-12 {
  color: rgba(var(--secondary-normal), 0.12);
}

.color-secondary-13 {
  color: rgba(var(--secondary-normal), 0.13);
}

.color-secondary-14 {
  color: rgba(var(--secondary-normal), 0.14);
}

.color-secondary-15 {
  color: rgba(var(--secondary-normal), 0.15);
}

.color-secondary-16 {
  color: rgba(var(--secondary-normal), 0.16);
}

.color-secondary-17 {
  color: rgba(var(--secondary-normal), 0.17);
}

.color-secondary-18 {
  color: rgba(var(--secondary-normal), 0.18);
}

.color-secondary-19 {
  color: rgba(var(--secondary-normal), 0.19);
}

.color-secondary-20 {
  color: rgba(var(--secondary-normal), 0.2);
}

.bg-secondary-light-09 {
  background: rgba(var(--secondary-light), 0.9);
}

.bg-secondary-light-07 {
  background: rgba(var(--secondary-light), 0.75);
}

.bg-secondary-light-05 {
  background: rgba(var(--secondary-light), 0.5);
}

.bg-secondary-light-02 {
  background: rgba(var(--secondary-light), 0.2);
}

.bg-secondary-light-01 {
  background: rgba(var(--secondary-light), 0.1);
}

.border-1-secondary-light {
  border: 1px var(--secondary-light) solid;
}

.color-secondary-light-0 {
  color: rgba(var(--secondary-light), 0);
}

.color-secondary-light-1 {
  color: rgba(var(--secondary-light), 0.01);
}

.color-secondary-light-2 {
  color: rgba(var(--secondary-light), 0.02);
}

.color-secondary-light-3 {
  color: rgba(var(--secondary-light), 0.03);
}

.color-secondary-light-4 {
  color: rgba(var(--secondary-light), 0.04);
}

.color-secondary-light-5 {
  color: rgba(var(--secondary-light), 0.05);
}

.color-secondary-light-6 {
  color: rgba(var(--secondary-light), 0.06);
}

.color-secondary-light-7 {
  color: rgba(var(--secondary-light), 0.07);
}

.color-secondary-light-8 {
  color: rgba(var(--secondary-light), 0.08);
}

.color-secondary-light-9 {
  color: rgba(var(--secondary-light), 0.09);
}

.color-secondary-light-10 {
  color: rgba(var(--secondary-light), 0.1);
}

.color-secondary-light-11 {
  color: rgba(var(--secondary-light), 0.11);
}

.color-secondary-light-12 {
  color: rgba(var(--secondary-light), 0.12);
}

.color-secondary-light-13 {
  color: rgba(var(--secondary-light), 0.13);
}

.color-secondary-light-14 {
  color: rgba(var(--secondary-light), 0.14);
}

.color-secondary-light-15 {
  color: rgba(var(--secondary-light), 0.15);
}

.color-secondary-light-16 {
  color: rgba(var(--secondary-light), 0.16);
}

.color-secondary-light-17 {
  color: rgba(var(--secondary-light), 0.17);
}

.color-secondary-light-18 {
  color: rgba(var(--secondary-light), 0.18);
}

.color-secondary-light-19 {
  color: rgba(var(--secondary-light), 0.19);
}

.color-secondary-light-20 {
  color: rgba(var(--secondary-light), 0.2);
}

.bg-soft-text-09 {
  background: rgba(150, 158, 169, 0.9);
}

.bg-soft-text-07 {
  background: rgba(150, 158, 169, 0.75);
}

.bg-soft-text-05 {
  background: rgba(150, 158, 169, 0.5);
}

.bg-soft-text-02 {
  background: rgba(150, 158, 169, 0.2);
}

.bg-soft-text-01 {
  background: rgba(150, 158, 169, 0.1);
}

.border-1-soft-text {
  border: 1px rgb(150, 158, 169) solid;
}

.color-soft-text-0 {
  color: rgba(150, 158, 169, 0);
}

.color-soft-text-1 {
  color: rgba(150, 158, 169, 0.01);
}

.color-soft-text-2 {
  color: rgba(150, 158, 169, 0.02);
}

.color-soft-text-3 {
  color: rgba(150, 158, 169, 0.03);
}

.color-soft-text-4 {
  color: rgba(150, 158, 169, 0.04);
}

.color-soft-text-5 {
  color: rgba(150, 158, 169, 0.05);
}

.color-soft-text-6 {
  color: rgba(150, 158, 169, 0.06);
}

.color-soft-text-7 {
  color: rgba(150, 158, 169, 0.07);
}

.color-soft-text-8 {
  color: rgba(150, 158, 169, 0.08);
}

.color-soft-text-9 {
  color: rgba(150, 158, 169, 0.09);
}

.color-soft-text-10 {
  color: rgba(150, 158, 169, 0.1);
}

.color-soft-text-11 {
  color: rgba(150, 158, 169, 0.11);
}

.color-soft-text-12 {
  color: rgba(150, 158, 169, 0.12);
}

.color-soft-text-13 {
  color: rgba(150, 158, 169, 0.13);
}

.color-soft-text-14 {
  color: rgba(150, 158, 169, 0.14);
}

.color-soft-text-15 {
  color: rgba(150, 158, 169, 0.15);
}

.color-soft-text-16 {
  color: rgba(150, 158, 169, 0.16);
}

.color-soft-text-17 {
  color: rgba(150, 158, 169, 0.17);
}

.color-soft-text-18 {
  color: rgba(150, 158, 169, 0.18);
}

.color-soft-text-19 {
  color: rgba(150, 158, 169, 0.19);
}

.color-soft-text-20 {
  color: rgba(150, 158, 169, 0.2);
}

.bg-body-text-09 {
  background: rgba(0, 0, 0, 0.9);
}

.bg-body-text-07 {
  background: rgba(0, 0, 0, 0.75);
}

.bg-body-text-05 {
  background: rgba(0, 0, 0, 0.5);
}

.bg-body-text-02 {
  background: rgba(0, 0, 0, 0.2);
}

.bg-body-text-01 {
  background: rgba(0, 0, 0, 0.1);
}

.border-1-body-text {
  border: 1px rgb(0, 0, 0) solid;
}

.color-body-text-0 {
  color: rgba(0, 0, 0, 0);
}

.color-body-text-1 {
  color: rgba(0, 0, 0, 0.01);
}

.color-body-text-2 {
  color: rgba(0, 0, 0, 0.02);
}

.color-body-text-3 {
  color: rgba(0, 0, 0, 0.03);
}

.color-body-text-4 {
  color: rgba(0, 0, 0, 0.04);
}

.color-body-text-5 {
  color: rgba(0, 0, 0, 0.05);
}

.color-body-text-6 {
  color: rgba(0, 0, 0, 0.06);
}

.color-body-text-7 {
  color: rgba(0, 0, 0, 0.07);
}

.color-body-text-8 {
  color: rgba(0, 0, 0, 0.08);
}

.color-body-text-9 {
  color: rgba(0, 0, 0, 0.09);
}

.color-body-text-10 {
  color: rgba(0, 0, 0, 0.1);
}

.color-body-text-11 {
  color: rgba(0, 0, 0, 0.11);
}

.color-body-text-12 {
  color: rgba(0, 0, 0, 0.12);
}

.color-body-text-13 {
  color: rgba(0, 0, 0, 0.13);
}

.color-body-text-14 {
  color: rgba(0, 0, 0, 0.14);
}

.color-body-text-15 {
  color: rgba(0, 0, 0, 0.15);
}

.color-body-text-16 {
  color: rgba(0, 0, 0, 0.16);
}

.color-body-text-17 {
  color: rgba(0, 0, 0, 0.17);
}

.color-body-text-18 {
  color: rgba(0, 0, 0, 0.18);
}

.color-body-text-19 {
  color: rgba(0, 0, 0, 0.19);
}

.color-body-text-20 {
  color: rgba(0, 0, 0, 0.2);
}

.bg-background-09 {
  background: rgba(249, 250, 251, 0.9);
}

.bg-background-07 {
  background: rgba(249, 250, 251, 0.75);
}

.bg-background-05 {
  background: rgba(249, 250, 251, 0.5);
}

.bg-background-02 {
  background: rgba(249, 250, 251, 0.2);
}

.bg-background-01 {
  background: rgba(249, 250, 251, 0.1);
}

.border-1-background {
  border: 1px rgb(249, 250, 251) solid;
}

.color-background-0 {
  color: rgba(249, 250, 251, 0);
}

.color-background-1 {
  color: rgba(249, 250, 251, 0.01);
}

.color-background-2 {
  color: rgba(249, 250, 251, 0.02);
}

.color-background-3 {
  color: rgba(249, 250, 251, 0.03);
}

.color-background-4 {
  color: rgba(249, 250, 251, 0.04);
}

.color-background-5 {
  color: rgba(249, 250, 251, 0.05);
}

.color-background-6 {
  color: rgba(249, 250, 251, 0.06);
}

.color-background-7 {
  color: rgba(249, 250, 251, 0.07);
}

.color-background-8 {
  color: rgba(249, 250, 251, 0.08);
}

.color-background-9 {
  color: rgba(249, 250, 251, 0.09);
}

.color-background-10 {
  color: rgba(249, 250, 251, 0.1);
}

.color-background-11 {
  color: rgba(249, 250, 251, 0.11);
}

.color-background-12 {
  color: rgba(249, 250, 251, 0.12);
}

.color-background-13 {
  color: rgba(249, 250, 251, 0.13);
}

.color-background-14 {
  color: rgba(249, 250, 251, 0.14);
}

.color-background-15 {
  color: rgba(249, 250, 251, 0.15);
}

.color-background-16 {
  color: rgba(249, 250, 251, 0.16);
}

.color-background-17 {
  color: rgba(249, 250, 251, 0.17);
}

.color-background-18 {
  color: rgba(249, 250, 251, 0.18);
}

.color-background-19 {
  color: rgba(249, 250, 251, 0.19);
}

.color-background-20 {
  color: rgba(249, 250, 251, 0.2);
}

.bg-success-09 {
  background: rgba(0, 176, 107, 0.9);
}

.bg-success-07 {
  background: rgba(0, 176, 107, 0.75);
}

.bg-success-05 {
  background: rgba(0, 176, 107, 0.5);
}

.bg-success-02 {
  background: rgba(0, 176, 107, 0.2);
}

.bg-success-01 {
  background: rgba(0, 176, 107, 0.1);
}

.border-1-success {
  border: 1px rgb(0, 176, 107) solid;
}

.color-success-0 {
  color: rgba(0, 176, 107, 0);
}

.color-success-1 {
  color: rgba(0, 176, 107, 0.01);
}

.color-success-2 {
  color: rgba(0, 176, 107, 0.02);
}

.color-success-3 {
  color: rgba(0, 176, 107, 0.03);
}

.color-success-4 {
  color: rgba(0, 176, 107, 0.04);
}

.color-success-5 {
  color: rgba(0, 176, 107, 0.05);
}

.color-success-6 {
  color: rgba(0, 176, 107, 0.06);
}

.color-success-7 {
  color: rgba(0, 176, 107, 0.07);
}

.color-success-8 {
  color: rgba(0, 176, 107, 0.08);
}

.color-success-9 {
  color: rgba(0, 176, 107, 0.09);
}

.color-success-10 {
  color: rgba(0, 176, 107, 0.1);
}

.color-success-11 {
  color: rgba(0, 176, 107, 0.11);
}

.color-success-12 {
  color: rgba(0, 176, 107, 0.12);
}

.color-success-13 {
  color: rgba(0, 176, 107, 0.13);
}

.color-success-14 {
  color: rgba(0, 176, 107, 0.14);
}

.color-success-15 {
  color: rgba(0, 176, 107, 0.15);
}

.color-success-16 {
  color: rgba(0, 176, 107, 0.16);
}

.color-success-17 {
  color: rgba(0, 176, 107, 0.17);
}

.color-success-18 {
  color: rgba(0, 176, 107, 0.18);
}

.color-success-19 {
  color: rgba(0, 176, 107, 0.19);
}

.color-success-20 {
  color: rgba(0, 176, 107, 0.2);
}

.bg-soft-success-09 {
  background: rgba(217, 247, 229, 0.9);
}

.bg-soft-success-07 {
  background: rgba(217, 247, 229, 0.75);
}

.bg-soft-success-05 {
  background: rgba(217, 247, 229, 0.5);
}

.bg-soft-success-02 {
  background: rgba(217, 247, 229, 0.2);
}

.bg-soft-success-01 {
  background: rgba(217, 247, 229, 0.1);
}

.border-1-soft-success {
  border: 1px rgb(217, 247, 229) solid;
}

.color-soft-success-0 {
  color: rgba(217, 247, 229, 0);
}

.color-soft-success-1 {
  color: rgba(217, 247, 229, 0.01);
}

.color-soft-success-2 {
  color: rgba(217, 247, 229, 0.02);
}

.color-soft-success-3 {
  color: rgba(217, 247, 229, 0.03);
}

.color-soft-success-4 {
  color: rgba(217, 247, 229, 0.04);
}

.color-soft-success-5 {
  color: rgba(217, 247, 229, 0.05);
}

.color-soft-success-6 {
  color: rgba(217, 247, 229, 0.06);
}

.color-soft-success-7 {
  color: rgba(217, 247, 229, 0.07);
}

.color-soft-success-8 {
  color: rgba(217, 247, 229, 0.08);
}

.color-soft-success-9 {
  color: rgba(217, 247, 229, 0.09);
}

.color-soft-success-10 {
  color: rgba(217, 247, 229, 0.1);
}

.color-soft-success-11 {
  color: rgba(217, 247, 229, 0.11);
}

.color-soft-success-12 {
  color: rgba(217, 247, 229, 0.12);
}

.color-soft-success-13 {
  color: rgba(217, 247, 229, 0.13);
}

.color-soft-success-14 {
  color: rgba(217, 247, 229, 0.14);
}

.color-soft-success-15 {
  color: rgba(217, 247, 229, 0.15);
}

.color-soft-success-16 {
  color: rgba(217, 247, 229, 0.16);
}

.color-soft-success-17 {
  color: rgba(217, 247, 229, 0.17);
}

.color-soft-success-18 {
  color: rgba(217, 247, 229, 0.18);
}

.color-soft-success-19 {
  color: rgba(217, 247, 229, 0.19);
}

.color-soft-success-20 {
  color: rgba(217, 247, 229, 0.2);
}

.bg-alert-09 {
  background: rgba(255, 23, 68, 0.9);
}

.bg-alert-07 {
  background: rgba(255, 23, 68, 0.75);
}

.bg-alert-05 {
  background: rgba(255, 23, 68, 0.5);
}

.bg-alert-02 {
  background: rgba(255, 23, 68, 0.2);
}

.bg-alert-01 {
  background: rgba(255, 23, 68, 0.1);
}

.border-1-alert {
  border: 1px rgb(255, 23, 68) solid;
}

.color-alert-0 {
  color: rgba(255, 23, 68, 0);
}

.color-alert-1 {
  color: rgba(255, 23, 68, 0.01);
}

.color-alert-2 {
  color: rgba(255, 23, 68, 0.02);
}

.color-alert-3 {
  color: rgba(255, 23, 68, 0.03);
}

.color-alert-4 {
  color: rgba(255, 23, 68, 0.04);
}

.color-alert-5 {
  color: rgba(255, 23, 68, 0.05);
}

.color-alert-6 {
  color: rgba(255, 23, 68, 0.06);
}

.color-alert-7 {
  color: rgba(255, 23, 68, 0.07);
}

.color-alert-8 {
  color: rgba(255, 23, 68, 0.08);
}

.color-alert-9 {
  color: rgba(255, 23, 68, 0.09);
}

.color-alert-10 {
  color: rgba(255, 23, 68, 0.1);
}

.color-alert-11 {
  color: rgba(255, 23, 68, 0.11);
}

.color-alert-12 {
  color: rgba(255, 23, 68, 0.12);
}

.color-alert-13 {
  color: rgba(255, 23, 68, 0.13);
}

.color-alert-14 {
  color: rgba(255, 23, 68, 0.14);
}

.color-alert-15 {
  color: rgba(255, 23, 68, 0.15);
}

.color-alert-16 {
  color: rgba(255, 23, 68, 0.16);
}

.color-alert-17 {
  color: rgba(255, 23, 68, 0.17);
}

.color-alert-18 {
  color: rgba(255, 23, 68, 0.18);
}

.color-alert-19 {
  color: rgba(255, 23, 68, 0.19);
}

.color-alert-20 {
  color: rgba(255, 23, 68, 0.2);
}

.bg-soft-alert-09 {
  background: rgba(255, 220, 227, 0.9);
}

.bg-soft-alert-07 {
  background: rgba(255, 220, 227, 0.75);
}

.bg-soft-alert-05 {
  background: rgba(255, 220, 227, 0.5);
}

.bg-soft-alert-02 {
  background: rgba(255, 220, 227, 0.2);
}

.bg-soft-alert-01 {
  background: rgba(255, 220, 227, 0.1);
}

.border-1-soft-alert {
  border: 1px rgb(255, 220, 227) solid;
}

.color-soft-alert-0 {
  color: rgba(255, 220, 227, 0);
}

.color-soft-alert-1 {
  color: rgba(255, 220, 227, 0.01);
}

.color-soft-alert-2 {
  color: rgba(255, 220, 227, 0.02);
}

.color-soft-alert-3 {
  color: rgba(255, 220, 227, 0.03);
}

.color-soft-alert-4 {
  color: rgba(255, 220, 227, 0.04);
}

.color-soft-alert-5 {
  color: rgba(255, 220, 227, 0.05);
}

.color-soft-alert-6 {
  color: rgba(255, 220, 227, 0.06);
}

.color-soft-alert-7 {
  color: rgba(255, 220, 227, 0.07);
}

.color-soft-alert-8 {
  color: rgba(255, 220, 227, 0.08);
}

.color-soft-alert-9 {
  color: rgba(255, 220, 227, 0.09);
}

.color-soft-alert-10 {
  color: rgba(255, 220, 227, 0.1);
}

.color-soft-alert-11 {
  color: rgba(255, 220, 227, 0.11);
}

.color-soft-alert-12 {
  color: rgba(255, 220, 227, 0.12);
}

.color-soft-alert-13 {
  color: rgba(255, 220, 227, 0.13);
}

.color-soft-alert-14 {
  color: rgba(255, 220, 227, 0.14);
}

.color-soft-alert-15 {
  color: rgba(255, 220, 227, 0.15);
}

.color-soft-alert-16 {
  color: rgba(255, 220, 227, 0.16);
}

.color-soft-alert-17 {
  color: rgba(255, 220, 227, 0.17);
}

.color-soft-alert-18 {
  color: rgba(255, 220, 227, 0.18);
}

.color-soft-alert-19 {
  color: rgba(255, 220, 227, 0.19);
}

.color-soft-alert-20 {
  color: rgba(255, 220, 227, 0.2);
}

.bg-warning-09 {
  background: rgba(255, 145, 0, 0.9);
}

.bg-warning-07 {
  background: rgba(255, 145, 0, 0.75);
}

.bg-warning-05 {
  background: rgba(255, 145, 0, 0.5);
}

.bg-warning-02 {
  background: rgba(255, 145, 0, 0.2);
}

.bg-warning-01 {
  background: rgba(255, 145, 0, 0.1);
}

.border-1-warning {
  border: 1px rgb(255, 145, 0) solid;
}

.color-warning-0 {
  color: rgba(255, 145, 0, 0);
}

.color-warning-1 {
  color: rgba(255, 145, 0, 0.01);
}

.color-warning-2 {
  color: rgba(255, 145, 0, 0.02);
}

.color-warning-3 {
  color: rgba(255, 145, 0, 0.03);
}

.color-warning-4 {
  color: rgba(255, 145, 0, 0.04);
}

.color-warning-5 {
  color: rgba(255, 145, 0, 0.05);
}

.color-warning-6 {
  color: rgba(255, 145, 0, 0.06);
}

.color-warning-7 {
  color: rgba(255, 145, 0, 0.07);
}

.color-warning-8 {
  color: rgba(255, 145, 0, 0.08);
}

.color-warning-9 {
  color: rgba(255, 145, 0, 0.09);
}

.color-warning-10 {
  color: rgba(255, 145, 0, 0.1);
}

.color-warning-11 {
  color: rgba(255, 145, 0, 0.11);
}

.color-warning-12 {
  color: rgba(255, 145, 0, 0.12);
}

.color-warning-13 {
  color: rgba(255, 145, 0, 0.13);
}

.color-warning-14 {
  color: rgba(255, 145, 0, 0.14);
}

.color-warning-15 {
  color: rgba(255, 145, 0, 0.15);
}

.color-warning-16 {
  color: rgba(255, 145, 0, 0.16);
}

.color-warning-17 {
  color: rgba(255, 145, 0, 0.17);
}

.color-warning-18 {
  color: rgba(255, 145, 0, 0.18);
}

.color-warning-19 {
  color: rgba(255, 145, 0, 0.19);
}

.color-warning-20 {
  color: rgba(255, 145, 0, 0.2);
}

.bg-overlay-09 {
  background: rgba(0, 8, 18, 0.9);
}

.bg-overlay-07 {
  background: rgba(0, 8, 18, 0.75);
}

.bg-overlay-05 {
  background: rgba(0, 8, 18, 0.5);
}

.bg-overlay-02 {
  background: rgba(0, 8, 18, 0.2);
}

.bg-overlay-01 {
  background: rgba(0, 8, 18, 0.1);
}

.border-1-overlay {
  border: 1px rgb(0, 8, 18) solid;
}

.color-overlay-0 {
  color: rgba(0, 8, 18, 0);
}

.color-overlay-1 {
  color: rgba(0, 8, 18, 0.01);
}

.color-overlay-2 {
  color: rgba(0, 8, 18, 0.02);
}

.color-overlay-3 {
  color: rgba(0, 8, 18, 0.03);
}

.color-overlay-4 {
  color: rgba(0, 8, 18, 0.04);
}

.color-overlay-5 {
  color: rgba(0, 8, 18, 0.05);
}

.color-overlay-6 {
  color: rgba(0, 8, 18, 0.06);
}

.color-overlay-7 {
  color: rgba(0, 8, 18, 0.07);
}

.color-overlay-8 {
  color: rgba(0, 8, 18, 0.08);
}

.color-overlay-9 {
  color: rgba(0, 8, 18, 0.09);
}

.color-overlay-10 {
  color: rgba(0, 8, 18, 0.1);
}

.color-overlay-11 {
  color: rgba(0, 8, 18, 0.11);
}

.color-overlay-12 {
  color: rgba(0, 8, 18, 0.12);
}

.color-overlay-13 {
  color: rgba(0, 8, 18, 0.13);
}

.color-overlay-14 {
  color: rgba(0, 8, 18, 0.14);
}

.color-overlay-15 {
  color: rgba(0, 8, 18, 0.15);
}

.color-overlay-16 {
  color: rgba(0, 8, 18, 0.16);
}

.color-overlay-17 {
  color: rgba(0, 8, 18, 0.17);
}

.color-overlay-18 {
  color: rgba(0, 8, 18, 0.18);
}

.color-overlay-19 {
  color: rgba(0, 8, 18, 0.19);
}

.color-overlay-20 {
  color: rgba(0, 8, 18, 0.2);
}

.bg-white-09 {
  background: rgba(255, 255, 255, 0.9);
}

.bg-white-07 {
  background: rgba(255, 255, 255, 0.75);
}

.bg-white-05 {
  background: rgba(255, 255, 255, 0.5);
}

.bg-white-02 {
  background: rgba(255, 255, 255, 0.2);
}

.bg-white-01 {
  background: rgba(255, 255, 255, 0.1);
}

.border-1-white {
  border: 1px rgb(255, 255, 255) solid;
}

.color-white-0 {
  color: rgba(255, 255, 255, 0);
}

.color-white-1 {
  color: rgba(255, 255, 255, 0.01);
}

.color-white-2 {
  color: rgba(255, 255, 255, 0.02);
}

.color-white-3 {
  color: rgba(255, 255, 255, 0.03);
}

.color-white-4 {
  color: rgba(255, 255, 255, 0.04);
}

.color-white-5 {
  color: rgba(255, 255, 255, 0.05);
}

.color-white-6 {
  color: rgba(255, 255, 255, 0.06);
}

.color-white-7 {
  color: rgba(255, 255, 255, 0.07);
}

.color-white-8 {
  color: rgba(255, 255, 255, 0.08);
}

.color-white-9 {
  color: rgba(255, 255, 255, 0.09);
}

.color-white-10 {
  color: rgba(255, 255, 255, 0.1);
}

.color-white-11 {
  color: rgba(255, 255, 255, 0.11);
}

.color-white-12 {
  color: rgba(255, 255, 255, 0.12);
}

.color-white-13 {
  color: rgba(255, 255, 255, 0.13);
}

.color-white-14 {
  color: rgba(255, 255, 255, 0.14);
}

.color-white-15 {
  color: rgba(255, 255, 255, 0.15);
}

.color-white-16 {
  color: rgba(255, 255, 255, 0.16);
}

.color-white-17 {
  color: rgba(255, 255, 255, 0.17);
}

.color-white-18 {
  color: rgba(255, 255, 255, 0.18);
}

.color-white-19 {
  color: rgba(255, 255, 255, 0.19);
}

.color-white-20 {
  color: rgba(255, 255, 255, 0.2);
}

.bg-black-09 {
  background: rgba(0, 0, 0, 0.9);
}

.bg-black-07 {
  background: rgba(0, 0, 0, 0.75);
}

.bg-black-05 {
  background: rgba(0, 0, 0, 0.5);
}

.bg-black-02 {
  background: rgba(0, 0, 0, 0.2);
}

.bg-black-01 {
  background: rgba(0, 0, 0, 0.1);
}

.border-1-black {
  border: 1px rgb(0, 0, 0) solid;
}

.color-black-0 {
  color: rgba(0, 0, 0, 0);
}

.color-black-1 {
  color: rgba(0, 0, 0, 0.01);
}

.color-black-2 {
  color: rgba(0, 0, 0, 0.02);
}

.color-black-3 {
  color: rgba(0, 0, 0, 0.03);
}

.color-black-4 {
  color: rgba(0, 0, 0, 0.04);
}

.color-black-5 {
  color: rgba(0, 0, 0, 0.05);
}

.color-black-6 {
  color: rgba(0, 0, 0, 0.06);
}

.color-black-7 {
  color: rgba(0, 0, 0, 0.07);
}

.color-black-8 {
  color: rgba(0, 0, 0, 0.08);
}

.color-black-9 {
  color: rgba(0, 0, 0, 0.09);
}

.color-black-10 {
  color: rgba(0, 0, 0, 0.1);
}

.color-black-11 {
  color: rgba(0, 0, 0, 0.11);
}

.color-black-12 {
  color: rgba(0, 0, 0, 0.12);
}

.color-black-13 {
  color: rgba(0, 0, 0, 0.13);
}

.color-black-14 {
  color: rgba(0, 0, 0, 0.14);
}

.color-black-15 {
  color: rgba(0, 0, 0, 0.15);
}

.color-black-16 {
  color: rgba(0, 0, 0, 0.16);
}

.color-black-17 {
  color: rgba(0, 0, 0, 0.17);
}

.color-black-18 {
  color: rgba(0, 0, 0, 0.18);
}

.color-black-19 {
  color: rgba(0, 0, 0, 0.19);
}

.color-black-20 {
  color: rgba(0, 0, 0, 0.2);
}

.bg-compliance-09 {
  background: rgba(249, 149, 0, 0.9);
}

.bg-compliance-07 {
  background: rgba(249, 149, 0, 0.75);
}

.bg-compliance-05 {
  background: rgba(249, 149, 0, 0.5);
}

.bg-compliance-02 {
  background: rgba(249, 149, 0, 0.2);
}

.bg-compliance-01 {
  background: rgba(249, 149, 0, 0.1);
}

.border-1-compliance {
  border: 1px rgb(249, 149, 0) solid;
}

.color-compliance-0 {
  color: rgba(249, 149, 0, 0);
}

.color-compliance-1 {
  color: rgba(249, 149, 0, 0.01);
}

.color-compliance-2 {
  color: rgba(249, 149, 0, 0.02);
}

.color-compliance-3 {
  color: rgba(249, 149, 0, 0.03);
}

.color-compliance-4 {
  color: rgba(249, 149, 0, 0.04);
}

.color-compliance-5 {
  color: rgba(249, 149, 0, 0.05);
}

.color-compliance-6 {
  color: rgba(249, 149, 0, 0.06);
}

.color-compliance-7 {
  color: rgba(249, 149, 0, 0.07);
}

.color-compliance-8 {
  color: rgba(249, 149, 0, 0.08);
}

.color-compliance-9 {
  color: rgba(249, 149, 0, 0.09);
}

.color-compliance-10 {
  color: rgba(249, 149, 0, 0.1);
}

.color-compliance-11 {
  color: rgba(249, 149, 0, 0.11);
}

.color-compliance-12 {
  color: rgba(249, 149, 0, 0.12);
}

.color-compliance-13 {
  color: rgba(249, 149, 0, 0.13);
}

.color-compliance-14 {
  color: rgba(249, 149, 0, 0.14);
}

.color-compliance-15 {
  color: rgba(249, 149, 0, 0.15);
}

.color-compliance-16 {
  color: rgba(249, 149, 0, 0.16);
}

.color-compliance-17 {
  color: rgba(249, 149, 0, 0.17);
}

.color-compliance-18 {
  color: rgba(249, 149, 0, 0.18);
}

.color-compliance-19 {
  color: rgba(249, 149, 0, 0.19);
}

.color-compliance-20 {
  color: rgba(249, 149, 0, 0.2);
}

.bg-sentiment-09 {
  background: rgba(61, 182, 27, 0.9);
}

.bg-sentiment-07 {
  background: rgba(61, 182, 27, 0.75);
}

.bg-sentiment-05 {
  background: rgba(61, 182, 27, 0.5);
}

.bg-sentiment-02 {
  background: rgba(61, 182, 27, 0.2);
}

.bg-sentiment-01 {
  background: rgba(61, 182, 27, 0.1);
}

.border-1-sentiment {
  border: 1px rgb(61, 182, 27) solid;
}

.color-sentiment-0 {
  color: rgba(61, 182, 27, 0);
}

.color-sentiment-1 {
  color: rgba(61, 182, 27, 0.01);
}

.color-sentiment-2 {
  color: rgba(61, 182, 27, 0.02);
}

.color-sentiment-3 {
  color: rgba(61, 182, 27, 0.03);
}

.color-sentiment-4 {
  color: rgba(61, 182, 27, 0.04);
}

.color-sentiment-5 {
  color: rgba(61, 182, 27, 0.05);
}

.color-sentiment-6 {
  color: rgba(61, 182, 27, 0.06);
}

.color-sentiment-7 {
  color: rgba(61, 182, 27, 0.07);
}

.color-sentiment-8 {
  color: rgba(61, 182, 27, 0.08);
}

.color-sentiment-9 {
  color: rgba(61, 182, 27, 0.09);
}

.color-sentiment-10 {
  color: rgba(61, 182, 27, 0.1);
}

.color-sentiment-11 {
  color: rgba(61, 182, 27, 0.11);
}

.color-sentiment-12 {
  color: rgba(61, 182, 27, 0.12);
}

.color-sentiment-13 {
  color: rgba(61, 182, 27, 0.13);
}

.color-sentiment-14 {
  color: rgba(61, 182, 27, 0.14);
}

.color-sentiment-15 {
  color: rgba(61, 182, 27, 0.15);
}

.color-sentiment-16 {
  color: rgba(61, 182, 27, 0.16);
}

.color-sentiment-17 {
  color: rgba(61, 182, 27, 0.17);
}

.color-sentiment-18 {
  color: rgba(61, 182, 27, 0.18);
}

.color-sentiment-19 {
  color: rgba(61, 182, 27, 0.19);
}

.color-sentiment-20 {
  color: rgba(61, 182, 27, 0.2);
}

.bg-communication-09 {
  background: rgba(0, 141, 217, 0.9);
}

.bg-communication-07 {
  background: rgba(0, 141, 217, 0.75);
}

.bg-communication-05 {
  background: rgba(0, 141, 217, 0.5);
}

.bg-communication-02 {
  background: rgba(0, 141, 217, 0.2);
}

.bg-communication-01 {
  background: rgba(0, 141, 217, 0.1);
}

.border-1-communication {
  border: 1px rgb(0, 141, 217) solid;
}

.color-communication-0 {
  color: rgba(0, 141, 217, 0);
}

.color-communication-1 {
  color: rgba(0, 141, 217, 0.01);
}

.color-communication-2 {
  color: rgba(0, 141, 217, 0.02);
}

.color-communication-3 {
  color: rgba(0, 141, 217, 0.03);
}

.color-communication-4 {
  color: rgba(0, 141, 217, 0.04);
}

.color-communication-5 {
  color: rgba(0, 141, 217, 0.05);
}

.color-communication-6 {
  color: rgba(0, 141, 217, 0.06);
}

.color-communication-7 {
  color: rgba(0, 141, 217, 0.07);
}

.color-communication-8 {
  color: rgba(0, 141, 217, 0.08);
}

.color-communication-9 {
  color: rgba(0, 141, 217, 0.09);
}

.color-communication-10 {
  color: rgba(0, 141, 217, 0.1);
}

.color-communication-11 {
  color: rgba(0, 141, 217, 0.11);
}

.color-communication-12 {
  color: rgba(0, 141, 217, 0.12);
}

.color-communication-13 {
  color: rgba(0, 141, 217, 0.13);
}

.color-communication-14 {
  color: rgba(0, 141, 217, 0.14);
}

.color-communication-15 {
  color: rgba(0, 141, 217, 0.15);
}

.color-communication-16 {
  color: rgba(0, 141, 217, 0.16);
}

.color-communication-17 {
  color: rgba(0, 141, 217, 0.17);
}

.color-communication-18 {
  color: rgba(0, 141, 217, 0.18);
}

.color-communication-19 {
  color: rgba(0, 141, 217, 0.19);
}

.color-communication-20 {
  color: rgba(0, 141, 217, 0.2);
}

.bg-politeness-09 {
  background: rgba(255, 23, 148, 0.9);
}

.bg-politeness-07 {
  background: rgba(255, 23, 148, 0.75);
}

.bg-politeness-05 {
  background: rgba(255, 23, 148, 0.5);
}

.bg-politeness-02 {
  background: rgba(255, 23, 148, 0.2);
}

.bg-politeness-01 {
  background: rgba(255, 23, 148, 0.1);
}

.border-1-politeness {
  border: 1px rgb(255, 23, 148) solid;
}

.color-politeness-0 {
  color: rgba(255, 23, 148, 0);
}

.color-politeness-1 {
  color: rgba(255, 23, 148, 0.01);
}

.color-politeness-2 {
  color: rgba(255, 23, 148, 0.02);
}

.color-politeness-3 {
  color: rgba(255, 23, 148, 0.03);
}

.color-politeness-4 {
  color: rgba(255, 23, 148, 0.04);
}

.color-politeness-5 {
  color: rgba(255, 23, 148, 0.05);
}

.color-politeness-6 {
  color: rgba(255, 23, 148, 0.06);
}

.color-politeness-7 {
  color: rgba(255, 23, 148, 0.07);
}

.color-politeness-8 {
  color: rgba(255, 23, 148, 0.08);
}

.color-politeness-9 {
  color: rgba(255, 23, 148, 0.09);
}

.color-politeness-10 {
  color: rgba(255, 23, 148, 0.1);
}

.color-politeness-11 {
  color: rgba(255, 23, 148, 0.11);
}

.color-politeness-12 {
  color: rgba(255, 23, 148, 0.12);
}

.color-politeness-13 {
  color: rgba(255, 23, 148, 0.13);
}

.color-politeness-14 {
  color: rgba(255, 23, 148, 0.14);
}

.color-politeness-15 {
  color: rgba(255, 23, 148, 0.15);
}

.color-politeness-16 {
  color: rgba(255, 23, 148, 0.16);
}

.color-politeness-17 {
  color: rgba(255, 23, 148, 0.17);
}

.color-politeness-18 {
  color: rgba(255, 23, 148, 0.18);
}

.color-politeness-19 {
  color: rgba(255, 23, 148, 0.19);
}

.color-politeness-20 {
  color: rgba(255, 23, 148, 0.2);
}

.bg-emotional-09 {
  background: rgba(176, 50, 189, 0.9);
}

.bg-emotional-07 {
  background: rgba(176, 50, 189, 0.75);
}

.bg-emotional-05 {
  background: rgba(176, 50, 189, 0.5);
}

.bg-emotional-02 {
  background: rgba(176, 50, 189, 0.2);
}

.bg-emotional-01 {
  background: rgba(176, 50, 189, 0.1);
}

.border-1-emotional {
  border: 1px rgb(176, 50, 189) solid;
}

.color-emotional-0 {
  color: rgba(176, 50, 189, 0);
}

.color-emotional-1 {
  color: rgba(176, 50, 189, 0.01);
}

.color-emotional-2 {
  color: rgba(176, 50, 189, 0.02);
}

.color-emotional-3 {
  color: rgba(176, 50, 189, 0.03);
}

.color-emotional-4 {
  color: rgba(176, 50, 189, 0.04);
}

.color-emotional-5 {
  color: rgba(176, 50, 189, 0.05);
}

.color-emotional-6 {
  color: rgba(176, 50, 189, 0.06);
}

.color-emotional-7 {
  color: rgba(176, 50, 189, 0.07);
}

.color-emotional-8 {
  color: rgba(176, 50, 189, 0.08);
}

.color-emotional-9 {
  color: rgba(176, 50, 189, 0.09);
}

.color-emotional-10 {
  color: rgba(176, 50, 189, 0.1);
}

.color-emotional-11 {
  color: rgba(176, 50, 189, 0.11);
}

.color-emotional-12 {
  color: rgba(176, 50, 189, 0.12);
}

.color-emotional-13 {
  color: rgba(176, 50, 189, 0.13);
}

.color-emotional-14 {
  color: rgba(176, 50, 189, 0.14);
}

.color-emotional-15 {
  color: rgba(176, 50, 189, 0.15);
}

.color-emotional-16 {
  color: rgba(176, 50, 189, 0.16);
}

.color-emotional-17 {
  color: rgba(176, 50, 189, 0.17);
}

.color-emotional-18 {
  color: rgba(176, 50, 189, 0.18);
}

.color-emotional-19 {
  color: rgba(176, 50, 189, 0.19);
}

.color-emotional-20 {
  color: rgba(176, 50, 189, 0.2);
}

.bg-subbody-09 {
  background: rgba(245, 248, 250, 0.9);
}

.bg-subbody-07 {
  background: rgba(245, 248, 250, 0.75);
}

.bg-subbody-05 {
  background: rgba(245, 248, 250, 0.5);
}

.bg-subbody-02 {
  background: rgba(245, 248, 250, 0.2);
}

.bg-subbody-01 {
  background: rgba(245, 248, 250, 0.1);
}

.border-1-subbody {
  border: 1px rgb(245, 248, 250) solid;
}

.color-subbody-0 {
  color: rgba(245, 248, 250, 0);
}

.color-subbody-1 {
  color: rgba(245, 248, 250, 0.01);
}

.color-subbody-2 {
  color: rgba(245, 248, 250, 0.02);
}

.color-subbody-3 {
  color: rgba(245, 248, 250, 0.03);
}

.color-subbody-4 {
  color: rgba(245, 248, 250, 0.04);
}

.color-subbody-5 {
  color: rgba(245, 248, 250, 0.05);
}

.color-subbody-6 {
  color: rgba(245, 248, 250, 0.06);
}

.color-subbody-7 {
  color: rgba(245, 248, 250, 0.07);
}

.color-subbody-8 {
  color: rgba(245, 248, 250, 0.08);
}

.color-subbody-9 {
  color: rgba(245, 248, 250, 0.09);
}

.color-subbody-10 {
  color: rgba(245, 248, 250, 0.1);
}

.color-subbody-11 {
  color: rgba(245, 248, 250, 0.11);
}

.color-subbody-12 {
  color: rgba(245, 248, 250, 0.12);
}

.color-subbody-13 {
  color: rgba(245, 248, 250, 0.13);
}

.color-subbody-14 {
  color: rgba(245, 248, 250, 0.14);
}

.color-subbody-15 {
  color: rgba(245, 248, 250, 0.15);
}

.color-subbody-16 {
  color: rgba(245, 248, 250, 0.16);
}

.color-subbody-17 {
  color: rgba(245, 248, 250, 0.17);
}

.color-subbody-18 {
  color: rgba(245, 248, 250, 0.18);
}

.color-subbody-19 {
  color: rgba(245, 248, 250, 0.19);
}

.color-subbody-20 {
  color: rgba(245, 248, 250, 0.2);
}

.bg-iiv-primary-09 {
  background: rgba(var(--primary-normal-1), 0.9);
}

.bg-iiv-primary-07 {
  background: rgba(var(--primary-normal-1), 0.75);
}

.bg-iiv-primary-05 {
  background: rgba(var(--primary-normal-1), 0.5);
}

.bg-iiv-primary-02 {
  background: rgba(var(--primary-normal-1), 0.2);
}

.bg-iiv-primary-01 {
  background: rgba(var(--primary-normal-1), 0.1);
}

.border-1-iiv-primary {
  border: 1px var(--primary-normal-1) solid;
}

.color-iiv-primary-0 {
  color: rgba(var(--primary-normal-1), 0);
}

.color-iiv-primary-1 {
  color: rgba(var(--primary-normal-1), 0.01);
}

.color-iiv-primary-2 {
  color: rgba(var(--primary-normal-1), 0.02);
}

.color-iiv-primary-3 {
  color: rgba(var(--primary-normal-1), 0.03);
}

.color-iiv-primary-4 {
  color: rgba(var(--primary-normal-1), 0.04);
}

.color-iiv-primary-5 {
  color: rgba(var(--primary-normal-1), 0.05);
}

.color-iiv-primary-6 {
  color: rgba(var(--primary-normal-1), 0.06);
}

.color-iiv-primary-7 {
  color: rgba(var(--primary-normal-1), 0.07);
}

.color-iiv-primary-8 {
  color: rgba(var(--primary-normal-1), 0.08);
}

.color-iiv-primary-9 {
  color: rgba(var(--primary-normal-1), 0.09);
}

.color-iiv-primary-10 {
  color: rgba(var(--primary-normal-1), 0.1);
}

.color-iiv-primary-11 {
  color: rgba(var(--primary-normal-1), 0.11);
}

.color-iiv-primary-12 {
  color: rgba(var(--primary-normal-1), 0.12);
}

.color-iiv-primary-13 {
  color: rgba(var(--primary-normal-1), 0.13);
}

.color-iiv-primary-14 {
  color: rgba(var(--primary-normal-1), 0.14);
}

.color-iiv-primary-15 {
  color: rgba(var(--primary-normal-1), 0.15);
}

.color-iiv-primary-16 {
  color: rgba(var(--primary-normal-1), 0.16);
}

.color-iiv-primary-17 {
  color: rgba(var(--primary-normal-1), 0.17);
}

.color-iiv-primary-18 {
  color: rgba(var(--primary-normal-1), 0.18);
}

.color-iiv-primary-19 {
  color: rgba(var(--primary-normal-1), 0.19);
}

.color-iiv-primary-20 {
  color: rgba(var(--primary-normal-1), 0.2);
}

.bg-pass-09 {
  background: rgba(0, 171, 83, 0.9);
}

.bg-pass-07 {
  background: rgba(0, 171, 83, 0.75);
}

.bg-pass-05 {
  background: rgba(0, 171, 83, 0.5);
}

.bg-pass-02 {
  background: rgba(0, 171, 83, 0.2);
}

.bg-pass-01 {
  background: rgba(0, 171, 83, 0.1);
}

.border-1-pass {
  border: 1px rgb(0, 171, 83) solid;
}

.color-pass-0 {
  color: rgba(0, 171, 83, 0);
}

.color-pass-1 {
  color: rgba(0, 171, 83, 0.01);
}

.color-pass-2 {
  color: rgba(0, 171, 83, 0.02);
}

.color-pass-3 {
  color: rgba(0, 171, 83, 0.03);
}

.color-pass-4 {
  color: rgba(0, 171, 83, 0.04);
}

.color-pass-5 {
  color: rgba(0, 171, 83, 0.05);
}

.color-pass-6 {
  color: rgba(0, 171, 83, 0.06);
}

.color-pass-7 {
  color: rgba(0, 171, 83, 0.07);
}

.color-pass-8 {
  color: rgba(0, 171, 83, 0.08);
}

.color-pass-9 {
  color: rgba(0, 171, 83, 0.09);
}

.color-pass-10 {
  color: rgba(0, 171, 83, 0.1);
}

.color-pass-11 {
  color: rgba(0, 171, 83, 0.11);
}

.color-pass-12 {
  color: rgba(0, 171, 83, 0.12);
}

.color-pass-13 {
  color: rgba(0, 171, 83, 0.13);
}

.color-pass-14 {
  color: rgba(0, 171, 83, 0.14);
}

.color-pass-15 {
  color: rgba(0, 171, 83, 0.15);
}

.color-pass-16 {
  color: rgba(0, 171, 83, 0.16);
}

.color-pass-17 {
  color: rgba(0, 171, 83, 0.17);
}

.color-pass-18 {
  color: rgba(0, 171, 83, 0.18);
}

.color-pass-19 {
  color: rgba(0, 171, 83, 0.19);
}

.color-pass-20 {
  color: rgba(0, 171, 83, 0.2);
}

.bg-edit-09 {
  background: rgba(220, 125, 0, 0.9);
}

.bg-edit-07 {
  background: rgba(220, 125, 0, 0.75);
}

.bg-edit-05 {
  background: rgba(220, 125, 0, 0.5);
}

.bg-edit-02 {
  background: rgba(220, 125, 0, 0.2);
}

.bg-edit-01 {
  background: rgba(220, 125, 0, 0.1);
}

.border-1-edit {
  border: 1px rgb(220, 125, 0) solid;
}

.color-edit-0 {
  color: rgba(220, 125, 0, 0);
}

.color-edit-1 {
  color: rgba(220, 125, 0, 0.01);
}

.color-edit-2 {
  color: rgba(220, 125, 0, 0.02);
}

.color-edit-3 {
  color: rgba(220, 125, 0, 0.03);
}

.color-edit-4 {
  color: rgba(220, 125, 0, 0.04);
}

.color-edit-5 {
  color: rgba(220, 125, 0, 0.05);
}

.color-edit-6 {
  color: rgba(220, 125, 0, 0.06);
}

.color-edit-7 {
  color: rgba(220, 125, 0, 0.07);
}

.color-edit-8 {
  color: rgba(220, 125, 0, 0.08);
}

.color-edit-9 {
  color: rgba(220, 125, 0, 0.09);
}

.color-edit-10 {
  color: rgba(220, 125, 0, 0.1);
}

.color-edit-11 {
  color: rgba(220, 125, 0, 0.11);
}

.color-edit-12 {
  color: rgba(220, 125, 0, 0.12);
}

.color-edit-13 {
  color: rgba(220, 125, 0, 0.13);
}

.color-edit-14 {
  color: rgba(220, 125, 0, 0.14);
}

.color-edit-15 {
  color: rgba(220, 125, 0, 0.15);
}

.color-edit-16 {
  color: rgba(220, 125, 0, 0.16);
}

.color-edit-17 {
  color: rgba(220, 125, 0, 0.17);
}

.color-edit-18 {
  color: rgba(220, 125, 0, 0.18);
}

.color-edit-19 {
  color: rgba(220, 125, 0, 0.19);
}

.color-edit-20 {
  color: rgba(220, 125, 0, 0.2);
}

.bg-soft-light-09 {
  background: rgba(178, 191, 209, 0.9);
}

.bg-soft-light-07 {
  background: rgba(178, 191, 209, 0.75);
}

.bg-soft-light-05 {
  background: rgba(178, 191, 209, 0.5);
}

.bg-soft-light-02 {
  background: rgba(178, 191, 209, 0.2);
}

.bg-soft-light-01 {
  background: rgba(178, 191, 209, 0.1);
}

.border-1-soft-light {
  border: 1px rgb(178, 191, 209) solid;
}

.color-soft-light-0 {
  color: rgba(178, 191, 209, 0);
}

.color-soft-light-1 {
  color: rgba(178, 191, 209, 0.01);
}

.color-soft-light-2 {
  color: rgba(178, 191, 209, 0.02);
}

.color-soft-light-3 {
  color: rgba(178, 191, 209, 0.03);
}

.color-soft-light-4 {
  color: rgba(178, 191, 209, 0.04);
}

.color-soft-light-5 {
  color: rgba(178, 191, 209, 0.05);
}

.color-soft-light-6 {
  color: rgba(178, 191, 209, 0.06);
}

.color-soft-light-7 {
  color: rgba(178, 191, 209, 0.07);
}

.color-soft-light-8 {
  color: rgba(178, 191, 209, 0.08);
}

.color-soft-light-9 {
  color: rgba(178, 191, 209, 0.09);
}

.color-soft-light-10 {
  color: rgba(178, 191, 209, 0.1);
}

.color-soft-light-11 {
  color: rgba(178, 191, 209, 0.11);
}

.color-soft-light-12 {
  color: rgba(178, 191, 209, 0.12);
}

.color-soft-light-13 {
  color: rgba(178, 191, 209, 0.13);
}

.color-soft-light-14 {
  color: rgba(178, 191, 209, 0.14);
}

.color-soft-light-15 {
  color: rgba(178, 191, 209, 0.15);
}

.color-soft-light-16 {
  color: rgba(178, 191, 209, 0.16);
}

.color-soft-light-17 {
  color: rgba(178, 191, 209, 0.17);
}

.color-soft-light-18 {
  color: rgba(178, 191, 209, 0.18);
}

.color-soft-light-19 {
  color: rgba(178, 191, 209, 0.19);
}

.color-soft-light-20 {
  color: rgba(178, 191, 209, 0.2);
}

.bg-alert-light-09 {
  background: rgba(255, 112, 67, 0.9);
}

.bg-alert-light-07 {
  background: rgba(255, 112, 67, 0.75);
}

.bg-alert-light-05 {
  background: rgba(255, 112, 67, 0.5);
}

.bg-alert-light-02 {
  background: rgba(255, 112, 67, 0.2);
}

.bg-alert-light-01 {
  background: rgba(255, 112, 67, 0.1);
}

.border-1-alert-light {
  border: 1px rgb(255, 112, 67) solid;
}

.color-alert-light-0 {
  color: rgba(255, 112, 67, 0);
}

.color-alert-light-1 {
  color: rgba(255, 112, 67, 0.01);
}

.color-alert-light-2 {
  color: rgba(255, 112, 67, 0.02);
}

.color-alert-light-3 {
  color: rgba(255, 112, 67, 0.03);
}

.color-alert-light-4 {
  color: rgba(255, 112, 67, 0.04);
}

.color-alert-light-5 {
  color: rgba(255, 112, 67, 0.05);
}

.color-alert-light-6 {
  color: rgba(255, 112, 67, 0.06);
}

.color-alert-light-7 {
  color: rgba(255, 112, 67, 0.07);
}

.color-alert-light-8 {
  color: rgba(255, 112, 67, 0.08);
}

.color-alert-light-9 {
  color: rgba(255, 112, 67, 0.09);
}

.color-alert-light-10 {
  color: rgba(255, 112, 67, 0.1);
}

.color-alert-light-11 {
  color: rgba(255, 112, 67, 0.11);
}

.color-alert-light-12 {
  color: rgba(255, 112, 67, 0.12);
}

.color-alert-light-13 {
  color: rgba(255, 112, 67, 0.13);
}

.color-alert-light-14 {
  color: rgba(255, 112, 67, 0.14);
}

.color-alert-light-15 {
  color: rgba(255, 112, 67, 0.15);
}

.color-alert-light-16 {
  color: rgba(255, 112, 67, 0.16);
}

.color-alert-light-17 {
  color: rgba(255, 112, 67, 0.17);
}

.color-alert-light-18 {
  color: rgba(255, 112, 67, 0.18);
}

.color-alert-light-19 {
  color: rgba(255, 112, 67, 0.19);
}

.color-alert-light-20 {
  color: rgba(255, 112, 67, 0.2);
}

.bg-warning-light-09 {
  background: rgba(251, 192, 45, 0.9);
}

.bg-warning-light-07 {
  background: rgba(251, 192, 45, 0.75);
}

.bg-warning-light-05 {
  background: rgba(251, 192, 45, 0.5);
}

.bg-warning-light-02 {
  background: rgba(251, 192, 45, 0.2);
}

.bg-warning-light-01 {
  background: rgba(251, 192, 45, 0.1);
}

.border-1-warning-light {
  border: 1px rgb(251, 192, 45) solid;
}

.color-warning-light-0 {
  color: rgba(251, 192, 45, 0);
}

.color-warning-light-1 {
  color: rgba(251, 192, 45, 0.01);
}

.color-warning-light-2 {
  color: rgba(251, 192, 45, 0.02);
}

.color-warning-light-3 {
  color: rgba(251, 192, 45, 0.03);
}

.color-warning-light-4 {
  color: rgba(251, 192, 45, 0.04);
}

.color-warning-light-5 {
  color: rgba(251, 192, 45, 0.05);
}

.color-warning-light-6 {
  color: rgba(251, 192, 45, 0.06);
}

.color-warning-light-7 {
  color: rgba(251, 192, 45, 0.07);
}

.color-warning-light-8 {
  color: rgba(251, 192, 45, 0.08);
}

.color-warning-light-9 {
  color: rgba(251, 192, 45, 0.09);
}

.color-warning-light-10 {
  color: rgba(251, 192, 45, 0.1);
}

.color-warning-light-11 {
  color: rgba(251, 192, 45, 0.11);
}

.color-warning-light-12 {
  color: rgba(251, 192, 45, 0.12);
}

.color-warning-light-13 {
  color: rgba(251, 192, 45, 0.13);
}

.color-warning-light-14 {
  color: rgba(251, 192, 45, 0.14);
}

.color-warning-light-15 {
  color: rgba(251, 192, 45, 0.15);
}

.color-warning-light-16 {
  color: rgba(251, 192, 45, 0.16);
}

.color-warning-light-17 {
  color: rgba(251, 192, 45, 0.17);
}

.color-warning-light-18 {
  color: rgba(251, 192, 45, 0.18);
}

.color-warning-light-19 {
  color: rgba(251, 192, 45, 0.19);
}

.color-warning-light-20 {
  color: rgba(251, 192, 45, 0.2);
}

.bg-overlay-light-09 {
  background: rgba(121, 85, 72, 0.9);
}

.bg-overlay-light-07 {
  background: rgba(121, 85, 72, 0.75);
}

.bg-overlay-light-05 {
  background: rgba(121, 85, 72, 0.5);
}

.bg-overlay-light-02 {
  background: rgba(121, 85, 72, 0.2);
}

.bg-overlay-light-01 {
  background: rgba(121, 85, 72, 0.1);
}

.border-1-overlay-light {
  border: 1px rgb(121, 85, 72) solid;
}

.color-overlay-light-0 {
  color: rgba(121, 85, 72, 0);
}

.color-overlay-light-1 {
  color: rgba(121, 85, 72, 0.01);
}

.color-overlay-light-2 {
  color: rgba(121, 85, 72, 0.02);
}

.color-overlay-light-3 {
  color: rgba(121, 85, 72, 0.03);
}

.color-overlay-light-4 {
  color: rgba(121, 85, 72, 0.04);
}

.color-overlay-light-5 {
  color: rgba(121, 85, 72, 0.05);
}

.color-overlay-light-6 {
  color: rgba(121, 85, 72, 0.06);
}

.color-overlay-light-7 {
  color: rgba(121, 85, 72, 0.07);
}

.color-overlay-light-8 {
  color: rgba(121, 85, 72, 0.08);
}

.color-overlay-light-9 {
  color: rgba(121, 85, 72, 0.09);
}

.color-overlay-light-10 {
  color: rgba(121, 85, 72, 0.1);
}

.color-overlay-light-11 {
  color: rgba(121, 85, 72, 0.11);
}

.color-overlay-light-12 {
  color: rgba(121, 85, 72, 0.12);
}

.color-overlay-light-13 {
  color: rgba(121, 85, 72, 0.13);
}

.color-overlay-light-14 {
  color: rgba(121, 85, 72, 0.14);
}

.color-overlay-light-15 {
  color: rgba(121, 85, 72, 0.15);
}

.color-overlay-light-16 {
  color: rgba(121, 85, 72, 0.16);
}

.color-overlay-light-17 {
  color: rgba(121, 85, 72, 0.17);
}

.color-overlay-light-18 {
  color: rgba(121, 85, 72, 0.18);
}

.color-overlay-light-19 {
  color: rgba(121, 85, 72, 0.19);
}

.color-overlay-light-20 {
  color: rgba(121, 85, 72, 0.2);
}

.bg-cancel-09 {
  background: rgba(121, 85, 72, 0.9);
}

.bg-cancel-07 {
  background: rgba(121, 85, 72, 0.75);
}

.bg-cancel-05 {
  background: rgba(121, 85, 72, 0.5);
}

.bg-cancel-02 {
  background: rgba(121, 85, 72, 0.2);
}

.bg-cancel-01 {
  background: rgba(121, 85, 72, 0.1);
}

.border-1-cancel {
  border: 1px rgb(121, 85, 72) solid;
}

.color-cancel-0 {
  color: rgba(121, 85, 72, 0);
}

.color-cancel-1 {
  color: rgba(121, 85, 72, 0.01);
}

.color-cancel-2 {
  color: rgba(121, 85, 72, 0.02);
}

.color-cancel-3 {
  color: rgba(121, 85, 72, 0.03);
}

.color-cancel-4 {
  color: rgba(121, 85, 72, 0.04);
}

.color-cancel-5 {
  color: rgba(121, 85, 72, 0.05);
}

.color-cancel-6 {
  color: rgba(121, 85, 72, 0.06);
}

.color-cancel-7 {
  color: rgba(121, 85, 72, 0.07);
}

.color-cancel-8 {
  color: rgba(121, 85, 72, 0.08);
}

.color-cancel-9 {
  color: rgba(121, 85, 72, 0.09);
}

.color-cancel-10 {
  color: rgba(121, 85, 72, 0.1);
}

.color-cancel-11 {
  color: rgba(121, 85, 72, 0.11);
}

.color-cancel-12 {
  color: rgba(121, 85, 72, 0.12);
}

.color-cancel-13 {
  color: rgba(121, 85, 72, 0.13);
}

.color-cancel-14 {
  color: rgba(121, 85, 72, 0.14);
}

.color-cancel-15 {
  color: rgba(121, 85, 72, 0.15);
}

.color-cancel-16 {
  color: rgba(121, 85, 72, 0.16);
}

.color-cancel-17 {
  color: rgba(121, 85, 72, 0.17);
}

.color-cancel-18 {
  color: rgba(121, 85, 72, 0.18);
}

.color-cancel-19 {
  color: rgba(121, 85, 72, 0.19);
}

.color-cancel-20 {
  color: rgba(121, 85, 72, 0.2);
}

.bg-pending-09 {
  background: rgba(255, 112, 67, 0.9);
}

.bg-pending-07 {
  background: rgba(255, 112, 67, 0.75);
}

.bg-pending-05 {
  background: rgba(255, 112, 67, 0.5);
}

.bg-pending-02 {
  background: rgba(255, 112, 67, 0.2);
}

.bg-pending-01 {
  background: rgba(255, 112, 67, 0.1);
}

.border-1-pending {
  border: 1px rgb(255, 112, 67) solid;
}

.color-pending-0 {
  color: rgba(255, 112, 67, 0);
}

.color-pending-1 {
  color: rgba(255, 112, 67, 0.01);
}

.color-pending-2 {
  color: rgba(255, 112, 67, 0.02);
}

.color-pending-3 {
  color: rgba(255, 112, 67, 0.03);
}

.color-pending-4 {
  color: rgba(255, 112, 67, 0.04);
}

.color-pending-5 {
  color: rgba(255, 112, 67, 0.05);
}

.color-pending-6 {
  color: rgba(255, 112, 67, 0.06);
}

.color-pending-7 {
  color: rgba(255, 112, 67, 0.07);
}

.color-pending-8 {
  color: rgba(255, 112, 67, 0.08);
}

.color-pending-9 {
  color: rgba(255, 112, 67, 0.09);
}

.color-pending-10 {
  color: rgba(255, 112, 67, 0.1);
}

.color-pending-11 {
  color: rgba(255, 112, 67, 0.11);
}

.color-pending-12 {
  color: rgba(255, 112, 67, 0.12);
}

.color-pending-13 {
  color: rgba(255, 112, 67, 0.13);
}

.color-pending-14 {
  color: rgba(255, 112, 67, 0.14);
}

.color-pending-15 {
  color: rgba(255, 112, 67, 0.15);
}

.color-pending-16 {
  color: rgba(255, 112, 67, 0.16);
}

.color-pending-17 {
  color: rgba(255, 112, 67, 0.17);
}

.color-pending-18 {
  color: rgba(255, 112, 67, 0.18);
}

.color-pending-19 {
  color: rgba(255, 112, 67, 0.19);
}

.color-pending-20 {
  color: rgba(255, 112, 67, 0.2);
}

.bg-soft-pending-09 {
  background: rgba(247, 228, 223, 0.9);
}

.bg-soft-pending-07 {
  background: rgba(247, 228, 223, 0.75);
}

.bg-soft-pending-05 {
  background: rgba(247, 228, 223, 0.5);
}

.bg-soft-pending-02 {
  background: rgba(247, 228, 223, 0.2);
}

.bg-soft-pending-01 {
  background: rgba(247, 228, 223, 0.1);
}

.border-1-soft-pending {
  border: 1px rgb(247, 228, 223) solid;
}

.color-soft-pending-0 {
  color: rgba(247, 228, 223, 0);
}

.color-soft-pending-1 {
  color: rgba(247, 228, 223, 0.01);
}

.color-soft-pending-2 {
  color: rgba(247, 228, 223, 0.02);
}

.color-soft-pending-3 {
  color: rgba(247, 228, 223, 0.03);
}

.color-soft-pending-4 {
  color: rgba(247, 228, 223, 0.04);
}

.color-soft-pending-5 {
  color: rgba(247, 228, 223, 0.05);
}

.color-soft-pending-6 {
  color: rgba(247, 228, 223, 0.06);
}

.color-soft-pending-7 {
  color: rgba(247, 228, 223, 0.07);
}

.color-soft-pending-8 {
  color: rgba(247, 228, 223, 0.08);
}

.color-soft-pending-9 {
  color: rgba(247, 228, 223, 0.09);
}

.color-soft-pending-10 {
  color: rgba(247, 228, 223, 0.1);
}

.color-soft-pending-11 {
  color: rgba(247, 228, 223, 0.11);
}

.color-soft-pending-12 {
  color: rgba(247, 228, 223, 0.12);
}

.color-soft-pending-13 {
  color: rgba(247, 228, 223, 0.13);
}

.color-soft-pending-14 {
  color: rgba(247, 228, 223, 0.14);
}

.color-soft-pending-15 {
  color: rgba(247, 228, 223, 0.15);
}

.color-soft-pending-16 {
  color: rgba(247, 228, 223, 0.16);
}

.color-soft-pending-17 {
  color: rgba(247, 228, 223, 0.17);
}

.color-soft-pending-18 {
  color: rgba(247, 228, 223, 0.18);
}

.color-soft-pending-19 {
  color: rgba(247, 228, 223, 0.19);
}

.color-soft-pending-20 {
  color: rgba(247, 228, 223, 0.2);
}

.bg-await-09 {
  background: rgba(251, 192, 45, 0.9);
}

.bg-await-07 {
  background: rgba(251, 192, 45, 0.75);
}

.bg-await-05 {
  background: rgba(251, 192, 45, 0.5);
}

.bg-await-02 {
  background: rgba(251, 192, 45, 0.2);
}

.bg-await-01 {
  background: rgba(251, 192, 45, 0.1);
}

.border-1-await {
  border: 1px rgb(251, 192, 45) solid;
}

.color-await-0 {
  color: rgba(251, 192, 45, 0);
}

.color-await-1 {
  color: rgba(251, 192, 45, 0.01);
}

.color-await-2 {
  color: rgba(251, 192, 45, 0.02);
}

.color-await-3 {
  color: rgba(251, 192, 45, 0.03);
}

.color-await-4 {
  color: rgba(251, 192, 45, 0.04);
}

.color-await-5 {
  color: rgba(251, 192, 45, 0.05);
}

.color-await-6 {
  color: rgba(251, 192, 45, 0.06);
}

.color-await-7 {
  color: rgba(251, 192, 45, 0.07);
}

.color-await-8 {
  color: rgba(251, 192, 45, 0.08);
}

.color-await-9 {
  color: rgba(251, 192, 45, 0.09);
}

.color-await-10 {
  color: rgba(251, 192, 45, 0.1);
}

.color-await-11 {
  color: rgba(251, 192, 45, 0.11);
}

.color-await-12 {
  color: rgba(251, 192, 45, 0.12);
}

.color-await-13 {
  color: rgba(251, 192, 45, 0.13);
}

.color-await-14 {
  color: rgba(251, 192, 45, 0.14);
}

.color-await-15 {
  color: rgba(251, 192, 45, 0.15);
}

.color-await-16 {
  color: rgba(251, 192, 45, 0.16);
}

.color-await-17 {
  color: rgba(251, 192, 45, 0.17);
}

.color-await-18 {
  color: rgba(251, 192, 45, 0.18);
}

.color-await-19 {
  color: rgba(251, 192, 45, 0.19);
}

.color-await-20 {
  color: rgba(251, 192, 45, 0.2);
}

.bg-expire-09 {
  background: rgba(56, 64, 65, 0.9);
}

.bg-expire-07 {
  background: rgba(56, 64, 65, 0.75);
}

.bg-expire-05 {
  background: rgba(56, 64, 65, 0.5);
}

.bg-expire-02 {
  background: rgba(56, 64, 65, 0.2);
}

.bg-expire-01 {
  background: rgba(56, 64, 65, 0.1);
}

.border-1-expire {
  border: 1px rgb(56, 64, 65) solid;
}

.color-expire-0 {
  color: rgba(56, 64, 65, 0);
}

.color-expire-1 {
  color: rgba(56, 64, 65, 0.01);
}

.color-expire-2 {
  color: rgba(56, 64, 65, 0.02);
}

.color-expire-3 {
  color: rgba(56, 64, 65, 0.03);
}

.color-expire-4 {
  color: rgba(56, 64, 65, 0.04);
}

.color-expire-5 {
  color: rgba(56, 64, 65, 0.05);
}

.color-expire-6 {
  color: rgba(56, 64, 65, 0.06);
}

.color-expire-7 {
  color: rgba(56, 64, 65, 0.07);
}

.color-expire-8 {
  color: rgba(56, 64, 65, 0.08);
}

.color-expire-9 {
  color: rgba(56, 64, 65, 0.09);
}

.color-expire-10 {
  color: rgba(56, 64, 65, 0.1);
}

.color-expire-11 {
  color: rgba(56, 64, 65, 0.11);
}

.color-expire-12 {
  color: rgba(56, 64, 65, 0.12);
}

.color-expire-13 {
  color: rgba(56, 64, 65, 0.13);
}

.color-expire-14 {
  color: rgba(56, 64, 65, 0.14);
}

.color-expire-15 {
  color: rgba(56, 64, 65, 0.15);
}

.color-expire-16 {
  color: rgba(56, 64, 65, 0.16);
}

.color-expire-17 {
  color: rgba(56, 64, 65, 0.17);
}

.color-expire-18 {
  color: rgba(56, 64, 65, 0.18);
}

.color-expire-19 {
  color: rgba(56, 64, 65, 0.19);
}

.color-expire-20 {
  color: rgba(56, 64, 65, 0.2);
}

.bg-pending-brown-09 {
  background: rgba(193, 116, 25, 0.9);
}

.bg-pending-brown-07 {
  background: rgba(193, 116, 25, 0.75);
}

.bg-pending-brown-05 {
  background: rgba(193, 116, 25, 0.5);
}

.bg-pending-brown-02 {
  background: rgba(193, 116, 25, 0.2);
}

.bg-pending-brown-01 {
  background: rgba(193, 116, 25, 0.1);
}

.border-1-pending-brown {
  border: 1px rgb(193, 116, 25) solid;
}

.color-pending-brown-0 {
  color: rgba(193, 116, 25, 0);
}

.color-pending-brown-1 {
  color: rgba(193, 116, 25, 0.01);
}

.color-pending-brown-2 {
  color: rgba(193, 116, 25, 0.02);
}

.color-pending-brown-3 {
  color: rgba(193, 116, 25, 0.03);
}

.color-pending-brown-4 {
  color: rgba(193, 116, 25, 0.04);
}

.color-pending-brown-5 {
  color: rgba(193, 116, 25, 0.05);
}

.color-pending-brown-6 {
  color: rgba(193, 116, 25, 0.06);
}

.color-pending-brown-7 {
  color: rgba(193, 116, 25, 0.07);
}

.color-pending-brown-8 {
  color: rgba(193, 116, 25, 0.08);
}

.color-pending-brown-9 {
  color: rgba(193, 116, 25, 0.09);
}

.color-pending-brown-10 {
  color: rgba(193, 116, 25, 0.1);
}

.color-pending-brown-11 {
  color: rgba(193, 116, 25, 0.11);
}

.color-pending-brown-12 {
  color: rgba(193, 116, 25, 0.12);
}

.color-pending-brown-13 {
  color: rgba(193, 116, 25, 0.13);
}

.color-pending-brown-14 {
  color: rgba(193, 116, 25, 0.14);
}

.color-pending-brown-15 {
  color: rgba(193, 116, 25, 0.15);
}

.color-pending-brown-16 {
  color: rgba(193, 116, 25, 0.16);
}

.color-pending-brown-17 {
  color: rgba(193, 116, 25, 0.17);
}

.color-pending-brown-18 {
  color: rgba(193, 116, 25, 0.18);
}

.color-pending-brown-19 {
  color: rgba(193, 116, 25, 0.19);
}

.color-pending-brown-20 {
  color: rgba(193, 116, 25, 0.2);
}

.bg-background-print-09 {
  background: rgba(246, 249, 251, 0.9);
}

.bg-background-print-07 {
  background: rgba(246, 249, 251, 0.75);
}

.bg-background-print-05 {
  background: rgba(246, 249, 251, 0.5);
}

.bg-background-print-02 {
  background: rgba(246, 249, 251, 0.2);
}

.bg-background-print-01 {
  background: rgba(246, 249, 251, 0.1);
}

.border-1-background-print {
  border: 1px rgb(246, 249, 251) solid;
}

.color-background-print-0 {
  color: rgba(246, 249, 251, 0);
}

.color-background-print-1 {
  color: rgba(246, 249, 251, 0.01);
}

.color-background-print-2 {
  color: rgba(246, 249, 251, 0.02);
}

.color-background-print-3 {
  color: rgba(246, 249, 251, 0.03);
}

.color-background-print-4 {
  color: rgba(246, 249, 251, 0.04);
}

.color-background-print-5 {
  color: rgba(246, 249, 251, 0.05);
}

.color-background-print-6 {
  color: rgba(246, 249, 251, 0.06);
}

.color-background-print-7 {
  color: rgba(246, 249, 251, 0.07);
}

.color-background-print-8 {
  color: rgba(246, 249, 251, 0.08);
}

.color-background-print-9 {
  color: rgba(246, 249, 251, 0.09);
}

.color-background-print-10 {
  color: rgba(246, 249, 251, 0.1);
}

.color-background-print-11 {
  color: rgba(246, 249, 251, 0.11);
}

.color-background-print-12 {
  color: rgba(246, 249, 251, 0.12);
}

.color-background-print-13 {
  color: rgba(246, 249, 251, 0.13);
}

.color-background-print-14 {
  color: rgba(246, 249, 251, 0.14);
}

.color-background-print-15 {
  color: rgba(246, 249, 251, 0.15);
}

.color-background-print-16 {
  color: rgba(246, 249, 251, 0.16);
}

.color-background-print-17 {
  color: rgba(246, 249, 251, 0.17);
}

.color-background-print-18 {
  color: rgba(246, 249, 251, 0.18);
}

.color-background-print-19 {
  color: rgba(246, 249, 251, 0.19);
}

.color-background-print-20 {
  color: rgba(246, 249, 251, 0.2);
}

.bg-black-soft-09 {
  background: rgba(93, 93, 98, 0.9);
}

.bg-black-soft-07 {
  background: rgba(93, 93, 98, 0.75);
}

.bg-black-soft-05 {
  background: rgba(93, 93, 98, 0.5);
}

.bg-black-soft-02 {
  background: rgba(93, 93, 98, 0.2);
}

.bg-black-soft-01 {
  background: rgba(93, 93, 98, 0.1);
}

.border-1-black-soft {
  border: 1px rgb(93, 93, 98) solid;
}

.color-black-soft-0 {
  color: rgba(93, 93, 98, 0);
}

.color-black-soft-1 {
  color: rgba(93, 93, 98, 0.01);
}

.color-black-soft-2 {
  color: rgba(93, 93, 98, 0.02);
}

.color-black-soft-3 {
  color: rgba(93, 93, 98, 0.03);
}

.color-black-soft-4 {
  color: rgba(93, 93, 98, 0.04);
}

.color-black-soft-5 {
  color: rgba(93, 93, 98, 0.05);
}

.color-black-soft-6 {
  color: rgba(93, 93, 98, 0.06);
}

.color-black-soft-7 {
  color: rgba(93, 93, 98, 0.07);
}

.color-black-soft-8 {
  color: rgba(93, 93, 98, 0.08);
}

.color-black-soft-9 {
  color: rgba(93, 93, 98, 0.09);
}

.color-black-soft-10 {
  color: rgba(93, 93, 98, 0.1);
}

.color-black-soft-11 {
  color: rgba(93, 93, 98, 0.11);
}

.color-black-soft-12 {
  color: rgba(93, 93, 98, 0.12);
}

.color-black-soft-13 {
  color: rgba(93, 93, 98, 0.13);
}

.color-black-soft-14 {
  color: rgba(93, 93, 98, 0.14);
}

.color-black-soft-15 {
  color: rgba(93, 93, 98, 0.15);
}

.color-black-soft-16 {
  color: rgba(93, 93, 98, 0.16);
}

.color-black-soft-17 {
  color: rgba(93, 93, 98, 0.17);
}

.color-black-soft-18 {
  color: rgba(93, 93, 98, 0.18);
}

.color-black-soft-19 {
  color: rgba(93, 93, 98, 0.19);
}

.color-black-soft-20 {
  color: rgba(93, 93, 98, 0.2);
}

.bg-primary-dark-09 {
  background: rgba(var(--primary-normal-2), 0.9);
}

.bg-primary-dark-07 {
  background: rgba(var(--primary-normal-2), 0.75);
}

.bg-primary-dark-05 {
  background: rgba(var(--primary-normal-2), 0.5);
}

.bg-primary-dark-02 {
  background: rgba(var(--primary-normal-2), 0.2);
}

.bg-primary-dark-01 {
  background: rgba(var(--primary-normal-2), 0.1);
}

.border-1-primary-dark {
  border: 1px var(--primary-normal-2) solid;
}

.color-primary-dark-0 {
  color: rgba(var(--primary-normal-2), 0);
}

.color-primary-dark-1 {
  color: rgba(var(--primary-normal-2), 0.01);
}

.color-primary-dark-2 {
  color: rgba(var(--primary-normal-2), 0.02);
}

.color-primary-dark-3 {
  color: rgba(var(--primary-normal-2), 0.03);
}

.color-primary-dark-4 {
  color: rgba(var(--primary-normal-2), 0.04);
}

.color-primary-dark-5 {
  color: rgba(var(--primary-normal-2), 0.05);
}

.color-primary-dark-6 {
  color: rgba(var(--primary-normal-2), 0.06);
}

.color-primary-dark-7 {
  color: rgba(var(--primary-normal-2), 0.07);
}

.color-primary-dark-8 {
  color: rgba(var(--primary-normal-2), 0.08);
}

.color-primary-dark-9 {
  color: rgba(var(--primary-normal-2), 0.09);
}

.color-primary-dark-10 {
  color: rgba(var(--primary-normal-2), 0.1);
}

.color-primary-dark-11 {
  color: rgba(var(--primary-normal-2), 0.11);
}

.color-primary-dark-12 {
  color: rgba(var(--primary-normal-2), 0.12);
}

.color-primary-dark-13 {
  color: rgba(var(--primary-normal-2), 0.13);
}

.color-primary-dark-14 {
  color: rgba(var(--primary-normal-2), 0.14);
}

.color-primary-dark-15 {
  color: rgba(var(--primary-normal-2), 0.15);
}

.color-primary-dark-16 {
  color: rgba(var(--primary-normal-2), 0.16);
}

.color-primary-dark-17 {
  color: rgba(var(--primary-normal-2), 0.17);
}

.color-primary-dark-18 {
  color: rgba(var(--primary-normal-2), 0.18);
}

.color-primary-dark-19 {
  color: rgba(var(--primary-normal-2), 0.19);
}

.color-primary-dark-20 {
  color: rgba(var(--primary-normal-2), 0.2);
}

.bg-primary-light-09 {
  background: rgba(var(--primary-light), 0.9);
}

.bg-primary-light-07 {
  background: rgba(var(--primary-light), 0.75);
}

.bg-primary-light-05 {
  background: rgba(var(--primary-light), 0.5);
}

.bg-primary-light-02 {
  background: rgba(var(--primary-light), 0.2);
}

.bg-primary-light-01 {
  background: rgba(var(--primary-light), 0.1);
}

.border-1-primary-light {
  border: 1px var(--primary-light) solid;
}

.color-primary-light-0 {
  color: rgba(var(--primary-light), 0);
}

.color-primary-light-1 {
  color: rgba(var(--primary-light), 0.01);
}

.color-primary-light-2 {
  color: rgba(var(--primary-light), 0.02);
}

.color-primary-light-3 {
  color: rgba(var(--primary-light), 0.03);
}

.color-primary-light-4 {
  color: rgba(var(--primary-light), 0.04);
}

.color-primary-light-5 {
  color: rgba(var(--primary-light), 0.05);
}

.color-primary-light-6 {
  color: rgba(var(--primary-light), 0.06);
}

.color-primary-light-7 {
  color: rgba(var(--primary-light), 0.07);
}

.color-primary-light-8 {
  color: rgba(var(--primary-light), 0.08);
}

.color-primary-light-9 {
  color: rgba(var(--primary-light), 0.09);
}

.color-primary-light-10 {
  color: rgba(var(--primary-light), 0.1);
}

.color-primary-light-11 {
  color: rgba(var(--primary-light), 0.11);
}

.color-primary-light-12 {
  color: rgba(var(--primary-light), 0.12);
}

.color-primary-light-13 {
  color: rgba(var(--primary-light), 0.13);
}

.color-primary-light-14 {
  color: rgba(var(--primary-light), 0.14);
}

.color-primary-light-15 {
  color: rgba(var(--primary-light), 0.15);
}

.color-primary-light-16 {
  color: rgba(var(--primary-light), 0.16);
}

.color-primary-light-17 {
  color: rgba(var(--primary-light), 0.17);
}

.color-primary-light-18 {
  color: rgba(var(--primary-light), 0.18);
}

.color-primary-light-19 {
  color: rgba(var(--primary-light), 0.19);
}

.color-primary-light-20 {
  color: rgba(var(--primary-light), 0.2);
}

.bg-soft-text-secondary-09 {
  background: rgba(230, 230, 230, 0.9);
}

.bg-soft-text-secondary-07 {
  background: rgba(230, 230, 230, 0.75);
}

.bg-soft-text-secondary-05 {
  background: rgba(230, 230, 230, 0.5);
}

.bg-soft-text-secondary-02 {
  background: rgba(230, 230, 230, 0.2);
}

.bg-soft-text-secondary-01 {
  background: rgba(230, 230, 230, 0.1);
}

.border-1-soft-text-secondary {
  border: 1px rgb(230, 230, 230) solid;
}

.color-soft-text-secondary-0 {
  color: rgba(230, 230, 230, 0);
}

.color-soft-text-secondary-1 {
  color: rgba(230, 230, 230, 0.01);
}

.color-soft-text-secondary-2 {
  color: rgba(230, 230, 230, 0.02);
}

.color-soft-text-secondary-3 {
  color: rgba(230, 230, 230, 0.03);
}

.color-soft-text-secondary-4 {
  color: rgba(230, 230, 230, 0.04);
}

.color-soft-text-secondary-5 {
  color: rgba(230, 230, 230, 0.05);
}

.color-soft-text-secondary-6 {
  color: rgba(230, 230, 230, 0.06);
}

.color-soft-text-secondary-7 {
  color: rgba(230, 230, 230, 0.07);
}

.color-soft-text-secondary-8 {
  color: rgba(230, 230, 230, 0.08);
}

.color-soft-text-secondary-9 {
  color: rgba(230, 230, 230, 0.09);
}

.color-soft-text-secondary-10 {
  color: rgba(230, 230, 230, 0.1);
}

.color-soft-text-secondary-11 {
  color: rgba(230, 230, 230, 0.11);
}

.color-soft-text-secondary-12 {
  color: rgba(230, 230, 230, 0.12);
}

.color-soft-text-secondary-13 {
  color: rgba(230, 230, 230, 0.13);
}

.color-soft-text-secondary-14 {
  color: rgba(230, 230, 230, 0.14);
}

.color-soft-text-secondary-15 {
  color: rgba(230, 230, 230, 0.15);
}

.color-soft-text-secondary-16 {
  color: rgba(230, 230, 230, 0.16);
}

.color-soft-text-secondary-17 {
  color: rgba(230, 230, 230, 0.17);
}

.color-soft-text-secondary-18 {
  color: rgba(230, 230, 230, 0.18);
}

.color-soft-text-secondary-19 {
  color: rgba(230, 230, 230, 0.19);
}

.color-soft-text-secondary-20 {
  color: rgba(230, 230, 230, 0.2);
}

.bg-assign-09 {
  background: rgba(185, 111, 0, 0.9);
}

.bg-assign-07 {
  background: rgba(185, 111, 0, 0.75);
}

.bg-assign-05 {
  background: rgba(185, 111, 0, 0.5);
}

.bg-assign-02 {
  background: rgba(185, 111, 0, 0.2);
}

.bg-assign-01 {
  background: rgba(185, 111, 0, 0.1);
}

.border-1-assign {
  border: 1px rgb(185, 111, 0) solid;
}

.color-assign-0 {
  color: rgba(185, 111, 0, 0);
}

.color-assign-1 {
  color: rgba(185, 111, 0, 0.01);
}

.color-assign-2 {
  color: rgba(185, 111, 0, 0.02);
}

.color-assign-3 {
  color: rgba(185, 111, 0, 0.03);
}

.color-assign-4 {
  color: rgba(185, 111, 0, 0.04);
}

.color-assign-5 {
  color: rgba(185, 111, 0, 0.05);
}

.color-assign-6 {
  color: rgba(185, 111, 0, 0.06);
}

.color-assign-7 {
  color: rgba(185, 111, 0, 0.07);
}

.color-assign-8 {
  color: rgba(185, 111, 0, 0.08);
}

.color-assign-9 {
  color: rgba(185, 111, 0, 0.09);
}

.color-assign-10 {
  color: rgba(185, 111, 0, 0.1);
}

.color-assign-11 {
  color: rgba(185, 111, 0, 0.11);
}

.color-assign-12 {
  color: rgba(185, 111, 0, 0.12);
}

.color-assign-13 {
  color: rgba(185, 111, 0, 0.13);
}

.color-assign-14 {
  color: rgba(185, 111, 0, 0.14);
}

.color-assign-15 {
  color: rgba(185, 111, 0, 0.15);
}

.color-assign-16 {
  color: rgba(185, 111, 0, 0.16);
}

.color-assign-17 {
  color: rgba(185, 111, 0, 0.17);
}

.color-assign-18 {
  color: rgba(185, 111, 0, 0.18);
}

.color-assign-19 {
  color: rgba(185, 111, 0, 0.19);
}

.color-assign-20 {
  color: rgba(185, 111, 0, 0.2);
}

.bg-hightlight-text-09 {
  background: rgba(var(--primary-normal-2), 0.9);
}

.bg-hightlight-text-07 {
  background: rgba(var(--primary-normal-2), 0.75);
}

.bg-hightlight-text-05 {
  background: rgba(var(--primary-normal-2), 0.5);
}

.bg-hightlight-text-02 {
  background: rgba(var(--primary-normal-2), 0.2);
}

.bg-hightlight-text-01 {
  background: rgba(var(--primary-normal-2), 0.1);
}

.border-1-hightlight-text {
  border: 1px var(--primary-normal-2) solid;
}

.color-hightlight-text-0 {
  color: rgba(var(--primary-normal-2), 0);
}

.color-hightlight-text-1 {
  color: rgba(var(--primary-normal-2), 0.01);
}

.color-hightlight-text-2 {
  color: rgba(var(--primary-normal-2), 0.02);
}

.color-hightlight-text-3 {
  color: rgba(var(--primary-normal-2), 0.03);
}

.color-hightlight-text-4 {
  color: rgba(var(--primary-normal-2), 0.04);
}

.color-hightlight-text-5 {
  color: rgba(var(--primary-normal-2), 0.05);
}

.color-hightlight-text-6 {
  color: rgba(var(--primary-normal-2), 0.06);
}

.color-hightlight-text-7 {
  color: rgba(var(--primary-normal-2), 0.07);
}

.color-hightlight-text-8 {
  color: rgba(var(--primary-normal-2), 0.08);
}

.color-hightlight-text-9 {
  color: rgba(var(--primary-normal-2), 0.09);
}

.color-hightlight-text-10 {
  color: rgba(var(--primary-normal-2), 0.1);
}

.color-hightlight-text-11 {
  color: rgba(var(--primary-normal-2), 0.11);
}

.color-hightlight-text-12 {
  color: rgba(var(--primary-normal-2), 0.12);
}

.color-hightlight-text-13 {
  color: rgba(var(--primary-normal-2), 0.13);
}

.color-hightlight-text-14 {
  color: rgba(var(--primary-normal-2), 0.14);
}

.color-hightlight-text-15 {
  color: rgba(var(--primary-normal-2), 0.15);
}

.color-hightlight-text-16 {
  color: rgba(var(--primary-normal-2), 0.16);
}

.color-hightlight-text-17 {
  color: rgba(var(--primary-normal-2), 0.17);
}

.color-hightlight-text-18 {
  color: rgba(var(--primary-normal-2), 0.18);
}

.color-hightlight-text-19 {
  color: rgba(var(--primary-normal-2), 0.19);
}

.color-hightlight-text-20 {
  color: rgba(var(--primary-normal-2), 0.2);
}

.bg-navy-gray-09 {
  background: rgba(58, 69, 83, 0.9);
}

.bg-navy-gray-07 {
  background: rgba(58, 69, 83, 0.75);
}

.bg-navy-gray-05 {
  background: rgba(58, 69, 83, 0.5);
}

.bg-navy-gray-02 {
  background: rgba(58, 69, 83, 0.2);
}

.bg-navy-gray-01 {
  background: rgba(58, 69, 83, 0.1);
}

.border-1-navy-gray {
  border: 1px rgb(58, 69, 83) solid;
}

.color-navy-gray-0 {
  color: rgba(58, 69, 83, 0);
}

.color-navy-gray-1 {
  color: rgba(58, 69, 83, 0.01);
}

.color-navy-gray-2 {
  color: rgba(58, 69, 83, 0.02);
}

.color-navy-gray-3 {
  color: rgba(58, 69, 83, 0.03);
}

.color-navy-gray-4 {
  color: rgba(58, 69, 83, 0.04);
}

.color-navy-gray-5 {
  color: rgba(58, 69, 83, 0.05);
}

.color-navy-gray-6 {
  color: rgba(58, 69, 83, 0.06);
}

.color-navy-gray-7 {
  color: rgba(58, 69, 83, 0.07);
}

.color-navy-gray-8 {
  color: rgba(58, 69, 83, 0.08);
}

.color-navy-gray-9 {
  color: rgba(58, 69, 83, 0.09);
}

.color-navy-gray-10 {
  color: rgba(58, 69, 83, 0.1);
}

.color-navy-gray-11 {
  color: rgba(58, 69, 83, 0.11);
}

.color-navy-gray-12 {
  color: rgba(58, 69, 83, 0.12);
}

.color-navy-gray-13 {
  color: rgba(58, 69, 83, 0.13);
}

.color-navy-gray-14 {
  color: rgba(58, 69, 83, 0.14);
}

.color-navy-gray-15 {
  color: rgba(58, 69, 83, 0.15);
}

.color-navy-gray-16 {
  color: rgba(58, 69, 83, 0.16);
}

.color-navy-gray-17 {
  color: rgba(58, 69, 83, 0.17);
}

.color-navy-gray-18 {
  color: rgba(58, 69, 83, 0.18);
}

.color-navy-gray-19 {
  color: rgba(58, 69, 83, 0.19);
}

.color-navy-gray-20 {
  color: rgba(58, 69, 83, 0.2);
}

.bg-hot-pink-09 {
  background: rgba(254, 4, 255, 0.9);
}

.bg-hot-pink-07 {
  background: rgba(254, 4, 255, 0.75);
}

.bg-hot-pink-05 {
  background: rgba(254, 4, 255, 0.5);
}

.bg-hot-pink-02 {
  background: rgba(254, 4, 255, 0.2);
}

.bg-hot-pink-01 {
  background: rgba(254, 4, 255, 0.1);
}

.border-1-hot-pink {
  border: 1px rgb(254, 4, 255) solid;
}

.color-hot-pink-0 {
  color: rgba(254, 4, 255, 0);
}

.color-hot-pink-1 {
  color: rgba(254, 4, 255, 0.01);
}

.color-hot-pink-2 {
  color: rgba(254, 4, 255, 0.02);
}

.color-hot-pink-3 {
  color: rgba(254, 4, 255, 0.03);
}

.color-hot-pink-4 {
  color: rgba(254, 4, 255, 0.04);
}

.color-hot-pink-5 {
  color: rgba(254, 4, 255, 0.05);
}

.color-hot-pink-6 {
  color: rgba(254, 4, 255, 0.06);
}

.color-hot-pink-7 {
  color: rgba(254, 4, 255, 0.07);
}

.color-hot-pink-8 {
  color: rgba(254, 4, 255, 0.08);
}

.color-hot-pink-9 {
  color: rgba(254, 4, 255, 0.09);
}

.color-hot-pink-10 {
  color: rgba(254, 4, 255, 0.1);
}

.color-hot-pink-11 {
  color: rgba(254, 4, 255, 0.11);
}

.color-hot-pink-12 {
  color: rgba(254, 4, 255, 0.12);
}

.color-hot-pink-13 {
  color: rgba(254, 4, 255, 0.13);
}

.color-hot-pink-14 {
  color: rgba(254, 4, 255, 0.14);
}

.color-hot-pink-15 {
  color: rgba(254, 4, 255, 0.15);
}

.color-hot-pink-16 {
  color: rgba(254, 4, 255, 0.16);
}

.color-hot-pink-17 {
  color: rgba(254, 4, 255, 0.17);
}

.color-hot-pink-18 {
  color: rgba(254, 4, 255, 0.18);
}

.color-hot-pink-19 {
  color: rgba(254, 4, 255, 0.19);
}

.color-hot-pink-20 {
  color: rgba(254, 4, 255, 0.2);
}

.bg-hot-bule-09 {
  background: rgba(1, 255, 215, 0.9);
}

.bg-hot-bule-07 {
  background: rgba(1, 255, 215, 0.75);
}

.bg-hot-bule-05 {
  background: rgba(1, 255, 215, 0.5);
}

.bg-hot-bule-02 {
  background: rgba(1, 255, 215, 0.2);
}

.bg-hot-bule-01 {
  background: rgba(1, 255, 215, 0.1);
}

.border-1-hot-bule {
  border: 1px rgb(1, 255, 215) solid;
}

.color-hot-bule-0 {
  color: rgba(1, 255, 215, 0);
}

.color-hot-bule-1 {
  color: rgba(1, 255, 215, 0.01);
}

.color-hot-bule-2 {
  color: rgba(1, 255, 215, 0.02);
}

.color-hot-bule-3 {
  color: rgba(1, 255, 215, 0.03);
}

.color-hot-bule-4 {
  color: rgba(1, 255, 215, 0.04);
}

.color-hot-bule-5 {
  color: rgba(1, 255, 215, 0.05);
}

.color-hot-bule-6 {
  color: rgba(1, 255, 215, 0.06);
}

.color-hot-bule-7 {
  color: rgba(1, 255, 215, 0.07);
}

.color-hot-bule-8 {
  color: rgba(1, 255, 215, 0.08);
}

.color-hot-bule-9 {
  color: rgba(1, 255, 215, 0.09);
}

.color-hot-bule-10 {
  color: rgba(1, 255, 215, 0.1);
}

.color-hot-bule-11 {
  color: rgba(1, 255, 215, 0.11);
}

.color-hot-bule-12 {
  color: rgba(1, 255, 215, 0.12);
}

.color-hot-bule-13 {
  color: rgba(1, 255, 215, 0.13);
}

.color-hot-bule-14 {
  color: rgba(1, 255, 215, 0.14);
}

.color-hot-bule-15 {
  color: rgba(1, 255, 215, 0.15);
}

.color-hot-bule-16 {
  color: rgba(1, 255, 215, 0.16);
}

.color-hot-bule-17 {
  color: rgba(1, 255, 215, 0.17);
}

.color-hot-bule-18 {
  color: rgba(1, 255, 215, 0.18);
}

.color-hot-bule-19 {
  color: rgba(1, 255, 215, 0.19);
}

.color-hot-bule-20 {
  color: rgba(1, 255, 215, 0.2);
}

.bg-light-gray-09 {
  background: rgba(223, 226, 228, 0.9);
}

.bg-light-gray-07 {
  background: rgba(223, 226, 228, 0.75);
}

.bg-light-gray-05 {
  background: rgba(223, 226, 228, 0.5);
}

.bg-light-gray-02 {
  background: rgba(223, 226, 228, 0.2);
}

.bg-light-gray-01 {
  background: rgba(223, 226, 228, 0.1);
}

.border-1-light-gray {
  border: 1px rgb(223, 226, 228) solid;
}

.color-light-gray-0 {
  color: rgba(223, 226, 228, 0);
}

.color-light-gray-1 {
  color: rgba(223, 226, 228, 0.01);
}

.color-light-gray-2 {
  color: rgba(223, 226, 228, 0.02);
}

.color-light-gray-3 {
  color: rgba(223, 226, 228, 0.03);
}

.color-light-gray-4 {
  color: rgba(223, 226, 228, 0.04);
}

.color-light-gray-5 {
  color: rgba(223, 226, 228, 0.05);
}

.color-light-gray-6 {
  color: rgba(223, 226, 228, 0.06);
}

.color-light-gray-7 {
  color: rgba(223, 226, 228, 0.07);
}

.color-light-gray-8 {
  color: rgba(223, 226, 228, 0.08);
}

.color-light-gray-9 {
  color: rgba(223, 226, 228, 0.09);
}

.color-light-gray-10 {
  color: rgba(223, 226, 228, 0.1);
}

.color-light-gray-11 {
  color: rgba(223, 226, 228, 0.11);
}

.color-light-gray-12 {
  color: rgba(223, 226, 228, 0.12);
}

.color-light-gray-13 {
  color: rgba(223, 226, 228, 0.13);
}

.color-light-gray-14 {
  color: rgba(223, 226, 228, 0.14);
}

.color-light-gray-15 {
  color: rgba(223, 226, 228, 0.15);
}

.color-light-gray-16 {
  color: rgba(223, 226, 228, 0.16);
}

.color-light-gray-17 {
  color: rgba(223, 226, 228, 0.17);
}

.color-light-gray-18 {
  color: rgba(223, 226, 228, 0.18);
}

.color-light-gray-19 {
  color: rgba(223, 226, 228, 0.19);
}

.color-light-gray-20 {
  color: rgba(223, 226, 228, 0.2);
}

.bg-gray-09 {
  background: rgba(229, 231, 235, 0.9);
}

.bg-gray-07 {
  background: rgba(229, 231, 235, 0.75);
}

.bg-gray-05 {
  background: rgba(229, 231, 235, 0.5);
}

.bg-gray-02 {
  background: rgba(229, 231, 235, 0.2);
}

.bg-gray-01 {
  background: rgba(229, 231, 235, 0.1);
}

.border-1-gray {
  border: 1px rgb(229, 231, 235) solid;
}

.color-gray-0 {
  color: rgba(229, 231, 235, 0);
}

.color-gray-1 {
  color: rgba(229, 231, 235, 0.01);
}

.color-gray-2 {
  color: rgba(229, 231, 235, 0.02);
}

.color-gray-3 {
  color: rgba(229, 231, 235, 0.03);
}

.color-gray-4 {
  color: rgba(229, 231, 235, 0.04);
}

.color-gray-5 {
  color: rgba(229, 231, 235, 0.05);
}

.color-gray-6 {
  color: rgba(229, 231, 235, 0.06);
}

.color-gray-7 {
  color: rgba(229, 231, 235, 0.07);
}

.color-gray-8 {
  color: rgba(229, 231, 235, 0.08);
}

.color-gray-9 {
  color: rgba(229, 231, 235, 0.09);
}

.color-gray-10 {
  color: rgba(229, 231, 235, 0.1);
}

.color-gray-11 {
  color: rgba(229, 231, 235, 0.11);
}

.color-gray-12 {
  color: rgba(229, 231, 235, 0.12);
}

.color-gray-13 {
  color: rgba(229, 231, 235, 0.13);
}

.color-gray-14 {
  color: rgba(229, 231, 235, 0.14);
}

.color-gray-15 {
  color: rgba(229, 231, 235, 0.15);
}

.color-gray-16 {
  color: rgba(229, 231, 235, 0.16);
}

.color-gray-17 {
  color: rgba(229, 231, 235, 0.17);
}

.color-gray-18 {
  color: rgba(229, 231, 235, 0.18);
}

.color-gray-19 {
  color: rgba(229, 231, 235, 0.19);
}

.color-gray-20 {
  color: rgba(229, 231, 235, 0.2);
}

.bg-danger_light-09 {
  background: rgba(252, 201, 201, 0.9);
}

.bg-danger_light-07 {
  background: rgba(252, 201, 201, 0.75);
}

.bg-danger_light-05 {
  background: rgba(252, 201, 201, 0.5);
}

.bg-danger_light-02 {
  background: rgba(252, 201, 201, 0.2);
}

.bg-danger_light-01 {
  background: rgba(252, 201, 201, 0.1);
}

.border-1-danger_light {
  border: 1px rgb(252, 201, 201) solid;
}

.color-danger_light-0 {
  color: rgba(252, 201, 201, 0);
}

.color-danger_light-1 {
  color: rgba(252, 201, 201, 0.01);
}

.color-danger_light-2 {
  color: rgba(252, 201, 201, 0.02);
}

.color-danger_light-3 {
  color: rgba(252, 201, 201, 0.03);
}

.color-danger_light-4 {
  color: rgba(252, 201, 201, 0.04);
}

.color-danger_light-5 {
  color: rgba(252, 201, 201, 0.05);
}

.color-danger_light-6 {
  color: rgba(252, 201, 201, 0.06);
}

.color-danger_light-7 {
  color: rgba(252, 201, 201, 0.07);
}

.color-danger_light-8 {
  color: rgba(252, 201, 201, 0.08);
}

.color-danger_light-9 {
  color: rgba(252, 201, 201, 0.09);
}

.color-danger_light-10 {
  color: rgba(252, 201, 201, 0.1);
}

.color-danger_light-11 {
  color: rgba(252, 201, 201, 0.11);
}

.color-danger_light-12 {
  color: rgba(252, 201, 201, 0.12);
}

.color-danger_light-13 {
  color: rgba(252, 201, 201, 0.13);
}

.color-danger_light-14 {
  color: rgba(252, 201, 201, 0.14);
}

.color-danger_light-15 {
  color: rgba(252, 201, 201, 0.15);
}

.color-danger_light-16 {
  color: rgba(252, 201, 201, 0.16);
}

.color-danger_light-17 {
  color: rgba(252, 201, 201, 0.17);
}

.color-danger_light-18 {
  color: rgba(252, 201, 201, 0.18);
}

.color-danger_light-19 {
  color: rgba(252, 201, 201, 0.19);
}

.color-danger_light-20 {
  color: rgba(252, 201, 201, 0.2);
}

.bg-background-2-09 {
  background: rgba(249, 250, 251, 0.9);
}

.bg-background-2-07 {
  background: rgba(249, 250, 251, 0.75);
}

.bg-background-2-05 {
  background: rgba(249, 250, 251, 0.5);
}

.bg-background-2-02 {
  background: rgba(249, 250, 251, 0.2);
}

.bg-background-2-01 {
  background: rgba(249, 250, 251, 0.1);
}

.border-1-background-2 {
  border: 1px rgb(249, 250, 251) solid;
}

.color-background-2-0 {
  color: rgba(249, 250, 251, 0);
}

.color-background-2-1 {
  color: rgba(249, 250, 251, 0.01);
}

.color-background-2-2 {
  color: rgba(249, 250, 251, 0.02);
}

.color-background-2-3 {
  color: rgba(249, 250, 251, 0.03);
}

.color-background-2-4 {
  color: rgba(249, 250, 251, 0.04);
}

.color-background-2-5 {
  color: rgba(249, 250, 251, 0.05);
}

.color-background-2-6 {
  color: rgba(249, 250, 251, 0.06);
}

.color-background-2-7 {
  color: rgba(249, 250, 251, 0.07);
}

.color-background-2-8 {
  color: rgba(249, 250, 251, 0.08);
}

.color-background-2-9 {
  color: rgba(249, 250, 251, 0.09);
}

.color-background-2-10 {
  color: rgba(249, 250, 251, 0.1);
}

.color-background-2-11 {
  color: rgba(249, 250, 251, 0.11);
}

.color-background-2-12 {
  color: rgba(249, 250, 251, 0.12);
}

.color-background-2-13 {
  color: rgba(249, 250, 251, 0.13);
}

.color-background-2-14 {
  color: rgba(249, 250, 251, 0.14);
}

.color-background-2-15 {
  color: rgba(249, 250, 251, 0.15);
}

.color-background-2-16 {
  color: rgba(249, 250, 251, 0.16);
}

.color-background-2-17 {
  color: rgba(249, 250, 251, 0.17);
}

.color-background-2-18 {
  color: rgba(249, 250, 251, 0.18);
}

.color-background-2-19 {
  color: rgba(249, 250, 251, 0.19);
}

.color-background-2-20 {
  color: rgba(249, 250, 251, 0.2);
}

.bg-danger-09 {
  background: rgba(241, 30, 30, 0.9);
}

.bg-danger-07 {
  background: rgba(241, 30, 30, 0.75);
}

.bg-danger-05 {
  background: rgba(241, 30, 30, 0.5);
}

.bg-danger-02 {
  background: rgba(241, 30, 30, 0.2);
}

.bg-danger-01 {
  background: rgba(241, 30, 30, 0.1);
}

.border-1-danger {
  border: 1px rgb(241, 30, 30) solid;
}

.color-danger-0 {
  color: rgba(241, 30, 30, 0);
}

.color-danger-1 {
  color: rgba(241, 30, 30, 0.01);
}

.color-danger-2 {
  color: rgba(241, 30, 30, 0.02);
}

.color-danger-3 {
  color: rgba(241, 30, 30, 0.03);
}

.color-danger-4 {
  color: rgba(241, 30, 30, 0.04);
}

.color-danger-5 {
  color: rgba(241, 30, 30, 0.05);
}

.color-danger-6 {
  color: rgba(241, 30, 30, 0.06);
}

.color-danger-7 {
  color: rgba(241, 30, 30, 0.07);
}

.color-danger-8 {
  color: rgba(241, 30, 30, 0.08);
}

.color-danger-9 {
  color: rgba(241, 30, 30, 0.09);
}

.color-danger-10 {
  color: rgba(241, 30, 30, 0.1);
}

.color-danger-11 {
  color: rgba(241, 30, 30, 0.11);
}

.color-danger-12 {
  color: rgba(241, 30, 30, 0.12);
}

.color-danger-13 {
  color: rgba(241, 30, 30, 0.13);
}

.color-danger-14 {
  color: rgba(241, 30, 30, 0.14);
}

.color-danger-15 {
  color: rgba(241, 30, 30, 0.15);
}

.color-danger-16 {
  color: rgba(241, 30, 30, 0.16);
}

.color-danger-17 {
  color: rgba(241, 30, 30, 0.17);
}

.color-danger-18 {
  color: rgba(241, 30, 30, 0.18);
}

.color-danger-19 {
  color: rgba(241, 30, 30, 0.19);
}

.color-danger-20 {
  color: rgba(241, 30, 30, 0.2);
}

.bg-info-normal-09 {
  background: rgba(0, 102, 204, 0.9);
}

.bg-info-normal-07 {
  background: rgba(0, 102, 204, 0.75);
}

.bg-info-normal-05 {
  background: rgba(0, 102, 204, 0.5);
}

.bg-info-normal-02 {
  background: rgba(0, 102, 204, 0.2);
}

.bg-info-normal-01 {
  background: rgba(0, 102, 204, 0.1);
}

.border-1-info-normal {
  border: 1px rgb(0, 102, 204) solid;
}

.color-info-normal-0 {
  color: rgba(0, 102, 204, 0);
}

.color-info-normal-1 {
  color: rgba(0, 102, 204, 0.01);
}

.color-info-normal-2 {
  color: rgba(0, 102, 204, 0.02);
}

.color-info-normal-3 {
  color: rgba(0, 102, 204, 0.03);
}

.color-info-normal-4 {
  color: rgba(0, 102, 204, 0.04);
}

.color-info-normal-5 {
  color: rgba(0, 102, 204, 0.05);
}

.color-info-normal-6 {
  color: rgba(0, 102, 204, 0.06);
}

.color-info-normal-7 {
  color: rgba(0, 102, 204, 0.07);
}

.color-info-normal-8 {
  color: rgba(0, 102, 204, 0.08);
}

.color-info-normal-9 {
  color: rgba(0, 102, 204, 0.09);
}

.color-info-normal-10 {
  color: rgba(0, 102, 204, 0.1);
}

.color-info-normal-11 {
  color: rgba(0, 102, 204, 0.11);
}

.color-info-normal-12 {
  color: rgba(0, 102, 204, 0.12);
}

.color-info-normal-13 {
  color: rgba(0, 102, 204, 0.13);
}

.color-info-normal-14 {
  color: rgba(0, 102, 204, 0.14);
}

.color-info-normal-15 {
  color: rgba(0, 102, 204, 0.15);
}

.color-info-normal-16 {
  color: rgba(0, 102, 204, 0.16);
}

.color-info-normal-17 {
  color: rgba(0, 102, 204, 0.17);
}

.color-info-normal-18 {
  color: rgba(0, 102, 204, 0.18);
}

.color-info-normal-19 {
  color: rgba(0, 102, 204, 0.19);
}

.color-info-normal-20 {
  color: rgba(0, 102, 204, 0.2);
}

.bg-dividers-09 {
  background: rgba(242, 242, 242, 0.9);
}

.bg-dividers-07 {
  background: rgba(242, 242, 242, 0.75);
}

.bg-dividers-05 {
  background: rgba(242, 242, 242, 0.5);
}

.bg-dividers-02 {
  background: rgba(242, 242, 242, 0.2);
}

.bg-dividers-01 {
  background: rgba(242, 242, 242, 0.1);
}

.border-1-dividers {
  border: 1px rgb(242, 242, 242) solid;
}

.color-dividers-0 {
  color: rgba(242, 242, 242, 0);
}

.color-dividers-1 {
  color: rgba(242, 242, 242, 0.01);
}

.color-dividers-2 {
  color: rgba(242, 242, 242, 0.02);
}

.color-dividers-3 {
  color: rgba(242, 242, 242, 0.03);
}

.color-dividers-4 {
  color: rgba(242, 242, 242, 0.04);
}

.color-dividers-5 {
  color: rgba(242, 242, 242, 0.05);
}

.color-dividers-6 {
  color: rgba(242, 242, 242, 0.06);
}

.color-dividers-7 {
  color: rgba(242, 242, 242, 0.07);
}

.color-dividers-8 {
  color: rgba(242, 242, 242, 0.08);
}

.color-dividers-9 {
  color: rgba(242, 242, 242, 0.09);
}

.color-dividers-10 {
  color: rgba(242, 242, 242, 0.1);
}

.color-dividers-11 {
  color: rgba(242, 242, 242, 0.11);
}

.color-dividers-12 {
  color: rgba(242, 242, 242, 0.12);
}

.color-dividers-13 {
  color: rgba(242, 242, 242, 0.13);
}

.color-dividers-14 {
  color: rgba(242, 242, 242, 0.14);
}

.color-dividers-15 {
  color: rgba(242, 242, 242, 0.15);
}

.color-dividers-16 {
  color: rgba(242, 242, 242, 0.16);
}

.color-dividers-17 {
  color: rgba(242, 242, 242, 0.17);
}

.color-dividers-18 {
  color: rgba(242, 242, 242, 0.18);
}

.color-dividers-19 {
  color: rgba(242, 242, 242, 0.19);
}

.color-dividers-20 {
  color: rgba(242, 242, 242, 0.2);
}

.bg-border-09 {
  background: rgba(209, 213, 219, 0.9);
}

.bg-border-07 {
  background: rgba(209, 213, 219, 0.75);
}

.bg-border-05 {
  background: rgba(209, 213, 219, 0.5);
}

.bg-border-02 {
  background: rgba(209, 213, 219, 0.2);
}

.bg-border-01 {
  background: rgba(209, 213, 219, 0.1);
}

.border-1-border {
  border: 1px rgb(209, 213, 219) solid;
}

.color-border-0 {
  color: rgba(209, 213, 219, 0);
}

.color-border-1 {
  color: rgba(209, 213, 219, 0.01);
}

.color-border-2 {
  color: rgba(209, 213, 219, 0.02);
}

.color-border-3 {
  color: rgba(209, 213, 219, 0.03);
}

.color-border-4 {
  color: rgba(209, 213, 219, 0.04);
}

.color-border-5 {
  color: rgba(209, 213, 219, 0.05);
}

.color-border-6 {
  color: rgba(209, 213, 219, 0.06);
}

.color-border-7 {
  color: rgba(209, 213, 219, 0.07);
}

.color-border-8 {
  color: rgba(209, 213, 219, 0.08);
}

.color-border-9 {
  color: rgba(209, 213, 219, 0.09);
}

.color-border-10 {
  color: rgba(209, 213, 219, 0.1);
}

.color-border-11 {
  color: rgba(209, 213, 219, 0.11);
}

.color-border-12 {
  color: rgba(209, 213, 219, 0.12);
}

.color-border-13 {
  color: rgba(209, 213, 219, 0.13);
}

.color-border-14 {
  color: rgba(209, 213, 219, 0.14);
}

.color-border-15 {
  color: rgba(209, 213, 219, 0.15);
}

.color-border-16 {
  color: rgba(209, 213, 219, 0.16);
}

.color-border-17 {
  color: rgba(209, 213, 219, 0.17);
}

.color-border-18 {
  color: rgba(209, 213, 219, 0.18);
}

.color-border-19 {
  color: rgba(209, 213, 219, 0.19);
}

.color-border-20 {
  color: rgba(209, 213, 219, 0.2);
}

.bg-woodsmoke-09 {
  background: rgba(56, 64, 65, 0.9);
}

.bg-woodsmoke-07 {
  background: rgba(56, 64, 65, 0.75);
}

.bg-woodsmoke-05 {
  background: rgba(56, 64, 65, 0.5);
}

.bg-woodsmoke-02 {
  background: rgba(56, 64, 65, 0.2);
}

.bg-woodsmoke-01 {
  background: rgba(56, 64, 65, 0.1);
}

.border-1-woodsmoke {
  border: 1px rgb(56, 64, 65) solid;
}

.color-woodsmoke-0 {
  color: rgba(56, 64, 65, 0);
}

.color-woodsmoke-1 {
  color: rgba(56, 64, 65, 0.01);
}

.color-woodsmoke-2 {
  color: rgba(56, 64, 65, 0.02);
}

.color-woodsmoke-3 {
  color: rgba(56, 64, 65, 0.03);
}

.color-woodsmoke-4 {
  color: rgba(56, 64, 65, 0.04);
}

.color-woodsmoke-5 {
  color: rgba(56, 64, 65, 0.05);
}

.color-woodsmoke-6 {
  color: rgba(56, 64, 65, 0.06);
}

.color-woodsmoke-7 {
  color: rgba(56, 64, 65, 0.07);
}

.color-woodsmoke-8 {
  color: rgba(56, 64, 65, 0.08);
}

.color-woodsmoke-9 {
  color: rgba(56, 64, 65, 0.09);
}

.color-woodsmoke-10 {
  color: rgba(56, 64, 65, 0.1);
}

.color-woodsmoke-11 {
  color: rgba(56, 64, 65, 0.11);
}

.color-woodsmoke-12 {
  color: rgba(56, 64, 65, 0.12);
}

.color-woodsmoke-13 {
  color: rgba(56, 64, 65, 0.13);
}

.color-woodsmoke-14 {
  color: rgba(56, 64, 65, 0.14);
}

.color-woodsmoke-15 {
  color: rgba(56, 64, 65, 0.15);
}

.color-woodsmoke-16 {
  color: rgba(56, 64, 65, 0.16);
}

.color-woodsmoke-17 {
  color: rgba(56, 64, 65, 0.17);
}

.color-woodsmoke-18 {
  color: rgba(56, 64, 65, 0.18);
}

.color-woodsmoke-19 {
  color: rgba(56, 64, 65, 0.19);
}

.color-woodsmoke-20 {
  color: rgba(56, 64, 65, 0.2);
}

.bg-disable-09 {
  background: rgba(233, 234, 235, 0.9);
}

.bg-disable-07 {
  background: rgba(233, 234, 235, 0.75);
}

.bg-disable-05 {
  background: rgba(233, 234, 235, 0.5);
}

.bg-disable-02 {
  background: rgba(233, 234, 235, 0.2);
}

.bg-disable-01 {
  background: rgba(233, 234, 235, 0.1);
}

.border-1-disable {
  border: 1px rgb(233, 234, 235) solid;
}

.color-disable-0 {
  color: rgba(233, 234, 235, 0);
}

.color-disable-1 {
  color: rgba(233, 234, 235, 0.01);
}

.color-disable-2 {
  color: rgba(233, 234, 235, 0.02);
}

.color-disable-3 {
  color: rgba(233, 234, 235, 0.03);
}

.color-disable-4 {
  color: rgba(233, 234, 235, 0.04);
}

.color-disable-5 {
  color: rgba(233, 234, 235, 0.05);
}

.color-disable-6 {
  color: rgba(233, 234, 235, 0.06);
}

.color-disable-7 {
  color: rgba(233, 234, 235, 0.07);
}

.color-disable-8 {
  color: rgba(233, 234, 235, 0.08);
}

.color-disable-9 {
  color: rgba(233, 234, 235, 0.09);
}

.color-disable-10 {
  color: rgba(233, 234, 235, 0.1);
}

.color-disable-11 {
  color: rgba(233, 234, 235, 0.11);
}

.color-disable-12 {
  color: rgba(233, 234, 235, 0.12);
}

.color-disable-13 {
  color: rgba(233, 234, 235, 0.13);
}

.color-disable-14 {
  color: rgba(233, 234, 235, 0.14);
}

.color-disable-15 {
  color: rgba(233, 234, 235, 0.15);
}

.color-disable-16 {
  color: rgba(233, 234, 235, 0.16);
}

.color-disable-17 {
  color: rgba(233, 234, 235, 0.17);
}

.color-disable-18 {
  color: rgba(233, 234, 235, 0.18);
}

.color-disable-19 {
  color: rgba(233, 234, 235, 0.19);
}

.color-disable-20 {
  color: rgba(233, 234, 235, 0.2);
}

.bg-text-body-09 {
  background: rgba(107, 114, 128, 0.9);
}

.bg-text-body-07 {
  background: rgba(107, 114, 128, 0.75);
}

.bg-text-body-05 {
  background: rgba(107, 114, 128, 0.5);
}

.bg-text-body-02 {
  background: rgba(107, 114, 128, 0.2);
}

.bg-text-body-01 {
  background: rgba(107, 114, 128, 0.1);
}

.border-1-text-body {
  border: 1px rgb(107, 114, 128) solid;
}

.color-text-body-0 {
  color: rgba(107, 114, 128, 0);
}

.color-text-body-1 {
  color: rgba(107, 114, 128, 0.01);
}

.color-text-body-2 {
  color: rgba(107, 114, 128, 0.02);
}

.color-text-body-3 {
  color: rgba(107, 114, 128, 0.03);
}

.color-text-body-4 {
  color: rgba(107, 114, 128, 0.04);
}

.color-text-body-5 {
  color: rgba(107, 114, 128, 0.05);
}

.color-text-body-6 {
  color: rgba(107, 114, 128, 0.06);
}

.color-text-body-7 {
  color: rgba(107, 114, 128, 0.07);
}

.color-text-body-8 {
  color: rgba(107, 114, 128, 0.08);
}

.color-text-body-9 {
  color: rgba(107, 114, 128, 0.09);
}

.color-text-body-10 {
  color: rgba(107, 114, 128, 0.1);
}

.color-text-body-11 {
  color: rgba(107, 114, 128, 0.11);
}

.color-text-body-12 {
  color: rgba(107, 114, 128, 0.12);
}

.color-text-body-13 {
  color: rgba(107, 114, 128, 0.13);
}

.color-text-body-14 {
  color: rgba(107, 114, 128, 0.14);
}

.color-text-body-15 {
  color: rgba(107, 114, 128, 0.15);
}

.color-text-body-16 {
  color: rgba(107, 114, 128, 0.16);
}

.color-text-body-17 {
  color: rgba(107, 114, 128, 0.17);
}

.color-text-body-18 {
  color: rgba(107, 114, 128, 0.18);
}

.color-text-body-19 {
  color: rgba(107, 114, 128, 0.19);
}

.color-text-body-20 {
  color: rgba(107, 114, 128, 0.2);
}

.bg-soft-woodsmoke-09 {
  background: rgba(235, 236, 236, 0.9);
}

.bg-soft-woodsmoke-07 {
  background: rgba(235, 236, 236, 0.75);
}

.bg-soft-woodsmoke-05 {
  background: rgba(235, 236, 236, 0.5);
}

.bg-soft-woodsmoke-02 {
  background: rgba(235, 236, 236, 0.2);
}

.bg-soft-woodsmoke-01 {
  background: rgba(235, 236, 236, 0.1);
}

.border-1-soft-woodsmoke {
  border: 1px rgb(235, 236, 236) solid;
}

.color-soft-woodsmoke-0 {
  color: rgba(235, 236, 236, 0);
}

.color-soft-woodsmoke-1 {
  color: rgba(235, 236, 236, 0.01);
}

.color-soft-woodsmoke-2 {
  color: rgba(235, 236, 236, 0.02);
}

.color-soft-woodsmoke-3 {
  color: rgba(235, 236, 236, 0.03);
}

.color-soft-woodsmoke-4 {
  color: rgba(235, 236, 236, 0.04);
}

.color-soft-woodsmoke-5 {
  color: rgba(235, 236, 236, 0.05);
}

.color-soft-woodsmoke-6 {
  color: rgba(235, 236, 236, 0.06);
}

.color-soft-woodsmoke-7 {
  color: rgba(235, 236, 236, 0.07);
}

.color-soft-woodsmoke-8 {
  color: rgba(235, 236, 236, 0.08);
}

.color-soft-woodsmoke-9 {
  color: rgba(235, 236, 236, 0.09);
}

.color-soft-woodsmoke-10 {
  color: rgba(235, 236, 236, 0.1);
}

.color-soft-woodsmoke-11 {
  color: rgba(235, 236, 236, 0.11);
}

.color-soft-woodsmoke-12 {
  color: rgba(235, 236, 236, 0.12);
}

.color-soft-woodsmoke-13 {
  color: rgba(235, 236, 236, 0.13);
}

.color-soft-woodsmoke-14 {
  color: rgba(235, 236, 236, 0.14);
}

.color-soft-woodsmoke-15 {
  color: rgba(235, 236, 236, 0.15);
}

.color-soft-woodsmoke-16 {
  color: rgba(235, 236, 236, 0.16);
}

.color-soft-woodsmoke-17 {
  color: rgba(235, 236, 236, 0.17);
}

.color-soft-woodsmoke-18 {
  color: rgba(235, 236, 236, 0.18);
}

.color-soft-woodsmoke-19 {
  color: rgba(235, 236, 236, 0.19);
}

.color-soft-woodsmoke-20 {
  color: rgba(235, 236, 236, 0.2);
}

.bg-tables-striped-rows-09 {
  background: rgba(249, 249, 255, 0.9);
}

.bg-tables-striped-rows-07 {
  background: rgba(249, 249, 255, 0.75);
}

.bg-tables-striped-rows-05 {
  background: rgba(249, 249, 255, 0.5);
}

.bg-tables-striped-rows-02 {
  background: rgba(249, 249, 255, 0.2);
}

.bg-tables-striped-rows-01 {
  background: rgba(249, 249, 255, 0.1);
}

.border-1-tables-striped-rows {
  border: 1px rgb(249, 249, 255) solid;
}

.color-tables-striped-rows-0 {
  color: rgba(249, 249, 255, 0);
}

.color-tables-striped-rows-1 {
  color: rgba(249, 249, 255, 0.01);
}

.color-tables-striped-rows-2 {
  color: rgba(249, 249, 255, 0.02);
}

.color-tables-striped-rows-3 {
  color: rgba(249, 249, 255, 0.03);
}

.color-tables-striped-rows-4 {
  color: rgba(249, 249, 255, 0.04);
}

.color-tables-striped-rows-5 {
  color: rgba(249, 249, 255, 0.05);
}

.color-tables-striped-rows-6 {
  color: rgba(249, 249, 255, 0.06);
}

.color-tables-striped-rows-7 {
  color: rgba(249, 249, 255, 0.07);
}

.color-tables-striped-rows-8 {
  color: rgba(249, 249, 255, 0.08);
}

.color-tables-striped-rows-9 {
  color: rgba(249, 249, 255, 0.09);
}

.color-tables-striped-rows-10 {
  color: rgba(249, 249, 255, 0.1);
}

.color-tables-striped-rows-11 {
  color: rgba(249, 249, 255, 0.11);
}

.color-tables-striped-rows-12 {
  color: rgba(249, 249, 255, 0.12);
}

.color-tables-striped-rows-13 {
  color: rgba(249, 249, 255, 0.13);
}

.color-tables-striped-rows-14 {
  color: rgba(249, 249, 255, 0.14);
}

.color-tables-striped-rows-15 {
  color: rgba(249, 249, 255, 0.15);
}

.color-tables-striped-rows-16 {
  color: rgba(249, 249, 255, 0.16);
}

.color-tables-striped-rows-17 {
  color: rgba(249, 249, 255, 0.17);
}

.color-tables-striped-rows-18 {
  color: rgba(249, 249, 255, 0.18);
}

.color-tables-striped-rows-19 {
  color: rgba(249, 249, 255, 0.19);
}

.color-tables-striped-rows-20 {
  color: rgba(249, 249, 255, 0.2);
}

.bg-charcoal-09 {
  background: rgba(34, 34, 34, 0.9);
}

.bg-charcoal-07 {
  background: rgba(34, 34, 34, 0.75);
}

.bg-charcoal-05 {
  background: rgba(34, 34, 34, 0.5);
}

.bg-charcoal-02 {
  background: rgba(34, 34, 34, 0.2);
}

.bg-charcoal-01 {
  background: rgba(34, 34, 34, 0.1);
}

.border-1-charcoal {
  border: 1px rgb(34, 34, 34) solid;
}

.color-charcoal-0 {
  color: rgba(34, 34, 34, 0);
}

.color-charcoal-1 {
  color: rgba(34, 34, 34, 0.01);
}

.color-charcoal-2 {
  color: rgba(34, 34, 34, 0.02);
}

.color-charcoal-3 {
  color: rgba(34, 34, 34, 0.03);
}

.color-charcoal-4 {
  color: rgba(34, 34, 34, 0.04);
}

.color-charcoal-5 {
  color: rgba(34, 34, 34, 0.05);
}

.color-charcoal-6 {
  color: rgba(34, 34, 34, 0.06);
}

.color-charcoal-7 {
  color: rgba(34, 34, 34, 0.07);
}

.color-charcoal-8 {
  color: rgba(34, 34, 34, 0.08);
}

.color-charcoal-9 {
  color: rgba(34, 34, 34, 0.09);
}

.color-charcoal-10 {
  color: rgba(34, 34, 34, 0.1);
}

.color-charcoal-11 {
  color: rgba(34, 34, 34, 0.11);
}

.color-charcoal-12 {
  color: rgba(34, 34, 34, 0.12);
}

.color-charcoal-13 {
  color: rgba(34, 34, 34, 0.13);
}

.color-charcoal-14 {
  color: rgba(34, 34, 34, 0.14);
}

.color-charcoal-15 {
  color: rgba(34, 34, 34, 0.15);
}

.color-charcoal-16 {
  color: rgba(34, 34, 34, 0.16);
}

.color-charcoal-17 {
  color: rgba(34, 34, 34, 0.17);
}

.color-charcoal-18 {
  color: rgba(34, 34, 34, 0.18);
}

.color-charcoal-19 {
  color: rgba(34, 34, 34, 0.19);
}

.color-charcoal-20 {
  color: rgba(34, 34, 34, 0.2);
}

.bg-gray-secondary-09 {
  background: rgba(242, 242, 242, 0.9);
}

.bg-gray-secondary-07 {
  background: rgba(242, 242, 242, 0.75);
}

.bg-gray-secondary-05 {
  background: rgba(242, 242, 242, 0.5);
}

.bg-gray-secondary-02 {
  background: rgba(242, 242, 242, 0.2);
}

.bg-gray-secondary-01 {
  background: rgba(242, 242, 242, 0.1);
}

.border-1-gray-secondary {
  border: 1px rgb(242, 242, 242) solid;
}

.color-gray-secondary-0 {
  color: rgba(242, 242, 242, 0);
}

.color-gray-secondary-1 {
  color: rgba(242, 242, 242, 0.01);
}

.color-gray-secondary-2 {
  color: rgba(242, 242, 242, 0.02);
}

.color-gray-secondary-3 {
  color: rgba(242, 242, 242, 0.03);
}

.color-gray-secondary-4 {
  color: rgba(242, 242, 242, 0.04);
}

.color-gray-secondary-5 {
  color: rgba(242, 242, 242, 0.05);
}

.color-gray-secondary-6 {
  color: rgba(242, 242, 242, 0.06);
}

.color-gray-secondary-7 {
  color: rgba(242, 242, 242, 0.07);
}

.color-gray-secondary-8 {
  color: rgba(242, 242, 242, 0.08);
}

.color-gray-secondary-9 {
  color: rgba(242, 242, 242, 0.09);
}

.color-gray-secondary-10 {
  color: rgba(242, 242, 242, 0.1);
}

.color-gray-secondary-11 {
  color: rgba(242, 242, 242, 0.11);
}

.color-gray-secondary-12 {
  color: rgba(242, 242, 242, 0.12);
}

.color-gray-secondary-13 {
  color: rgba(242, 242, 242, 0.13);
}

.color-gray-secondary-14 {
  color: rgba(242, 242, 242, 0.14);
}

.color-gray-secondary-15 {
  color: rgba(242, 242, 242, 0.15);
}

.color-gray-secondary-16 {
  color: rgba(242, 242, 242, 0.16);
}

.color-gray-secondary-17 {
  color: rgba(242, 242, 242, 0.17);
}

.color-gray-secondary-18 {
  color: rgba(242, 242, 242, 0.18);
}

.color-gray-secondary-19 {
  color: rgba(242, 242, 242, 0.19);
}

.color-gray-secondary-20 {
  color: rgba(242, 242, 242, 0.2);
}

.bg-blue-09 {
  background: rgba(0, 56, 112, 0.9);
}

.bg-blue-07 {
  background: rgba(0, 56, 112, 0.75);
}

.bg-blue-05 {
  background: rgba(0, 56, 112, 0.5);
}

.bg-blue-02 {
  background: rgba(0, 56, 112, 0.2);
}

.bg-blue-01 {
  background: rgba(0, 56, 112, 0.1);
}

.border-1-blue {
  border: 1px rgb(0, 56, 112) solid;
}

.color-blue-0 {
  color: rgba(0, 56, 112, 0);
}

.color-blue-1 {
  color: rgba(0, 56, 112, 0.01);
}

.color-blue-2 {
  color: rgba(0, 56, 112, 0.02);
}

.color-blue-3 {
  color: rgba(0, 56, 112, 0.03);
}

.color-blue-4 {
  color: rgba(0, 56, 112, 0.04);
}

.color-blue-5 {
  color: rgba(0, 56, 112, 0.05);
}

.color-blue-6 {
  color: rgba(0, 56, 112, 0.06);
}

.color-blue-7 {
  color: rgba(0, 56, 112, 0.07);
}

.color-blue-8 {
  color: rgba(0, 56, 112, 0.08);
}

.color-blue-9 {
  color: rgba(0, 56, 112, 0.09);
}

.color-blue-10 {
  color: rgba(0, 56, 112, 0.1);
}

.color-blue-11 {
  color: rgba(0, 56, 112, 0.11);
}

.color-blue-12 {
  color: rgba(0, 56, 112, 0.12);
}

.color-blue-13 {
  color: rgba(0, 56, 112, 0.13);
}

.color-blue-14 {
  color: rgba(0, 56, 112, 0.14);
}

.color-blue-15 {
  color: rgba(0, 56, 112, 0.15);
}

.color-blue-16 {
  color: rgba(0, 56, 112, 0.16);
}

.color-blue-17 {
  color: rgba(0, 56, 112, 0.17);
}

.color-blue-18 {
  color: rgba(0, 56, 112, 0.18);
}

.color-blue-19 {
  color: rgba(0, 56, 112, 0.19);
}

.color-blue-20 {
  color: rgba(0, 56, 112, 0.2);
}

.bg-blue-50-09 {
  background: rgba(230, 240, 250, 0.9);
}

.bg-blue-50-07 {
  background: rgba(230, 240, 250, 0.75);
}

.bg-blue-50-05 {
  background: rgba(230, 240, 250, 0.5);
}

.bg-blue-50-02 {
  background: rgba(230, 240, 250, 0.2);
}

.bg-blue-50-01 {
  background: rgba(230, 240, 250, 0.1);
}

.border-1-blue-50 {
  border: 1px rgb(230, 240, 250) solid;
}

.color-blue-50-0 {
  color: rgba(230, 240, 250, 0);
}

.color-blue-50-1 {
  color: rgba(230, 240, 250, 0.01);
}

.color-blue-50-2 {
  color: rgba(230, 240, 250, 0.02);
}

.color-blue-50-3 {
  color: rgba(230, 240, 250, 0.03);
}

.color-blue-50-4 {
  color: rgba(230, 240, 250, 0.04);
}

.color-blue-50-5 {
  color: rgba(230, 240, 250, 0.05);
}

.color-blue-50-6 {
  color: rgba(230, 240, 250, 0.06);
}

.color-blue-50-7 {
  color: rgba(230, 240, 250, 0.07);
}

.color-blue-50-8 {
  color: rgba(230, 240, 250, 0.08);
}

.color-blue-50-9 {
  color: rgba(230, 240, 250, 0.09);
}

.color-blue-50-10 {
  color: rgba(230, 240, 250, 0.1);
}

.color-blue-50-11 {
  color: rgba(230, 240, 250, 0.11);
}

.color-blue-50-12 {
  color: rgba(230, 240, 250, 0.12);
}

.color-blue-50-13 {
  color: rgba(230, 240, 250, 0.13);
}

.color-blue-50-14 {
  color: rgba(230, 240, 250, 0.14);
}

.color-blue-50-15 {
  color: rgba(230, 240, 250, 0.15);
}

.color-blue-50-16 {
  color: rgba(230, 240, 250, 0.16);
}

.color-blue-50-17 {
  color: rgba(230, 240, 250, 0.17);
}

.color-blue-50-18 {
  color: rgba(230, 240, 250, 0.18);
}

.color-blue-50-19 {
  color: rgba(230, 240, 250, 0.19);
}

.color-blue-50-20 {
  color: rgba(230, 240, 250, 0.2);
}

.bg-info-normal-1-09 {
  background: rgba(var(--info-normal-1), 0.9);
}

.bg-info-normal-1-07 {
  background: rgba(var(--info-normal-1), 0.75);
}

.bg-info-normal-1-05 {
  background: rgba(var(--info-normal-1), 0.5);
}

.bg-info-normal-1-02 {
  background: rgba(var(--info-normal-1), 0.2);
}

.bg-info-normal-1-01 {
  background: rgba(var(--info-normal-1), 0.1);
}

.border-1-info-normal-1 {
  border: 1px var(--info-normal-1) solid;
}

.color-info-normal-1-0 {
  color: rgba(var(--info-normal-1), 0);
}

.color-info-normal-1-1 {
  color: rgba(var(--info-normal-1), 0.01);
}

.color-info-normal-1-2 {
  color: rgba(var(--info-normal-1), 0.02);
}

.color-info-normal-1-3 {
  color: rgba(var(--info-normal-1), 0.03);
}

.color-info-normal-1-4 {
  color: rgba(var(--info-normal-1), 0.04);
}

.color-info-normal-1-5 {
  color: rgba(var(--info-normal-1), 0.05);
}

.color-info-normal-1-6 {
  color: rgba(var(--info-normal-1), 0.06);
}

.color-info-normal-1-7 {
  color: rgba(var(--info-normal-1), 0.07);
}

.color-info-normal-1-8 {
  color: rgba(var(--info-normal-1), 0.08);
}

.color-info-normal-1-9 {
  color: rgba(var(--info-normal-1), 0.09);
}

.color-info-normal-1-10 {
  color: rgba(var(--info-normal-1), 0.1);
}

.color-info-normal-1-11 {
  color: rgba(var(--info-normal-1), 0.11);
}

.color-info-normal-1-12 {
  color: rgba(var(--info-normal-1), 0.12);
}

.color-info-normal-1-13 {
  color: rgba(var(--info-normal-1), 0.13);
}

.color-info-normal-1-14 {
  color: rgba(var(--info-normal-1), 0.14);
}

.color-info-normal-1-15 {
  color: rgba(var(--info-normal-1), 0.15);
}

.color-info-normal-1-16 {
  color: rgba(var(--info-normal-1), 0.16);
}

.color-info-normal-1-17 {
  color: rgba(var(--info-normal-1), 0.17);
}

.color-info-normal-1-18 {
  color: rgba(var(--info-normal-1), 0.18);
}

.color-info-normal-1-19 {
  color: rgba(var(--info-normal-1), 0.19);
}

.color-info-normal-1-20 {
  color: rgba(var(--info-normal-1), 0.2);
}

.bg-yellow-500-09 {
  background: rgba(var(--yellow-500), 0.9);
}

.bg-yellow-500-07 {
  background: rgba(var(--yellow-500), 0.75);
}

.bg-yellow-500-05 {
  background: rgba(var(--yellow-500), 0.5);
}

.bg-yellow-500-02 {
  background: rgba(var(--yellow-500), 0.2);
}

.bg-yellow-500-01 {
  background: rgba(var(--yellow-500), 0.1);
}

.border-1-yellow-500 {
  border: 1px var(--yellow-500) solid;
}

.color-yellow-500-0 {
  color: rgba(var(--yellow-500), 0);
}

.color-yellow-500-1 {
  color: rgba(var(--yellow-500), 0.01);
}

.color-yellow-500-2 {
  color: rgba(var(--yellow-500), 0.02);
}

.color-yellow-500-3 {
  color: rgba(var(--yellow-500), 0.03);
}

.color-yellow-500-4 {
  color: rgba(var(--yellow-500), 0.04);
}

.color-yellow-500-5 {
  color: rgba(var(--yellow-500), 0.05);
}

.color-yellow-500-6 {
  color: rgba(var(--yellow-500), 0.06);
}

.color-yellow-500-7 {
  color: rgba(var(--yellow-500), 0.07);
}

.color-yellow-500-8 {
  color: rgba(var(--yellow-500), 0.08);
}

.color-yellow-500-9 {
  color: rgba(var(--yellow-500), 0.09);
}

.color-yellow-500-10 {
  color: rgba(var(--yellow-500), 0.1);
}

.color-yellow-500-11 {
  color: rgba(var(--yellow-500), 0.11);
}

.color-yellow-500-12 {
  color: rgba(var(--yellow-500), 0.12);
}

.color-yellow-500-13 {
  color: rgba(var(--yellow-500), 0.13);
}

.color-yellow-500-14 {
  color: rgba(var(--yellow-500), 0.14);
}

.color-yellow-500-15 {
  color: rgba(var(--yellow-500), 0.15);
}

.color-yellow-500-16 {
  color: rgba(var(--yellow-500), 0.16);
}

.color-yellow-500-17 {
  color: rgba(var(--yellow-500), 0.17);
}

.color-yellow-500-18 {
  color: rgba(var(--yellow-500), 0.18);
}

.color-yellow-500-19 {
  color: rgba(var(--yellow-500), 0.19);
}

.color-yellow-500-20 {
  color: rgba(var(--yellow-500), 0.2);
}

.w-auto {
  width: auto;
}

.h-auto {
  height: auto;
}

.h-fit {
  height: fit-content;
}

.w-fit {
  width: fit-content;
}

.h-fill-available {
  height: -webkit-fill-available;
}

.w-5 {
  width: 5%;
}

.h-5 {
  height: 5%;
}

.mw-5 {
  max-width: 5%;
}

.mh-5 {
  max-height: 5%;
}

.minw-5 {
  min-width: 5%;
}

.minh-5 {
  min-height: 5%;
}

.w-10 {
  width: 10%;
}

.h-10 {
  height: 10%;
}

.mw-10 {
  max-width: 10%;
}

.mh-10 {
  max-height: 10%;
}

.minw-10 {
  min-width: 10%;
}

.minh-10 {
  min-height: 10%;
}

.w-12 {
  width: 12%;
}

.h-12 {
  height: 12%;
}

.mw-12 {
  max-width: 12%;
}

.mh-12 {
  max-height: 12%;
}

.minw-12 {
  min-width: 12%;
}

.minh-12 {
  min-height: 12%;
}

.w-15 {
  width: 15%;
}

.h-15 {
  height: 15%;
}

.mw-15 {
  max-width: 15%;
}

.mh-15 {
  max-height: 15%;
}

.minw-15 {
  min-width: 15%;
}

.minh-15 {
  min-height: 15%;
}

.w-20 {
  width: 20%;
}

.h-20 {
  height: 20%;
}

.mw-20 {
  max-width: 20%;
}

.mh-20 {
  max-height: 20%;
}

.minw-20 {
  min-width: 20%;
}

.minh-20 {
  min-height: 20%;
}

.w-25 {
  width: 25%;
}

.h-25 {
  height: 25%;
}

.mw-25 {
  max-width: 25%;
}

.mh-25 {
  max-height: 25%;
}

.minw-25 {
  min-width: 25%;
}

.minh-25 {
  min-height: 25%;
}

.w-28 {
  width: 28%;
}

.h-28 {
  height: 28%;
}

.mw-28 {
  max-width: 28%;
}

.mh-28 {
  max-height: 28%;
}

.minw-28 {
  min-width: 28%;
}

.minh-28 {
  min-height: 28%;
}

.w-30 {
  width: 30%;
}

.h-30 {
  height: 30%;
}

.mw-30 {
  max-width: 30%;
}

.mh-30 {
  max-height: 30%;
}

.minw-30 {
  min-width: 30%;
}

.minh-30 {
  min-height: 30%;
}

.w-35 {
  width: 35%;
}

.h-35 {
  height: 35%;
}

.mw-35 {
  max-width: 35%;
}

.mh-35 {
  max-height: 35%;
}

.minw-35 {
  min-width: 35%;
}

.minh-35 {
  min-height: 35%;
}

.w-40 {
  width: 40%;
}

.h-40 {
  height: 40%;
}

.mw-40 {
  max-width: 40%;
}

.mh-40 {
  max-height: 40%;
}

.minw-40 {
  min-width: 40%;
}

.minh-40 {
  min-height: 40%;
}

.w-45 {
  width: 45%;
}

.h-45 {
  height: 45%;
}

.mw-45 {
  max-width: 45%;
}

.mh-45 {
  max-height: 45%;
}

.minw-45 {
  min-width: 45%;
}

.minh-45 {
  min-height: 45%;
}

.w-50 {
  width: 50%;
}

.h-50 {
  height: 50%;
}

.mw-50 {
  max-width: 50%;
}

.mh-50 {
  max-height: 50%;
}

.minw-50 {
  min-width: 50%;
}

.minh-50 {
  min-height: 50%;
}

.w-55 {
  width: 55%;
}

.h-55 {
  height: 55%;
}

.mw-55 {
  max-width: 55%;
}

.mh-55 {
  max-height: 55%;
}

.minw-55 {
  min-width: 55%;
}

.minh-55 {
  min-height: 55%;
}

.w-60 {
  width: 60%;
}

.h-60 {
  height: 60%;
}

.mw-60 {
  max-width: 60%;
}

.mh-60 {
  max-height: 60%;
}

.minw-60 {
  min-width: 60%;
}

.minh-60 {
  min-height: 60%;
}

.w-65 {
  width: 65%;
}

.h-65 {
  height: 65%;
}

.mw-65 {
  max-width: 65%;
}

.mh-65 {
  max-height: 65%;
}

.minw-65 {
  min-width: 65%;
}

.minh-65 {
  min-height: 65%;
}

.w-70 {
  width: 70%;
}

.h-70 {
  height: 70%;
}

.mw-70 {
  max-width: 70%;
}

.mh-70 {
  max-height: 70%;
}

.minw-70 {
  min-width: 70%;
}

.minh-70 {
  min-height: 70%;
}

.w-75 {
  width: 75%;
}

.h-75 {
  height: 75%;
}

.mw-75 {
  max-width: 75%;
}

.mh-75 {
  max-height: 75%;
}

.minw-75 {
  min-width: 75%;
}

.minh-75 {
  min-height: 75%;
}

.w-80 {
  width: 80%;
}

.h-80 {
  height: 80%;
}

.mw-80 {
  max-width: 80%;
}

.mh-80 {
  max-height: 80%;
}

.minw-80 {
  min-width: 80%;
}

.minh-80 {
  min-height: 80%;
}

.w-85 {
  width: 85%;
}

.h-85 {
  height: 85%;
}

.mw-85 {
  max-width: 85%;
}

.mh-85 {
  max-height: 85%;
}

.minw-85 {
  min-width: 85%;
}

.minh-85 {
  min-height: 85%;
}

.w-88 {
  width: 88%;
}

.h-88 {
  height: 88%;
}

.mw-88 {
  max-width: 88%;
}

.mh-88 {
  max-height: 88%;
}

.minw-88 {
  min-width: 88%;
}

.minh-88 {
  min-height: 88%;
}

.w-90 {
  width: 90%;
}

.h-90 {
  height: 90%;
}

.mw-90 {
  max-width: 90%;
}

.mh-90 {
  max-height: 90%;
}

.minw-90 {
  min-width: 90%;
}

.minh-90 {
  min-height: 90%;
}

.w-95 {
  width: 95%;
}

.h-95 {
  height: 95%;
}

.mw-95 {
  max-width: 95%;
}

.mh-95 {
  max-height: 95%;
}

.minw-95 {
  min-width: 95%;
}

.minh-95 {
  min-height: 95%;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.mw-100 {
  max-width: 100%;
}

.mh-100 {
  max-height: 100%;
}

.minw-100 {
  min-width: 100%;
}

.minh-100 {
  min-height: 100%;
}

.w-max-content {
  width: max-content;
}

.w-fit-content {
  width: fit-content;
}

.h-max-content {
  height: max-content;
}

.vw-5 {
  width: 5vw;
}

.vw-10 {
  width: 10vw;
}

.vw-12 {
  width: 12vw;
}

.vw-15 {
  width: 15vw;
}

.vw-20 {
  width: 20vw;
}

.vw-25 {
  width: 25vw;
}

.vw-28 {
  width: 28vw;
}

.vw-30 {
  width: 30vw;
}

.vw-35 {
  width: 35vw;
}

.vw-40 {
  width: 40vw;
}

.vw-45 {
  width: 45vw;
}

.vw-50 {
  width: 50vw;
}

.vw-55 {
  width: 55vw;
}

.vw-60 {
  width: 60vw;
}

.vw-65 {
  width: 65vw;
}

.vw-70 {
  width: 70vw;
}

.vw-75 {
  width: 75vw;
}

.vw-80 {
  width: 80vw;
}

.vw-85 {
  width: 85vw;
}

.vw-88 {
  width: 88vw;
}

.vw-90 {
  width: 90vw;
}

.vw-95 {
  width: 95vw;
}

.vw-100 {
  width: 100vw;
}

.mh-12px {
  max-height: 12px;
}

.mw-12px {
  max-width: 12px;
}

.minh-12px {
  min-height: 12px;
}

.minw-12px {
  min-width: 12px;
}

.w-12px {
  width: 12px;
}

.h-12px {
  height: 12px;
}

.mh-15px {
  max-height: 15px;
}

.mw-15px {
  max-width: 15px;
}

.minh-15px {
  min-height: 15px;
}

.minw-15px {
  min-width: 15px;
}

.w-15px {
  width: 15px;
}

.h-15px {
  height: 15px;
}

.mh-16px {
  max-height: 16px;
}

.mw-16px {
  max-width: 16px;
}

.minh-16px {
  min-height: 16px;
}

.minw-16px {
  min-width: 16px;
}

.w-16px {
  width: 16px;
}

.h-16px {
  height: 16px;
}

.mh-20px {
  max-height: 20px;
}

.mw-20px {
  max-width: 20px;
}

.minh-20px {
  min-height: 20px;
}

.minw-20px {
  min-width: 20px;
}

.w-20px {
  width: 20px;
}

.h-20px {
  height: 20px;
}

.mh-25px {
  max-height: 25px;
}

.mw-25px {
  max-width: 25px;
}

.minh-25px {
  min-height: 25px;
}

.minw-25px {
  min-width: 25px;
}

.w-25px {
  width: 25px;
}

.h-25px {
  height: 25px;
}

.mh-28px {
  max-height: 28px;
}

.mw-28px {
  max-width: 28px;
}

.minh-28px {
  min-height: 28px;
}

.minw-28px {
  min-width: 28px;
}

.w-28px {
  width: 28px;
}

.h-28px {
  height: 28px;
}

.mh-30px {
  max-height: 30px;
}

.mw-30px {
  max-width: 30px;
}

.minh-30px {
  min-height: 30px;
}

.minw-30px {
  min-width: 30px;
}

.w-30px {
  width: 30px;
}

.h-30px {
  height: 30px;
}

.mh-35px {
  max-height: 35px;
}

.mw-35px {
  max-width: 35px;
}

.minh-35px {
  min-height: 35px;
}

.minw-35px {
  min-width: 35px;
}

.w-35px {
  width: 35px;
}

.h-35px {
  height: 35px;
}

.mh-36px {
  max-height: 36px;
}

.mw-36px {
  max-width: 36px;
}

.minh-36px {
  min-height: 36px;
}

.minw-36px {
  min-width: 36px;
}

.w-36px {
  width: 36px;
}

.h-36px {
  height: 36px;
}

.mh-40px {
  max-height: 40px;
}

.mw-40px {
  max-width: 40px;
}

.minh-40px {
  min-height: 40px;
}

.minw-40px {
  min-width: 40px;
}

.w-40px {
  width: 40px;
}

.h-40px {
  height: 40px;
}

.mh-45px {
  max-height: 45px;
}

.mw-45px {
  max-width: 45px;
}

.minh-45px {
  min-height: 45px;
}

.minw-45px {
  min-width: 45px;
}

.w-45px {
  width: 45px;
}

.h-45px {
  height: 45px;
}

.mh-50px {
  max-height: 50px;
}

.mw-50px {
  max-width: 50px;
}

.minh-50px {
  min-height: 50px;
}

.minw-50px {
  min-width: 50px;
}

.w-50px {
  width: 50px;
}

.h-50px {
  height: 50px;
}

.mh-56px {
  max-height: 56px;
}

.mw-56px {
  max-width: 56px;
}

.minh-56px {
  min-height: 56px;
}

.minw-56px {
  min-width: 56px;
}

.w-56px {
  width: 56px;
}

.h-56px {
  height: 56px;
}

.mh-60px {
  max-height: 60px;
}

.mw-60px {
  max-width: 60px;
}

.minh-60px {
  min-height: 60px;
}

.minw-60px {
  min-width: 60px;
}

.w-60px {
  width: 60px;
}

.h-60px {
  height: 60px;
}

.mh-70px {
  max-height: 70px;
}

.mw-70px {
  max-width: 70px;
}

.minh-70px {
  min-height: 70px;
}

.minw-70px {
  min-width: 70px;
}

.w-70px {
  width: 70px;
}

.h-70px {
  height: 70px;
}

.mh-72px {
  max-height: 72px;
}

.mw-72px {
  max-width: 72px;
}

.minh-72px {
  min-height: 72px;
}

.minw-72px {
  min-width: 72px;
}

.w-72px {
  width: 72px;
}

.h-72px {
  height: 72px;
}

.mh-90px {
  max-height: 90px;
}

.mw-90px {
  max-width: 90px;
}

.minh-90px {
  min-height: 90px;
}

.minw-90px {
  min-width: 90px;
}

.w-90px {
  width: 90px;
}

.h-90px {
  height: 90px;
}

.mh-95px {
  max-height: 95px;
}

.mw-95px {
  max-width: 95px;
}

.minh-95px {
  min-height: 95px;
}

.minw-95px {
  min-width: 95px;
}

.w-95px {
  width: 95px;
}

.h-95px {
  height: 95px;
}

.mh-100px {
  max-height: 100px;
}

.mw-100px {
  max-width: 100px;
}

.minh-100px {
  min-height: 100px;
}

.minw-100px {
  min-width: 100px;
}

.w-100px {
  width: 100px;
}

.h-100px {
  height: 100px;
}

.mh-120px {
  max-height: 120px;
}

.mw-120px {
  max-width: 120px;
}

.minh-120px {
  min-height: 120px;
}

.minw-120px {
  min-width: 120px;
}

.w-120px {
  width: 120px;
}

.h-120px {
  height: 120px;
}

.mh-150px {
  max-height: 150px;
}

.mw-150px {
  max-width: 150px;
}

.minh-150px {
  min-height: 150px;
}

.minw-150px {
  min-width: 150px;
}

.w-150px {
  width: 150px;
}

.h-150px {
  height: 150px;
}

.mh-180px {
  max-height: 180px;
}

.mw-180px {
  max-width: 180px;
}

.minh-180px {
  min-height: 180px;
}

.minw-180px {
  min-width: 180px;
}

.w-180px {
  width: 180px;
}

.h-180px {
  height: 180px;
}

.mh-200px {
  max-height: 200px;
}

.mw-200px {
  max-width: 200px;
}

.minh-200px {
  min-height: 200px;
}

.minw-200px {
  min-width: 200px;
}

.w-200px {
  width: 200px;
}

.h-200px {
  height: 200px;
}

.mh-420px {
  max-height: 420px;
}

.mw-420px {
  max-width: 420px;
}

.minh-420px {
  min-height: 420px;
}

.minw-420px {
  min-width: 420px;
}

.w-420px {
  width: 420px;
}

.h-420px {
  height: 420px;
}

.mh-1300px {
  max-height: 1300px;
}

.mw-1300px {
  max-width: 1300px;
}

.minh-1300px {
  min-height: 1300px;
}

.minw-1300px {
  min-width: 1300px;
}

.w-1300px {
  width: 1300px;
}

.h-1300px {
  height: 1300px;
}

.top-0 {
  top: 0%;
}

.right-0 {
  right: 0%;
}

.bottom-0 {
  bottom: 0%;
}

.top-1 {
  top: 1%;
}

.right-1 {
  right: 1%;
}

.bottom-1 {
  bottom: 1%;
}

.top-5 {
  top: 5%;
}

.right-5 {
  right: 5%;
}

.bottom-5 {
  bottom: 5%;
}

.top-12 {
  top: 12%;
}

.right-12 {
  right: 12%;
}

.bottom-12 {
  bottom: 12%;
}

.top-25 {
  top: 25%;
}

.right-25 {
  right: 25%;
}

.bottom-25 {
  bottom: 25%;
}

.top-32 {
  top: 32%;
}

.right-32 {
  right: 32%;
}

.bottom-32 {
  bottom: 32%;
}

.left-0px {
  left: 0px;
}

.right-0px {
  right: 0px;
}

.left-1px {
  left: 1px;
}

.right-1px {
  right: 1px;
}

.left-3px {
  left: 3px;
}

.right-3px {
  right: 3px;
}

.left-4px {
  left: 4px;
}

.right-4px {
  right: 4px;
}

.left-5px {
  left: 5px;
}

.right-5px {
  right: 5px;
}

.left-12px {
  left: 12px;
}

.right-12px {
  right: 12px;
}

.left-16px {
  left: 16px;
}

.right-16px {
  right: 16px;
}

.top-vh-1 {
  top: 1vh;
}

.h-vh-1 {
  height: 1vh;
}

.top-vh-26 {
  top: 26vh;
}

.h-vh-26 {
  height: 26vh;
}

.top-vh-60 {
  top: 60vh;
}

.h-vh-60 {
  height: 60vh;
}

.top-vh-72 {
  top: 72vh;
}

.h-vh-72 {
  height: 72vh;
}

.top-vh-80 {
  top: 80vh;
}

.h-vh-80 {
  height: 80vh;
}

.minw-vh-40 {
  min-width: 40vh;
}

.minh-vh-40 {
  min-height: 40vh;
}

.minw-vh-50 {
  min-width: 50vh;
}

.minh-vh-50 {
  min-height: 50vh;
}

.minw-px-300 {
  min-width: 300px;
}

.minw-px-968 {
  min-width: 968px;
}

.minw-px-1300 {
  min-width: 1300px;
}

.font-weight-bold {
  font-weight: 700;
  font-family: "Noto Sans Thai Bold", sans-serif;
}

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

.font-weight-bold-md {
  font-weight: 500;
  font-family: "Noto Sans Thai Medium", sans-serif;
}

.font-weight-light {
  font-weight: 300;
}

.font-weight-thick {
  font-weight: 600;
}

.font-weight-bold-sm {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: 600;
}

.font-size-10 {
  font-size: 10px;
}

.font-size-12 {
  font-size: 12px;
}

.font-size-14 {
  font-size: 14px;
}

.font-size-15 {
  font-size: 15px;
}

.font-size-16 {
  font-size: 16px;
}

.font-size-18 {
  font-size: 18px;
}

.font-size-20 {
  font-size: 20px;
}

.font-size-24 {
  font-size: 24px;
}

.font-size-25 {
  font-size: 25px;
}

.font-size-32 {
  font-size: 32px;
}

.font-size-34 {
  font-size: 34px;
}

.font-size-45 {
  font-size: 45px;
}

.font-size-50 {
  font-size: 50px;
}

.border-radius-0 {
  border-radius: 0px;
}

.border-radius-top-left-0 {
  border-top-left-radius: 0px;
}

.border-radius-top-right-0 {
  border-top-right-radius: 0px;
}

.border-radius-bottom-right-0 {
  border-bottom-right-radius: 0px;
}

.border-radius-bottom-left-0 {
  border-bottom-left-radius: 0px;
}

.border-radius-top-0 {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}

.border-radius-bottom-0 {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}

.border-radius-4 {
  border-radius: 4px;
}

.border-radius-top-left-4 {
  border-top-left-radius: 4px;
}

.border-radius-top-right-4 {
  border-top-right-radius: 4px;
}

.border-radius-bottom-right-4 {
  border-bottom-right-radius: 4px;
}

.border-radius-bottom-left-4 {
  border-bottom-left-radius: 4px;
}

.border-radius-top-4 {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.border-radius-bottom-4 {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.border-radius-8 {
  border-radius: 8px;
}

.border-radius-top-left-8 {
  border-top-left-radius: 8px;
}

.border-radius-top-right-8 {
  border-top-right-radius: 8px;
}

.border-radius-bottom-right-8 {
  border-bottom-right-radius: 8px;
}

.border-radius-bottom-left-8 {
  border-bottom-left-radius: 8px;
}

.border-radius-top-8 {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.border-radius-bottom-8 {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.border-radius-12 {
  border-radius: 12px;
}

.border-radius-top-left-12 {
  border-top-left-radius: 12px;
}

.border-radius-top-right-12 {
  border-top-right-radius: 12px;
}

.border-radius-bottom-right-12 {
  border-bottom-right-radius: 12px;
}

.border-radius-bottom-left-12 {
  border-bottom-left-radius: 12px;
}

.border-radius-top-12 {
  border-top-left-radius: 12px;
  border-top-right-radius: 12px;
}

.border-radius-bottom-12 {
  border-bottom-left-radius: 12px;
  border-bottom-right-radius: 12px;
}

.border-radius-16 {
  border-radius: 16px;
}

.border-radius-top-left-16 {
  border-top-left-radius: 16px;
}

.border-radius-top-right-16 {
  border-top-right-radius: 16px;
}

.border-radius-bottom-right-16 {
  border-bottom-right-radius: 16px;
}

.border-radius-bottom-left-16 {
  border-bottom-left-radius: 16px;
}

.border-radius-top-16 {
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.border-radius-bottom-16 {
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

.border-radius-50 {
  border-radius: 50px;
}

.border-radius-top-left-50 {
  border-top-left-radius: 50px;
}

.border-radius-top-right-50 {
  border-top-right-radius: 50px;
}

.border-radius-bottom-right-50 {
  border-bottom-right-radius: 50px;
}

.border-radius-bottom-left-50 {
  border-bottom-left-radius: 50px;
}

.border-radius-top-50 {
  border-top-left-radius: 50px;
  border-top-right-radius: 50px;
}

.border-radius-bottom-50 {
  border-bottom-left-radius: 50px;
  border-bottom-right-radius: 50px;
}

.text-start {
  text-align: start;
}

.text-center {
  text-align: center;
}

.text-end {
  text-align: end;
}

.text-underline {
  text-decoration: underline;
}

.rounded {
  border-radius: 12px;
}

.oval {
  border-radius: 100px;
}

.rounded-b {
  border-radius: 0 0 8px 8px;
}

.no-rounded {
  border-radius: 0;
}

.badget {
  border-radius: 50px;
}

.scroll-y {
  overflow-y: scroll;
}

.position-absolute {
  position: absolute;
}

.position-relative {
  position: relative;
}

.position-fixed {
  position: fixed;
}

.position-sticky {
  position: sticky;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-none {
  float: none;
}

.d-flex {
  display: flex;
}
.d-flex.flex-row {
  flex-direction: row;
}
.d-flex.flex-row-reverse {
  flex-direction: row-reverse;
}
.d-flex.flex-column {
  flex-direction: column;
}
.d-flex.flex-column-reverse {
  flex-direction: column-reverse;
}
.d-flex.flex-flow-wrap {
  flex-flow: row wrap;
}

.d-grid-auto-2 {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto;
  grid-auto-flow: row;
  grid-gap: 10px;
}

.overflow-scroll {
  overflow: scroll;
}

.d-block {
  display: block;
}

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

.d-none {
  display: none;
}

.status-vertical-line-dotted {
  border-left: 1px dashed #B2BFD1;
  height: 40px;
}
.status-vertical-line-dotted.h-1 {
  height: 1px;
}
.status-vertical-line-dotted.h-2 {
  height: 2px;
}
.status-vertical-line-dotted.h-3 {
  height: 3px;
}
.status-vertical-line-dotted.h-4 {
  height: 4px;
}
.status-vertical-line-dotted.h-5 {
  height: 5px;
}
.status-vertical-line-dotted.h-6 {
  height: 6px;
}
.status-vertical-line-dotted.h-7 {
  height: 7px;
}
.status-vertical-line-dotted.h-8 {
  height: 8px;
}
.status-vertical-line-dotted.h-9 {
  height: 9px;
}
.status-vertical-line-dotted.h-10 {
  height: 10px;
}
.status-vertical-line-dotted.h-11 {
  height: 11px;
}
.status-vertical-line-dotted.h-12 {
  height: 12px;
}
.status-vertical-line-dotted.h-13 {
  height: 13px;
}
.status-vertical-line-dotted.h-14 {
  height: 14px;
}
.status-vertical-line-dotted.h-15 {
  height: 15px;
}
.status-vertical-line-dotted.h-16 {
  height: 16px;
}
.status-vertical-line-dotted.h-17 {
  height: 17px;
}
.status-vertical-line-dotted.h-18 {
  height: 18px;
}
.status-vertical-line-dotted.h-19 {
  height: 19px;
}
.status-vertical-line-dotted.h-20 {
  height: 20px;
}
.status-vertical-line-dotted.h-21 {
  height: 21px;
}
.status-vertical-line-dotted.h-22 {
  height: 22px;
}
.status-vertical-line-dotted.h-23 {
  height: 23px;
}
.status-vertical-line-dotted.h-24 {
  height: 24px;
}
.status-vertical-line-dotted.h-25 {
  height: 25px;
}
.status-vertical-line-dotted.h-26 {
  height: 26px;
}
.status-vertical-line-dotted.h-27 {
  height: 27px;
}
.status-vertical-line-dotted.h-28 {
  height: 28px;
}
.status-vertical-line-dotted.h-29 {
  height: 29px;
}
.status-vertical-line-dotted.h-30 {
  height: 30px;
}
.status-vertical-line-dotted.h-31 {
  height: 31px;
}
.status-vertical-line-dotted.h-32 {
  height: 32px;
}
.status-vertical-line-dotted.h-33 {
  height: 33px;
}
.status-vertical-line-dotted.h-34 {
  height: 34px;
}
.status-vertical-line-dotted.h-35 {
  height: 35px;
}
.status-vertical-line-dotted.h-36 {
  height: 36px;
}
.status-vertical-line-dotted.h-37 {
  height: 37px;
}
.status-vertical-line-dotted.h-38 {
  height: 38px;
}
.status-vertical-line-dotted.h-39 {
  height: 39px;
}
.status-vertical-line-dotted.h-40 {
  height: 40px;
}
.status-vertical-line-dotted.h-41 {
  height: 41px;
}
.status-vertical-line-dotted.h-42 {
  height: 42px;
}
.status-vertical-line-dotted.h-43 {
  height: 43px;
}
.status-vertical-line-dotted.h-44 {
  height: 44px;
}
.status-vertical-line-dotted.h-45 {
  height: 45px;
}
.status-vertical-line-dotted.h-46 {
  height: 46px;
}
.status-vertical-line-dotted.h-47 {
  height: 47px;
}
.status-vertical-line-dotted.h-48 {
  height: 48px;
}
.status-vertical-line-dotted.h-49 {
  height: 49px;
}
.status-vertical-line-dotted.h-50 {
  height: 50px;
}

.status-vertical-line-dotted[data-state=RETRY] {
  height: 92px;
}

.status-vertical-line {
  border-left: 1px solid #B2BFD1;
  height: 40px;
}
.status-vertical-line.h-1 {
  height: 1px;
}
.status-vertical-line.h-2 {
  height: 2px;
}
.status-vertical-line.h-3 {
  height: 3px;
}
.status-vertical-line.h-4 {
  height: 4px;
}
.status-vertical-line.h-5 {
  height: 5px;
}
.status-vertical-line.h-6 {
  height: 6px;
}
.status-vertical-line.h-7 {
  height: 7px;
}
.status-vertical-line.h-8 {
  height: 8px;
}
.status-vertical-line.h-9 {
  height: 9px;
}
.status-vertical-line.h-10 {
  height: 10px;
}
.status-vertical-line.h-11 {
  height: 11px;
}
.status-vertical-line.h-12 {
  height: 12px;
}
.status-vertical-line.h-13 {
  height: 13px;
}
.status-vertical-line.h-14 {
  height: 14px;
}
.status-vertical-line.h-15 {
  height: 15px;
}
.status-vertical-line.h-16 {
  height: 16px;
}
.status-vertical-line.h-17 {
  height: 17px;
}
.status-vertical-line.h-18 {
  height: 18px;
}
.status-vertical-line.h-19 {
  height: 19px;
}
.status-vertical-line.h-20 {
  height: 20px;
}
.status-vertical-line.h-21 {
  height: 21px;
}
.status-vertical-line.h-22 {
  height: 22px;
}
.status-vertical-line.h-23 {
  height: 23px;
}
.status-vertical-line.h-24 {
  height: 24px;
}
.status-vertical-line.h-25 {
  height: 25px;
}
.status-vertical-line.h-26 {
  height: 26px;
}
.status-vertical-line.h-27 {
  height: 27px;
}
.status-vertical-line.h-28 {
  height: 28px;
}
.status-vertical-line.h-29 {
  height: 29px;
}
.status-vertical-line.h-30 {
  height: 30px;
}
.status-vertical-line.h-31 {
  height: 31px;
}
.status-vertical-line.h-32 {
  height: 32px;
}
.status-vertical-line.h-33 {
  height: 33px;
}
.status-vertical-line.h-34 {
  height: 34px;
}
.status-vertical-line.h-35 {
  height: 35px;
}
.status-vertical-line.h-36 {
  height: 36px;
}
.status-vertical-line.h-37 {
  height: 37px;
}
.status-vertical-line.h-38 {
  height: 38px;
}
.status-vertical-line.h-39 {
  height: 39px;
}
.status-vertical-line.h-40 {
  height: 40px;
}
.status-vertical-line.h-41 {
  height: 41px;
}
.status-vertical-line.h-42 {
  height: 42px;
}
.status-vertical-line.h-43 {
  height: 43px;
}
.status-vertical-line.h-44 {
  height: 44px;
}
.status-vertical-line.h-45 {
  height: 45px;
}
.status-vertical-line.h-46 {
  height: 46px;
}
.status-vertical-line.h-47 {
  height: 47px;
}
.status-vertical-line.h-48 {
  height: 48px;
}
.status-vertical-line.h-49 {
  height: 49px;
}
.status-vertical-line.h-50 {
  height: 50px;
}

.container {
  width: 100%;
  display: flex;
  justify-content: center;
  margin: auto;
  padding: 0 16px;
}
@media only screen and (min-width: 1536px) {
  .container {
    max-width: 1536px;
    padding: 0;
  }
  .container:has(.approve-container) {
    max-width: 100%;
  }
}

.is-mobile {
  display: block;
}

@media only screen and (max-width: 1180px) {
  .card {
    margin-top: 18px;
    margin-bottom: 18px;
    border-radius: 12px;
    background: white;
    padding: 28px;
    width: 344px;
  }
  .card[data-page=result] {
    padding: 20px;
  }
}
@media only screen and (min-width: 1180px) {
  .card {
    margin-top: 18px;
    margin-bottom: 18px;
    border-radius: 12px;
    background: white;
    padding: 28px;
    width: 600px;
  }
  .card[data-page=result] {
    padding: 20px;
  }
  .is-mobile {
    display: none !important;
  }
}
.badge-count {
  position: absolute;
  color: white;
  background-color: red;
  top: -30%;
  right: -25%;
  font-size: 12px;
  border-radius: 4px;
  padding: 1px 3px;
}

.loading-indicator {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
}

/*!**********************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./projects/poc/src/styles.components.css?ngGlobalStyle ***!
  \**********************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Portrait and Landscape */
:root {
  /* Value */
  /* colors */
  --primary-50: #e6f3f9;
  --primary-100: #b0d9eb;
  --primary-200: #8ac6e1;
  --primary-300: #54add3;
  --primary-400: #339dcb;
  --primary-500: #0084be;
  --primary-600: #0078ad;
  --primary-700: #005e87;
  --primary-800: #004969;
  --primary-900: #003750;
  --secondary-50: #e6e7f2;
  --secondary-100: #b0b5d5;
  --secondary-200: #8a91c1;
  --secondary-300: #555ea5;
  --secondary-400: #343f93;
  --secondary-500: #010f78;
  --secondary-600: #010e6d;
  --secondary-700: #010b55;
  --secondary-800: #010842;
  --secondary-900: #000632;
  --gray-50: #f2f2f2;
  --gray-100: #d8d8d8;
  --gray-200: #c5c5c5;
  --gray-300: #aaa;
  --gray-400: #999;
  --gray-500: #808080;
  --gray-600: #747474;
  --gray-700: #5b5b5b;
  --gray-800: #464646;
  --gray-900: #363636;
  --zinc-50: #f2f3f4;
  --zinc-100: #d7dadd;
  --zinc-200: #c3c8cc;
  --zinc-300: #a8afb5;
  --zinc-400: #979fa7;
  --zinc-500: #7d8791;
  --zinc-600: #727b84;
  --zinc-700: #596067;
  --zinc-800: #454a50;
  --zinc-900: #35393d;
  --red-50: #fff0f0;
  --red-100: #ffd0d0;
  --red-200: #ffb9b9;
  --red-300: #f67a7a;
  --red-400: #f94e4e;
  --red-500: #f11e1e;
  --red-600: #e85e5e;
  --red-700: #971212;
  --red-800: #8c3939;
  --red-900: #6d0303;
  --orange-50: #fff3e6;
  --orange-100: #ffd9b0;
  --orange-200: #ffc68a;
  --orange-300: #ffad54;
  --orange-400: #ff9d33;
  --orange-500: #ff8400;
  --orange-600: #e87800;
  --orange-700: #b55e00;
  --orange-800: #8c4900;
  --orange-900: #6b3700;
  --amber-50: #fff9e6;
  --amber-100: #ffecb0;
  --amber-200: #ffe38a;
  --amber-300: #ffd654;
  --amber-400: #ffce33;
  --amber-500: #ffc200;
  --amber-600: #e8b100;
  --amber-700: #b58a00;
  --amber-800: #8c6b00;
  --amber-900: #6b5100;
  --yellow-50: #fffde6;
  --yellow-100: #fff9b0;
  --yellow-200: #fff68a;
  --yellow-300: #fff254;
  --yellow-400: #ffef33;
  --yellow-500: #ffeb00;
  --yellow-600: #e8d600;
  --yellow-700: #b5a700;
  --yellow-800: #8c8100;
  --yellow-900: #6b6300;
  --lime-50: #f8fbed;
  --lime-100: #e8f3c7;
  --lime-200: #ddeeac;
  --lime-300: #cde686;
  --lime-400: #c3e16f;
  --lime-500: #b4d94b;
  --lime-600: #a4c544;
  --lime-700: #809a35;
  --lime-800: #637729;
  --lime-900: #4c5b20;
  --green-50: #e6f9f1;
  --green-100: #b0ecd5;
  --green-200: #8ae2c0;
  --green-300: #54d5a3;
  --green-400: #33cd91;
  --green-500: #00c176;
  --green-600: #00b06b;
  --green-700: #008954;
  --green-800: #006a41;
  --green-900: #005132;
  --emerald-50: #e6f7f4;
  --emerald-100: #b0e7de;
  --emerald-200: #8adcce;
  --emerald-300: #54cbb8;
  --emerald-400: #33c1aa;
  --emerald-500: #00b295;
  --emerald-600: #00a288;
  --emerald-700: #007e6a;
  --emerald-800: #006252;
  --emerald-900: #004b3f;
  --teal-50: #e6f4f4;
  --teal-100: #b0dcdc;
  --teal-200: #8acbcb;
  --teal-300: #54b4b4;
  --teal-400: #33a5a5;
  --teal-500: #008f8f;
  --teal-600: #008282;
  --teal-700: #066;
  --teal-800: #004f4f;
  --teal-900: #003c3c;
  --blue-50: #e6f0fa;
  --blue-100: #b0d0ef;
  --blue-200: #8ab9e8;
  --blue-300: #5498dd;
  --blue-400: #3385d6;
  --blue-500: #06c;
  --blue-600: #005dba;
  --blue-700: #004891;
  --blue-800: #003870;
  --blue-900: #002b56;
  --indigo-50: #efedfa;
  --indigo-100: #ccc8f0;
  --indigo-200: #b3aee9;
  --indigo-300: #9089df;
  --indigo-400: #7b72d9;
  --indigo-500: #5a4fcf;
  --indigo-600: #5248bc;
  --indigo-700: #403893;
  --indigo-800: #322b72;
  --indigo-900: #262157;
  --violet-50: #f3f0fb;
  --violet-100: #dbd0f1;
  --violet-200: #c9b9ea;
  --violet-300: #b199e1;
  --violet-400: #a185db;
  --violet-500: #8a67d2;
  --violet-600: #7e5ebf;
  --violet-700: #624995;
  --violet-800: #4c3974;
  --violet-900: #3a2b58;
  --purple-50: #f2f1f8;
  --purple-100: #d7d4e8;
  --purple-200: #c4bfdd;
  --purple-300: #a9a1cd;
  --purple-400: #988fc4;
  --purple-500: #7e73b5;
  --purple-600: #7369a5;
  --purple-700: #595281;
  --purple-800: #453f64;
  --purple-900: #35304c;
  --fuchsia-50: #faf0fa;
  --fuchsia-100: #eecff0;
  --fuchsia-200: #e6b8e9;
  --fuchsia-300: #db97df;
  --fuchsia-400: #d483d9;
  --fuchsia-500: #c964cf;
  --fuchsia-600: #b75bbc;
  --fuchsia-700: #8f4793;
  --fuchsia-800: #6f3772;
  --fuchsia-900: #542a57;
  --pink-50: #fff2fb;
  --pink-100: #ffd7f2;
  --pink-200: #ffc4eb;
  --pink-300: #ffa9e2;
  --pink-400: #f9d;
  --pink-500: #ff7fd4;
  --pink-600: #e874c1;
  --pink-700: #b55a97;
  --pink-800: #8c4675;
  --pink-900: #6b3559;
  --rose-50: #fff0f8;
  --rose-100: #ffd1e8;
  --rose-200: #ffbadd;
  --rose-300: #ff9bcd;
  --rose-400: #ff87c3;
  --rose-500: #ff69b4;
  --rose-600: #e860a4;
  --rose-700: #b54b80;
  --rose-800: #8c3a63;
  --rose-900: #6b2c4c;
  --brown-50: #f6f0ec;
  --brown-100: #e4d1c4;
  --brown-200: #d7baa7;
  --brown-300: #c59b7f;
  --brown-400: #b98766;
  --brown-500: #a86940;
  --brown-600: #99603a;
  --brown-700: #774b2d;
  --brown-800: #5c3a23;
  --brown-900: #472c1b;
  --tangerine-50: #fff6eb;
  --tangerine-100: #ffe3c0;
  --tangerine-200: #ffd6a1;
  --tangerine-300: #ffc376;
  --tangerine-400: #ffb75c;
  --tangerine-500: #ffa533;
  --tangerine-600: #e8962e;
  --tangerine-700: #b57524;
  --tangerine-800: #8c5b1c;
  --tangerine-900: #6b4515;
  --cyan-50: #e6f7fa;
  --cyan-100: #b0e7ef;
  --cyan-200: #8adce8;
  --cyan-300: #54cbdd;
  --cyan-400: #33c1d6;
  --cyan-500: #00b2cc;
  --cyan-600: #00a2ba;
  --cyan-700: #007e91;
  --cyan-800: #006270;
  --cyan-900: #004b56;
  --sky-50: #eff6fb;
  --sky-100: #cde4f1;
  --sky-200: #b5d7eb;
  --sky-300: #94c5e2;
  --sky-400: #7fb9dc;
  --sky-500: #5fa8d3;
  --sky-600: #5699c0;
  --sky-700: #437796;
  --sky-800: #345c74;
  --sky-900: #284759;
  --primary-normal: #0066cc;
  --primary-normal-1: rgb(0, 132, 190);
  --primary-normal-2: rgb(0, 81, 134);
  --primary-light: rgb(230, 243, 249);
  --primary-dark: #003750;
  --secondary-normal: rgb(42, 76, 121);
  --secondary-light: rgb(230, 231, 242);
  --secondary-dark: #000632;
  --black: #000;
  --white: #fff;
  --background: #f9fafb;
  --border: #d1d5db;
  --border-login: #4f68a3;
  --disable: #e9eaeb;
  --dividers: #f3f4f6;
  --background-blue-login: #01438e;
  --background-input-login: #013e7c;
  --tables-striped-rows: #f9f9ff;
  --text-primary: #000;
  --text-body: #6b7280;
  --placeholder: #6b7280;
  --success-normal: #00b06b;
  --success-light: #e6f9f1;
  --success-dark: #005132;
  --success-600: var(--green-600);
  --success-600-rgb: var(--green-600);
  --warning-normal: #ff8400;
  --warning-light: #fff3e6;
  --warning-dark: #6b3700;
  --danger-normal: #f11e1e;
  --danger-light: #fff0f0;
  --danger-dark: #6d0303;
  --waiting-normal: #ffc200;
  --waiting-light: #fff9e6;
  --waiting-dark: #6b5100;
  --info-normal: #06c;
  --info-light: rgb(199,219,243);
  --info-dark: #002b56;
  --default-light: var(--zinc-50);
  --default-dark: var(--black);
  --info-normal-1: rgb(0, 132, 190);
  --hot-bule: #01ffd7;
  --hot-blue: var(--hot-bule);
  /* size */
  --None: 0px;
  --size-4: 4px;
  --size-6: 6px;
  --size-8: 8px;
  --size-10: 10px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-26: 26px;
  --size-30: 30px;
  --size-34: 34px;
  --size-38: 38px;
  --size-42: 42px;
  --size-46: 46px;
  --size-50: 50px;
  --size-54: 54px;
  --size-58: 58px;
  --size-62: 62px;
  --size-full: 1000px;
  --waiting: var(--warning-normal);
  --waiting-50: var(--warning-light);
  --done: var(--blue-500);
  --done-50: var(--blue-50);
  --success: var(--success-normal);
  --success-50: var(--success-light);
  --waiting-approve: var(--warning-normal);
  --waiting-approve-50: var(--warning-light);
  --reject: var(--danger-normal);
  --reject-50: var(--danger-light);
  --send: var(--teal-500);
  --send-50: var(--teal-50);
  --cancel-doc: var(--brown-500);
  --cancel-doc-50: var(--brown-50);
  --cancel: var(--gray-500);
  --cancel-50: var(--gray-50);
  --danger: var(--red-700);
  --danger-50: var(--red-50);
  --default-50: var(--zinc-50);
  --default: var(--black);
  --rgb-warning-normal: 255, 132, 0;
  --rgb-success-normal: 0, 176, 107;
  --rgb-primary-normal: 0, 132, 190;
  --rgb-alert-normal: rgb(151, 18, 18);
  --mat-option-focus-state-layer-color: transparent;
}

.font-weight-bold {
  font-weight: 700;
  font-family: "Noto Sans Thai Bold", sans-serif;
}

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

.font-weight-bold-md {
  font-weight: 500;
  font-family: "Noto Sans Thai Medium", sans-serif;
}

.font-weight-light {
  font-weight: 300;
}

.font-weight-thick {
  font-weight: 600;
}

.font-weight-bold-sm, .stepper-approve .mat-step-header .mat-step-icon .text, .stepper-approve .mat-step-header .mat-step-icon, .create-form-section-header, .modal-header-complete, .btn.color-yellow-500.outline-default, .btn.color-yellow-500.outline-text, .btn.color-info-normal-1.outline-default, .btn.color-info-normal-1.outline-text, .btn.color-blue-50.outline-default, .btn.color-blue-50.outline-text, .btn.color-blue.outline-default, .btn.color-blue.outline-text, .btn.color-gray-secondary.outline-default, .btn.color-gray-secondary.outline-text, .btn.color-charcoal.outline-default, .btn.color-charcoal.outline-text, .btn.color-tables-striped-rows.outline-default, .btn.color-tables-striped-rows.outline-text, .btn.color-soft-woodsmoke.outline-default, .btn.color-soft-woodsmoke.outline-text, .btn.color-text-body.outline-default, .btn.color-text-body.outline-text, .btn.color-disable.outline-default, .btn.color-disable.outline-text, .btn.color-woodsmoke.outline-default, .btn.color-woodsmoke.outline-text, .btn.color-border.outline-default, .btn.color-border.outline-text, .btn.color-dividers.outline-default, .btn.color-dividers.outline-text, .btn.color-info-normal.outline-default, .btn.color-info-normal.outline-text, .btn.color-danger.outline-default, .btn.color-danger.outline-text, .btn.color-background-2.outline-default, .btn.color-background-2.outline-text, .btn.color-danger_light.outline-default, .btn.color-danger_light.outline-text, .btn.color-gray.outline-default, .btn.color-gray.outline-text, .btn.color-light-gray.outline-default, .btn.color-light-gray.outline-text, .btn.color-hot-bule.outline-default, .btn.color-hot-bule.outline-text, .btn.color-hot-pink.outline-default, .btn.color-hot-pink.outline-text, .btn.color-navy-gray.outline-default, .btn.color-navy-gray.outline-text, .btn.color-hightlight-text.outline-default, .btn.color-hightlight-text.outline-text, .btn.color-assign.outline-default, .btn.color-assign.outline-text, .btn.color-soft-text-secondary.outline-default, .btn.color-soft-text-secondary.outline-text, .btn.color-primary-light.outline-default, .btn.color-primary-light.outline-text, .btn.color-primary-dark.outline-default, .btn.color-primary-dark.outline-text, .btn.color-black-soft.outline-default, .btn.color-black-soft.outline-text, .btn.color-background-print.outline-default, .btn.color-background-print.outline-text, .btn.color-pending-brown.outline-default, .btn.color-pending-brown.outline-text, .btn.color-expire.outline-default, .btn.color-expire.outline-text, .btn.color-await.outline-default, .btn.color-await.outline-text, .btn.color-soft-pending.outline-default, .btn.color-soft-pending.outline-text, .btn.color-pending.outline-default, .btn.color-pending.outline-text, .btn.color-cancel.outline-default, .btn.color-cancel.outline-text, .btn.color-overlay-light.outline-default, .btn.color-overlay-light.outline-text, .btn.color-warning-light.outline-default, .btn.color-warning-light.outline-text, .btn.color-alert-light.outline-default, .btn.color-alert-light.outline-text, .btn.color-soft-light.outline-default, .btn.color-soft-light.outline-text, .btn.color-edit.outline-default, .btn.color-edit.outline-text, .btn.color-pass.outline-default, .btn.color-pass.outline-text, .btn.color-iiv-primary.outline-default, .btn.color-iiv-primary.outline-text, .btn.color-subbody.outline-default, .btn.color-subbody.outline-text, .btn.color-emotional.outline-default, .btn.color-emotional.outline-text, .btn.color-politeness.outline-default, .btn.color-politeness.outline-text, .btn.color-communication.outline-default, .btn.color-communication.outline-text, .btn.color-sentiment.outline-default, .btn.color-sentiment.outline-text, .btn.color-compliance.outline-default, .btn.color-compliance.outline-text, .btn.color-black.outline-default, .btn.color-black.outline-text, .btn.color-white.outline-default, .btn.color-white.outline-text, .btn.color-overlay.outline-default, .btn.color-overlay.outline-text, .btn.color-warning.outline-default, .btn.color-warning.outline-text, .btn.color-soft-alert.outline-default, .btn.color-soft-alert.outline-text, .btn.color-alert.outline-default, .btn.color-alert.outline-text, .btn.color-soft-success.outline-default, .btn.color-soft-success.outline-text, .btn.color-success.outline-default, .btn.color-success.outline-text, .btn.color-background.outline-default, .btn.color-background.outline-text, .btn.color-body-text.outline-default, .btn.color-body-text.outline-text, .btn.color-soft-text.outline-default, .btn.color-soft-text.outline-text, .btn.color-secondary-light.outline-default, .btn.color-secondary-light.outline-text, .btn.color-secondary.outline-default, .btn.color-secondary.outline-text, .btn.color-primary.outline-default, .btn.color-primary.outline-text {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: 600;
}

.line-border-right, .pagination-img {
  border-right: 1px solid #D8D8D8;
}

.line-border-bottom, .create-form-section-header {
  border-bottom: 1px solid #D8D8D8;
}

.line-border-top, .create-form-section-header {
  border-top: 1px solid #D8D8D8;
}

.d-flex {
  display: flex;
}
.d-flex.flex-row {
  flex-direction: row;
}
.d-flex.flex-row-reverse {
  flex-direction: row-reverse;
}
.d-flex.flex-column {
  flex-direction: column;
}
.d-flex.flex-column-reverse {
  flex-direction: column-reverse;
}
.d-flex.flex-flow-wrap {
  flex-flow: row wrap;
}

.mt-2 {
  margin-top: 8px;
}

.approve-table,
.component-table {
  border: 1px solid #D8D8D8;
  border-radius: 16px;
  overflow: hidden;
}
.approve-table mat-table,
.component-table mat-table {
  padding: 12px;
}
.approve-table mat-table .mdc-data-table__cell,
.approve-table mat-table .mdc-data-table__header-cell,
.component-table mat-table .mdc-data-table__cell,
.component-table mat-table .mdc-data-table__header-cell {
  padding: 0;
}
.approve-table mat-table .mat-header-cell,
.component-table mat-table .mat-header-cell {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 14px;
}
.approve-table mat-table mat-cell:first-of-type,
.approve-table mat-table mat-header-cell:first-of-type,
.approve-table mat-table mat-footer-cell:first-of-type,
.component-table mat-table mat-cell:first-of-type,
.component-table mat-table mat-header-cell:first-of-type,
.component-table mat-table mat-footer-cell:first-of-type {
  padding-left: 8px;
}
.approve-table mat-table mat-cell:last-of-type,
.approve-table mat-table mat-header-cell:last-of-type,
.approve-table mat-table mat-footer-cell:last-of-type,
.component-table mat-table mat-cell:last-of-type,
.component-table mat-table mat-header-cell:last-of-type,
.component-table mat-table mat-footer-cell:last-of-type {
  padding-right: 8px;
}
.approve-table mat-table .mat-cell .status-cell, .approve-table mat-table .mat-mdc-cell .status-cell,
.component-table mat-table .mat-cell .status-cell,
.component-table mat-table .mat-mdc-cell .status-cell {
  border-radius: 16px;
  width: 100%;
  text-align: center;
  padding: 4px 0;
}
.approve-table mat-table .mat-cell .status-cell.success-chip, .approve-table mat-table .mat-mdc-cell .status-cell.success-chip,
.component-table mat-table .mat-cell .status-cell.success-chip,
.component-table mat-table .mat-mdc-cell .status-cell.success-chip {
  color: rgb(0, 200, 83);
  background: rgba(0, 200, 83, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.alert-chip, .approve-table mat-table .mat-mdc-cell .status-cell.alert-chip,
.component-table mat-table .mat-cell .status-cell.alert-chip,
.component-table mat-table .mat-mdc-cell .status-cell.alert-chip {
  color: rgb(241, 30, 30);
  background: rgba(255, 23, 68, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.warning-chip, .approve-table mat-table .mat-mdc-cell .status-cell.warning-chip,
.component-table mat-table .mat-cell .status-cell.warning-chip,
.component-table mat-table .mat-mdc-cell .status-cell.warning-chip {
  color: rgb(255, 145, 0);
  background: rgba(255, 145, 0, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.cancel-chip, .approve-table mat-table .mat-mdc-cell .status-cell.cancel-chip,
.component-table mat-table .mat-cell .status-cell.cancel-chip,
.component-table mat-table .mat-mdc-cell .status-cell.cancel-chip {
  color: rgb(121, 85, 72);
  background: rgba(121, 85, 72, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.pending-chip, .approve-table mat-table .mat-mdc-cell .status-cell.pending-chip,
.component-table mat-table .mat-cell .status-cell.pending-chip,
.component-table mat-table .mat-mdc-cell .status-cell.pending-chip {
  color: rgb(255, 112, 67);
  background: rgba(255, 112, 67, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.await-chip, .approve-table mat-table .mat-mdc-cell .status-cell.await-chip,
.component-table mat-table .mat-cell .status-cell.await-chip,
.component-table mat-table .mat-mdc-cell .status-cell.await-chip {
  color: rgb(251, 192, 45);
  background: rgba(251, 192, 45, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.expire-chip, .approve-table mat-table .mat-mdc-cell .status-cell.expire-chip,
.component-table mat-table .mat-cell .status-cell.expire-chip,
.component-table mat-table .mat-mdc-cell .status-cell.expire-chip {
  color: rgb(150, 158, 169);
  background: rgba(150, 158, 169, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.ACTIVE, .approve-table mat-table .mat-mdc-cell .status-cell.ACTIVE,
.component-table mat-table .mat-cell .status-cell.ACTIVE,
.component-table mat-table .mat-mdc-cell .status-cell.ACTIVE {
  color: rgb(0, 200, 83);
  background: rgba(0, 200, 83, 0.15);
}
.approve-table mat-table .mat-cell .status-cell.NEW, .approve-table mat-table .mat-mdc-cell .status-cell.NEW,
.component-table mat-table .mat-cell .status-cell.NEW,
.component-table mat-table .mat-mdc-cell .status-cell.NEW {
  color: var(--primary-normal-1);
  background: rgba(var(--primary-normal-1), 0.15);
}
.approve-table mat-table .mat-cell .status-cell.INACTIVE, .approve-table mat-table .mat-mdc-cell .status-cell.INACTIVE,
.component-table mat-table .mat-cell .status-cell.INACTIVE,
.component-table mat-table .mat-mdc-cell .status-cell.INACTIVE {
  color: rgb(255, 23, 68);
  background: rgba(255, 23, 68, 0.15);
}
.approve-table mat-table .mat-row, .approve-table mat-table .mat-mdc-row,
.component-table mat-table .mat-row,
.component-table mat-table .mat-mdc-row {
  border-bottom-style: none;
}
.approve-table mat-table .mat-row:hover, .approve-table mat-table .mat-mdc-row:hover,
.component-table mat-table .mat-row:hover,
.component-table mat-table .mat-mdc-row:hover {
  background-color: var(--primary-light);
}
.approve-table mat-table .mat-row.alert-row, .approve-table mat-table .alert-row.mat-mdc-row,
.component-table mat-table .mat-row.alert-row,
.component-table mat-table .alert-row.mat-mdc-row {
  background-color: rgba(255, 23, 68, 0.05) !important;
}
.approve-table mat-table .mat-row:nth-child(odd), .approve-table mat-table .mat-mdc-row:nth-child(odd),
.component-table mat-table .mat-row:nth-child(odd),
.component-table mat-table .mat-mdc-row:nth-child(odd) {
  background-color: rgb(249, 249, 255);
}
.approve-table mat-table .mat-row:nth-child(odd):hover, .approve-table mat-table .mat-mdc-row:nth-child(odd):hover,
.component-table mat-table .mat-row:nth-child(odd):hover,
.component-table mat-table .mat-mdc-row:nth-child(odd):hover {
  background-color: var(--primary-light);
}
.approve-table mat-table .mat-row.active, .approve-table mat-table .active.mat-mdc-row,
.component-table mat-table .mat-row.active,
.component-table mat-table .active.mat-mdc-row {
  background-color: rgba(255, 145, 0, 0.05) !important;
}
.approve-table .spinner-container,
.component-table .spinner-container {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.6);
  z-index: 1;
  --mat-progress-spinner-active-indicator-color: var(--primary-normal-1);
}
.approve-table .mat-button-toggle-group,
.approve-table .mat-button-toggle-group-appearance-standard,
.component-table .mat-button-toggle-group,
.component-table .mat-button-toggle-group-appearance-standard {
  border: 1px solid #D8D8D8;
  border-radius: 12px;
  --mat-button-toggle-height: 40px;
  --mat-button-toggle-selected-state-background-color: var(--primary-normal-1);
  --mat-button-toggle-selected-state-text-color: #fff;
}
.approve-table .mat-button-toggle-group .mat-button-toggle,
.approve-table .mat-button-toggle-group .mat-button-toggle-appearance-standard,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard,
.component-table .mat-button-toggle-group .mat-button-toggle,
.component-table .mat-button-toggle-group .mat-button-toggle-appearance-standard,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard {
  width: 40px;
  height: 40px;
}
.approve-table .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button,
.approve-table .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-button,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.component-table .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button,
.component-table .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-button,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mat-button-toggle-button {
  height: 100%;
}
.approve-table .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 18px;
  padding: 12px;
  color: black;
}
.approve-table .mat-button-toggle-group .mat-button-toggle-checked,
.approve-table .mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.mat-button-toggle-checked,
.component-table .mat-button-toggle-group .mat-button-toggle-checked,
.component-table .mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  background-color: var(--primary-normal-1) !important;
}
.approve-table .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: white !important;
}
.approve-table .mat-button-toggle-group[data-state=mobile],
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile],
.component-table .mat-button-toggle-group[data-state=mobile],
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] {
  border: 1px solid #D8D8D8;
  border-radius: 12px;
  --mat-button-toggle-height: 32px;
  --mat-button-toggle-selected-state-background-color: var(--primary-normal-1);
  --mat-button-toggle-selected-state-text-color: #fff;
}
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle,
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard {
  width: 32px;
  height: 32px;
}
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle .mat-button-toggle-button,
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle .mat-button-toggle-button,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle .mat-button-toggle-button,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle .mat-button-toggle-button,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-button {
  height: 100%;
}
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  line-height: 12px;
  padding: 10px;
  color: black;
}
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-checked,
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-checked,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-checked,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-checked,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked {
  background-color: var(--primary-normal-1) !important;
}
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-checked .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-checked .mat-button-toggle-label-content,
.approve-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-checked .mat-button-toggle-label-content,
.component-table .mat-button-toggle-group-appearance-standard[data-state=mobile] .mat-button-toggle-appearance-standard.mat-button-toggle-checked .mat-button-toggle-label-content {
  color: white !important;
}

.approval-buttons .mat-button-toggle-group,
.approval-buttons .mat-button-toggle-group-appearance-standard {
  border: none;
  gap: 10px;
  --mat-button-toggle-height: 48px;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard {
  display: flex;
  align-items: center;
  height: 48px;
  border: 1px solid #DFE2E4;
  border-radius: 8px;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.1);
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-button,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-button,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-button,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mat-button-toggle-button {
  height: 100%;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle .mat-button-toggle-label-content,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard .mat-button-toggle-label-content,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle .mat-button-toggle-label-content,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mat-button-toggle-label-content {
  display: flex;
  flex-direction: row;
  align-items: center;
  line-height: 18px;
  padding: 12px;
  color: black;
  column-gap: 16px;
  justify-content: center;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle .mock-radio,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard .mock-radio,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle .mock-radio,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mock-radio {
  padding: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  border: 1px solid #E6E6E6;
  background-color: white;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle .mock-radio .radio-fill,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard .mock-radio .radio-fill,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle .mock-radio .radio-fill,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard .mock-radio .radio-fill {
  display: none;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background-color: black;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle.toggle-approve:hover,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard.toggle-approve:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle.toggle-approve:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.toggle-approve:hover {
  border: var(--green-600) 1px solid;
  background-color: white;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle.toggle-reject:hover,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard.toggle-reject:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle.toggle-reject:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.toggle-reject:hover {
  border: #FF1744 1px solid;
  background-color: white;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle.toggle-edit:hover,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-appearance-standard.toggle-edit:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle.toggle-edit:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-appearance-standard.toggle-edit:hover {
  border: #F79400 1px solid;
  background-color: white;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-disabled.mat-button-toggle-appearance-standard,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-disabled.mat-button-toggle-appearance-standard:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-disabled.mat-button-toggle-appearance-standard,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-disabled.mat-button-toggle-appearance-standard:hover {
  background-color: rgba(229, 231, 235, 0.7);
  border: 1px solid #DFE2E4;
  opacity: 0.7;
  color: black;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-disabled.mat-button-toggle-appearance-standard i,
.approval-buttons .mat-button-toggle-group .mat-button-toggle-disabled.mat-button-toggle-appearance-standard:hover i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-disabled.mat-button-toggle-appearance-standard i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-disabled.mat-button-toggle-appearance-standard:hover i {
  color: black;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-approve, .approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-approve:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-approve,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-approve:hover {
  background-color: var(--green-600);
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-approve i, .approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-approve:hover i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-approve i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-approve:hover i {
  color: white;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-reject, .approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-reject:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-reject,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-reject:hover {
  background-color: #F11E1E;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-reject i, .approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-reject:hover i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-reject i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-reject:hover i {
  color: white;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-edit, .approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-edit:hover,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-edit,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-edit:hover {
  background-color: #F79400;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-edit i, .approval-buttons .mat-button-toggle-group .mat-button-toggle-checked.toggle-edit:hover i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-edit i,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked.toggle-edit:hover i {
  color: white;
}
.approval-buttons .mat-button-toggle-group .mat-button-toggle-checked .mat-button-toggle-label-content,
.approval-buttons .mat-button-toggle-group-appearance-standard .mat-button-toggle-checked .mat-button-toggle-label-content {
  color: white;
}

.status-chip {
  display: inline-block;
  border-radius: 16px;
  width: 100%;
  text-align: center;
  font-size: 12px;
}
.status-chip.success-chip {
  color: rgb(0, 200, 83);
  background: rgba(0, 200, 83, 0.15);
}
.status-chip.alert-chip {
  color: rgb(241, 30, 30);
  background: rgba(255, 23, 68, 0.15);
}
.status-chip.warning-chip {
  color: rgb(255, 145, 0);
  background: rgba(255, 145, 0, 0.15);
}
.status-chip.cancel-chip {
  color: rgb(121, 85, 72);
  background: rgba(121, 85, 72, 0.15);
}
.status-chip.pending-chip {
  color: rgb(255, 112, 67);
  background: rgba(255, 112, 67, 0.15);
}
.status-chip.await-chip {
  color: rgb(251, 192, 45);
  background: rgba(251, 192, 45, 0.15);
}
.status-chip.expire-chip {
  color: rgb(150, 158, 169);
  background: rgba(150, 158, 169, 0.15);
}
.status-chip.color-primary {
  color: white;
  background: var(--primary-normal-1);
}
.status-chip.color-secondary {
  color: white;
  background: var(--secondary-normal);
}
.status-chip.color-secondary-light {
  color: white;
  background: var(--secondary-light);
}
.status-chip.color-soft-text {
  color: white;
  background: #969EA9;
}
.status-chip.color-body-text {
  color: white;
  background: #000000;
}
.status-chip.color-background {
  color: white;
  background: #F9FAFB;
}
.status-chip.color-success {
  color: white;
  background: var(--green-600);
}
.status-chip.color-soft-success {
  color: white;
  background: #D9F7E5;
}
.status-chip.color-alert {
  color: white;
  background: #FF1744;
}
.status-chip.color-soft-alert {
  color: white;
  background: #FFDCE3;
}
.status-chip.color-warning {
  color: white;
  background: #F79400;
}
.status-chip.color-overlay {
  color: white;
  background: #000812;
}
.status-chip.color-white {
  color: white;
  background: white;
}
.status-chip.color-black {
  color: white;
  background: black;
}
.status-chip.color-compliance {
  color: white;
  background: #F99500;
}
.status-chip.color-sentiment {
  color: white;
  background: #3DB61B;
}
.status-chip.color-communication {
  color: white;
  background: #008DD9;
}
.status-chip.color-politeness {
  color: white;
  background: #FF1794;
}
.status-chip.color-emotional {
  color: white;
  background: #B032BD;
}
.status-chip.color-subbody {
  color: white;
  background: #F6F9FB;
}
.status-chip.color-iiv-primary {
  color: white;
  background: var(--primary-normal-1);
}
.status-chip.color-iiv-primary-linear {
  color: white;
  background: linear-gradient(90deg, var(--primary-normal-2) -3.06%, var(--primary-normal-1) 106.53%);
}
.status-chip.color-background-soft {
  color: white;
  background: rgba(249, 250, 251, 0.5);
}
.status-chip.color-soft-light {
  color: white;
  background: #b2bfd1;
}
.status-chip.color-alert-light {
  color: white;
  background: #FF7043;
}
.status-chip.color-warning-light {
  color: white;
  background: #fbc02d;
}
.status-chip.color-overlay-light {
  color: white;
  background: #795548;
}
.status-chip.color-cancel {
  color: white;
  background: #795548;
}
.status-chip.color-pending {
  color: white;
  background: rgb(255, 112, 67);
}
.status-chip.color-soft-pending {
  color: white;
  background: #F7E4DF;
}
.status-chip.color-await {
  color: white;
  background: rgb(251, 192, 45);
}
.status-chip.color-expire {
  color: white;
  background: #384041;
}
.status-chip.color-pending-brown {
  color: white;
  background: rgb(193, 116, 25);
}
.status-chip.color-background-print {
  color: white;
  background: #f6f9fb;
}
.status-chip.color-black-soft {
  color: white;
  background: #5d5d62;
}
.status-chip.color-primary-dark {
  color: white;
  background: var(--primary-normal-2);
}
.status-chip.color-primary-light {
  color: white;
  background: var(--primary-light);
}
.status-chip.color-soft-text-secondary {
  color: white;
  background: #E6E6E6;
}
.status-chip.color-assign {
  color: white;
  background: #B96F00;
}
.status-chip.color-hightlight-text {
  color: white;
  background: var(--primary-normal-2);
}
.status-chip.color-navy-gray {
  color: white;
  background: #3A4553;
}
.status-chip.color-hot-pink {
  color: white;
  background: #FE04FF;
}
.status-chip.color-hot-bule {
  color: white;
  background: #01ffd7;
  color: black;
}
.status-chip.color-light-gray {
  color: white;
  background: #DFE2E4;
}
.status-chip.color-danger {
  color: white;
  background: #F11E1E;
}
.status-chip.color-gray {
  color: white;
  background: #e5e7eb;
}
.status-chip.color-danger_light {
  color: white;
  background: #FCC9C9;
}
.status-chip.color-background-2 {
  color: white;
  background: #F9FAFB;
}
.status-chip.color-info-normal {
  color: white;
  background: #0066CC;
}
.status-chip.color-dividers {
  color: white;
  background: #F2F2F2;
}
.status-chip.color-border {
  color: white;
  background: #D8D8D8;
}
.status-chip.color-woodsmoke {
  color: white;
  background: #384041;
}
.status-chip.color-disable {
  color: white;
  background: #E9EAEB;
}
.status-chip.color-text-body {
  color: white;
  background: #6b7280;
}
.status-chip.color-soft-woodsmoke {
  color: white;
  background: #EBECEC;
}
.status-chip.color-tables-striped-rows {
  color: white;
  background: #f9f9ff;
}
.status-chip.color-charcoal {
  color: white;
  background: #222222;
}
.status-chip.color-gray-secondary {
  color: white;
  background: #f2f2f2;
}
.status-chip.color-blue {
  color: white;
  background: var(--blue-800);
}
.status-chip.color-blue-50 {
  color: white;
  background: var(--blue-50);
}
.status-chip.color-info-normal-1 {
  color: white;
  background: var(--info-normal-1);
}
.status-chip.color-gray-500 {
  color: white;
  background: var(--gray-500);
}
.status-chip.color-yellow-500 {
  color: white;
  background: var(--yellow-500);
  color: black;
}
.status-chip.color-orange-50 {
  color: white;
  background: var(--orange-50);
}
.status-chip.color-orange-800 {
  color: white;
  background: var(--orange-800);
}

/*
This file is used to contain all component imports.
Files inside this folder should contain all styles relating to a reusable component.
*/
.btn {
  color: white;
  border-color: transparent;
  cursor: pointer;
  border-radius: 8px;
  text-align: center;
  padding: 8px;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  font-size: 1rem;
}
.btn.btn-submit {
  background: var(--primary-normal-1);
}
.btn.btn-submit:hover {
  background: var(--primary-normal-1);
}
.btn.btn-submit:disabled {
  background: var(--secondary-light);
}
.btn.btn-submit:disabled, .btn.btn-submit.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-primary.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-primary.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-primary.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-primary.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-primary.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-primary.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-primary.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-primary.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-primary.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-primary.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-primary.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-primary.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-primary.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-primary.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-primary.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-primary.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-primary.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-primary.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-primary.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-primary.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-primary.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-primary.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-primary.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-primary.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-primary.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-primary.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-primary.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-primary.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-primary.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-primary.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary {
  color: var(--primary-normal-1);
}
.btn.color-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary.alert:hover {
  cursor: default;
}
.btn.color-primary.alert.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-primary.alert.color-primary div {
  display: flex;
}
.btn.color-primary.alert.color-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary.alert.color-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary.fab:hover {
  cursor: pointer;
}
.btn.color-primary.fab:hover.color-primary {
  filter: brightness(0.85);
}
.btn.color-primary.fab:hover.color-primary-03 {
  filter: brightness(0.25);
}
.btn.color-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-primary.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-primary.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary.fab-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-primary.fab-status.color-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary.fab-status.color-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary.fab-status.color-primary div i.end {
  align-self: center;
}
.btn.color-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-secondary.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-secondary.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-secondary.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-secondary.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-secondary.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-secondary.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-secondary.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-secondary.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-secondary.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-secondary.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-secondary.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-secondary.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-secondary.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-secondary.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-secondary.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-secondary.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-secondary.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-secondary.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-secondary.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-secondary.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-secondary.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-secondary.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-secondary.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-secondary.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-secondary.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-secondary.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-secondary.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-secondary.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-secondary.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-secondary.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary {
  color: var(--secondary-normal);
}
.btn.color-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-normal);
}
.btn.color-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-normal);
}
.btn.color-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary.alert:hover {
  cursor: default;
}
.btn.color-secondary.alert.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
  background: var(--secondary-light);
}
.btn.color-secondary.alert.color-secondary div {
  display: flex;
}
.btn.color-secondary.alert.color-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary.alert.color-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-normal);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-secondary.fab:hover.color-secondary {
  filter: brightness(0.85);
}
.btn.color-secondary.fab:hover.color-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-normal);
  font-size: 14px;
  background-color: rgba(var(--secondary-normal), 0.1);
  border: 1px solid rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-secondary.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-secondary.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary.fab-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.1);
}
.btn.color-secondary.fab-status.color-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary.fab-status.color-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary.fab-status.color-secondary div i.end {
  align-self: center;
}
.btn.color-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-status-outline:disabled {
  color: var(--secondary-normal) !important;
  background: rgba(var(--secondary-normal), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-normal), 1);
  background-color: rgba(var(--secondary-normal), 0.2);
}
.btn.color-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-normal), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-normal);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-normal);
  background-color: transparent;
}
.btn.color-secondary.fab-outline:disabled {
  color: var(--secondary-normal) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-normal), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-secondary-light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-secondary-light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-secondary-light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-secondary-light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-secondary-light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-secondary-light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-secondary-light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-secondary-light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-secondary-light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-secondary-light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-secondary-light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-secondary-light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-secondary-light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-secondary-light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-secondary-light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-secondary-light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-secondary-light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-secondary-light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-secondary-light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-secondary-light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-secondary-light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-secondary-light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-secondary-light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-secondary-light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-secondary-light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-secondary-light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-secondary-light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-secondary-light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-secondary-light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-secondary-light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light {
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--secondary-light);
}
.btn.color-secondary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-secondary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-secondary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--secondary-light);
}
.btn.color-secondary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-secondary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-secondary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-secondary-light.alert:hover {
  cursor: default;
}
.btn.color-secondary-light.alert.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.alert.color-secondary-light div {
  display: flex;
}
.btn.color-secondary-light.alert.color-secondary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.color-secondary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-secondary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-secondary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--secondary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-secondary-light.fab:hover {
  cursor: pointer;
}
.btn.color-secondary-light.fab:hover.color-secondary-light {
  filter: brightness(0.85);
}
.btn.color-secondary-light.fab:hover.color-secondary-light-03 {
  filter: brightness(0.25);
}
.btn.color-secondary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-secondary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-secondary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--secondary-light);
  font-size: 14px;
  background-color: rgba(var(--secondary-light), 0.1);
  border: 1px solid rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-secondary-light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-secondary-light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-secondary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-secondary-light.fab-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.1);
}
.btn.color-secondary-light.fab-status.color-secondary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-secondary-light.fab-status.color-secondary-light div i.end {
  align-self: center;
}
.btn.color-secondary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-secondary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-status-outline:disabled {
  color: var(--secondary-light) !important;
  background: rgba(var(--secondary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-secondary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--secondary-light), 1);
  background-color: rgba(var(--secondary-light), 0.2);
}
.btn.color-secondary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--secondary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-secondary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--secondary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--secondary-light);
  background-color: transparent;
}
.btn.color-secondary-light.fab-outline:disabled {
  color: var(--secondary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-secondary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--secondary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-text.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-text.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-text.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-text.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-text.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-text.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-text.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-text.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-text.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-text.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-text.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-text.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-text.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-text.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-text.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-text.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-text.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-text.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-text.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-text.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-text.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-text.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-text.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-text.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-text.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-text.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-text.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-text.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-text.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-text.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text {
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(150, 158, 169);
}
.btn.color-soft-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text.alert:hover {
  cursor: default;
}
.btn.color-soft-text.alert.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.alert.color-soft-text div {
  display: flex;
}
.btn.color-soft-text.alert.color-soft-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.color-soft-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(150, 158, 169);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text.fab:hover.color-soft-text {
  filter: brightness(0.85);
}
.btn.color-soft-text.fab:hover.color-soft-text-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(150, 158, 169);
  font-size: 14px;
  background-color: rgba(150, 158, 169, 0.1);
  border: 1px solid rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-text.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-text.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text.fab-status.color-soft-text {
  background: rgba(150, 158, 169, 0.1);
}
.btn.color-soft-text.fab-status.color-soft-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text.fab-status.color-soft-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text.fab-status.color-soft-text div i.end {
  align-self: center;
}
.btn.color-soft-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-status-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background: rgba(150, 158, 169, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #969ea9;
  background-color: rgba(150, 158, 169, 0.2);
}
.btn.color-soft-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #969ea9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(150, 158, 169);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(150, 158, 169);
  background-color: transparent;
}
.btn.color-soft-text.fab-outline:disabled {
  color: rgb(150, 158, 169) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #969ea9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-body-text.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-body-text.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-body-text.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-body-text.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-body-text.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-body-text.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-body-text.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-body-text.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-body-text.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-body-text.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-body-text.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-body-text.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-body-text.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-body-text.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-body-text.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-body-text.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-body-text.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-body-text.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-body-text.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-body-text.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-body-text.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-body-text.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-body-text.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-body-text.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-body-text.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-body-text.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-body-text.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-body-text.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-body-text.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-body-text.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text {
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-body-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-body-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-body-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-body-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-body-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-body-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-body-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-body-text.alert:hover {
  cursor: default;
}
.btn.color-body-text.alert.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.alert.color-body-text div {
  display: flex;
}
.btn.color-body-text.alert.color-body-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-body-text.alert.color-body-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-body-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-body-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-body-text.fab:hover {
  cursor: pointer;
}
.btn.color-body-text.fab:hover.color-body-text {
  filter: brightness(0.85);
}
.btn.color-body-text.fab:hover.color-body-text-03 {
  filter: brightness(0.25);
}
.btn.color-body-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-body-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-body-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-body-text.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-body-text.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-body-text.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-body-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-body-text.fab-status.color-body-text {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-body-text.fab-status.color-body-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-body-text.fab-status.color-body-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-body-text.fab-status.color-body-text div i.end {
  align-self: center;
}
.btn.color-body-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-body-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-body-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-body-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-body-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-body-text.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-body-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-background.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-background.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-background.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-background.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-background.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-background.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-background.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-background.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-background.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-background.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-background.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-background.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-background.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-background.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-background.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-background.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-background.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-background.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-background.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-background.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-background.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-background.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-background.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-background.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-background.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-background.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-background.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-background.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-background.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-background.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background {
  color: rgb(249, 250, 251);
}
.btn.color-background.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background.alert:hover {
  cursor: default;
}
.btn.color-background.alert.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.alert.color-background div {
  display: flex;
}
.btn.color-background.alert.color-background div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background.alert.color-background div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background.fab:hover {
  cursor: pointer;
}
.btn.color-background.fab:hover.color-background {
  filter: brightness(0.85);
}
.btn.color-background.fab:hover.color-background-03 {
  filter: brightness(0.25);
}
.btn.color-background.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background.fab:disabled {
  opacity: 0.35;
}
.btn.color-background.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-background.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-background.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-background.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background.fab-status.color-background {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background.fab-status.color-background div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background.fab-status.color-background div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background.fab-status.color-background div i.end {
  align-self: center;
}
.btn.color-background.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-success.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-success.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-success.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-success.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-success.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-success.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-success.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-success.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-success.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-success.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-success.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-success.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-success.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-success.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-success.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-success.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-success.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-success.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-success.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-success.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-success.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-success.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-success.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-success.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-success.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-success.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-success.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-success.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-success.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-success.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success {
  color: rgb(0, 176, 107);
}
.btn.color-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 176, 107);
}
.btn.color-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 176, 107, 0.2);
}
.btn.color-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 176, 107);
}
.btn.color-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-success.alert:hover {
  cursor: default;
}
.btn.color-success.alert.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.alert.color-success div {
  display: flex;
}
.btn.color-success.alert.color-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-success.alert.color-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 176, 107);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-success.fab:hover {
  cursor: pointer;
}
.btn.color-success.fab:hover.color-success {
  filter: brightness(0.85);
}
.btn.color-success.fab:hover.color-success-03 {
  filter: brightness(0.25);
}
.btn.color-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 176, 107);
  font-size: 14px;
  background-color: rgba(0, 176, 107, 0.1);
  border: 1px solid rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-success.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-success.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-success.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-success.fab-status.color-success {
  background: rgba(0, 176, 107, 0.1);
}
.btn.color-success.fab-status.color-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-success.fab-status.color-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-success.fab-status.color-success div i.end {
  align-self: center;
}
.btn.color-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-status-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background: rgba(0, 176, 107, 0.2) !important;
  opacity: 0.5;
}
.btn.color-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00b06b;
  background-color: rgba(0, 176, 107, 0.2);
}
.btn.color-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00b06b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 176, 107);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 176, 107);
  background-color: transparent;
}
.btn.color-success.fab-outline:disabled {
  color: rgb(0, 176, 107) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00b06b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-success.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-success.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-success.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-success.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-success.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-success.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-success.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-success.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-success.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-success.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-success.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-success.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-success.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-success.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-success.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-success.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-success.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-success.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-success.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-success.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-success.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-success.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-success.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-success.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-success.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-success.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-success.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-success.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-success.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-success.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success {
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-success.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-success.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-success.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(217, 247, 229);
}
.btn.color-soft-success.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-success.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-success.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-success.alert:hover {
  cursor: default;
}
.btn.color-soft-success.alert.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.alert.color-soft-success div {
  display: flex;
}
.btn.color-soft-success.alert.color-soft-success div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.color-soft-success div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-success.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-success.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(217, 247, 229);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-success.fab:hover {
  cursor: pointer;
}
.btn.color-soft-success.fab:hover.color-soft-success {
  filter: brightness(0.85);
}
.btn.color-soft-success.fab:hover.color-soft-success-03 {
  filter: brightness(0.25);
}
.btn.color-soft-success.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-success.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-success.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(217, 247, 229);
  font-size: 14px;
  background-color: rgba(217, 247, 229, 0.1);
  border: 1px solid rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-success.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-success.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-success.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-success.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-success.fab-status.color-soft-success {
  background: rgba(217, 247, 229, 0.1);
}
.btn.color-soft-success.fab-status.color-soft-success div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-success.fab-status.color-soft-success div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-success.fab-status.color-soft-success div i.end {
  align-self: center;
}
.btn.color-soft-success.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-success.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-status-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background: rgba(217, 247, 229, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-success.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d9f7e5;
  background-color: rgba(217, 247, 229, 0.2);
}
.btn.color-soft-success.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d9f7e5;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-success.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(217, 247, 229);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(217, 247, 229);
  background-color: transparent;
}
.btn.color-soft-success.fab-outline:disabled {
  color: rgb(217, 247, 229) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-success.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d9f7e5;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-alert.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-alert.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-alert.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-alert.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-alert.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-alert.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-alert.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-alert.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-alert.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-alert.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-alert.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-alert.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-alert.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-alert.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-alert.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-alert.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-alert.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-alert.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-alert.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-alert.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-alert.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-alert.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-alert.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-alert.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-alert.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-alert.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-alert.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-alert.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-alert.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-alert.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert {
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 68);
}
.btn.color-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 68);
}
.btn.color-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert.alert:hover {
  cursor: default;
}
.btn.color-alert.alert.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.alert.color-alert div {
  display: flex;
}
.btn.color-alert.alert.color-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert.alert.color-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 68);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert.fab:hover {
  cursor: pointer;
}
.btn.color-alert.fab:hover.color-alert {
  filter: brightness(0.85);
}
.btn.color-alert.fab:hover.color-alert-03 {
  filter: brightness(0.25);
}
.btn.color-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 68);
  font-size: 14px;
  background-color: rgba(255, 23, 68, 0.1);
  border: 1px solid rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-alert.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-alert.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert.fab-status.color-alert {
  background: rgba(255, 23, 68, 0.1);
}
.btn.color-alert.fab-status.color-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert.fab-status.color-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert.fab-status.color-alert div i.end {
  align-self: center;
}
.btn.color-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-status-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background: rgba(255, 23, 68, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1744;
  background-color: rgba(255, 23, 68, 0.2);
}
.btn.color-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1744;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 68);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 68);
  background-color: transparent;
}
.btn.color-alert.fab-outline:disabled {
  color: rgb(255, 23, 68) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1744;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-alert.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-alert.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-alert.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-alert.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-alert.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-alert.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-alert.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-alert.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-alert.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-alert.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-alert.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-alert.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-alert.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-alert.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-alert.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-alert.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-alert.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-alert.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-alert.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-alert.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-alert.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-alert.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-alert.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-alert.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-alert.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-alert.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-alert.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-alert.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-alert.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-alert.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert {
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-alert.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-alert.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 220, 227);
}
.btn.color-soft-alert.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-alert.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-alert.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-alert.alert:hover {
  cursor: default;
}
.btn.color-soft-alert.alert.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.alert.color-soft-alert div {
  display: flex;
}
.btn.color-soft-alert.alert.color-soft-alert div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.color-soft-alert div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-alert.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-alert.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 220, 227);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-alert.fab:hover {
  cursor: pointer;
}
.btn.color-soft-alert.fab:hover.color-soft-alert {
  filter: brightness(0.85);
}
.btn.color-soft-alert.fab:hover.color-soft-alert-03 {
  filter: brightness(0.25);
}
.btn.color-soft-alert.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-alert.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-alert.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 220, 227);
  font-size: 14px;
  background-color: rgba(255, 220, 227, 0.1);
  border: 1px solid rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-alert.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-alert.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-alert.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-alert.fab-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.1);
}
.btn.color-soft-alert.fab-status.color-soft-alert div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-alert.fab-status.color-soft-alert div i.end {
  align-self: center;
}
.btn.color-soft-alert.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-alert.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-status-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background: rgba(255, 220, 227, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-alert.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ffdce3;
  background-color: rgba(255, 220, 227, 0.2);
}
.btn.color-soft-alert.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ffdce3;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-alert.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 220, 227);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 220, 227);
  background-color: transparent;
}
.btn.color-soft-alert.fab-outline:disabled {
  color: rgb(255, 220, 227) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-alert.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ffdce3;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-warning.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-warning.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-warning.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-warning.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-warning.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-warning.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-warning.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-warning.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-warning.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-warning.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-warning.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-warning.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-warning.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-warning.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-warning.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-warning.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-warning.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-warning.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-warning.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-warning.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-warning.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-warning.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-warning.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-warning.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-warning.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-warning.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-warning.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-warning.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-warning.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-warning.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning {
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 145, 0);
}
.btn.color-warning.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 145, 0);
}
.btn.color-warning.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning.alert:hover {
  cursor: default;
}
.btn.color-warning.alert.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.alert.color-warning div {
  display: flex;
}
.btn.color-warning.alert.color-warning div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning.alert.color-warning div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 145, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning.fab:hover {
  cursor: pointer;
}
.btn.color-warning.fab:hover.color-warning {
  filter: brightness(0.85);
}
.btn.color-warning.fab:hover.color-warning-03 {
  filter: brightness(0.25);
}
.btn.color-warning.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 145, 0);
  font-size: 14px;
  background-color: rgba(255, 145, 0, 0.1);
  border: 1px solid rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-warning.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-warning.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-warning.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning.fab-status.color-warning {
  background: rgba(255, 145, 0, 0.1);
}
.btn.color-warning.fab-status.color-warning div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning.fab-status.color-warning div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning.fab-status.color-warning div i.end {
  align-self: center;
}
.btn.color-warning.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-status-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background: rgba(255, 145, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff9100;
  background-color: rgba(255, 145, 0, 0.2);
}
.btn.color-warning.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff9100;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 145, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 145, 0);
  background-color: transparent;
}
.btn.color-warning.fab-outline:disabled {
  color: rgb(255, 145, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff9100;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-overlay.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-overlay.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-overlay.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-overlay.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-overlay.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-overlay.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-overlay.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-overlay.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-overlay.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-overlay.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-overlay.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-overlay.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-overlay.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-overlay.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-overlay.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-overlay.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-overlay.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-overlay.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-overlay.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-overlay.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-overlay.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-overlay.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-overlay.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-overlay.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-overlay.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-overlay.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-overlay.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-overlay.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-overlay.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-overlay.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay {
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 8, 18);
}
.btn.color-overlay.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 8, 18);
}
.btn.color-overlay.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay.alert:hover {
  cursor: default;
}
.btn.color-overlay.alert.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.alert.color-overlay div {
  display: flex;
}
.btn.color-overlay.alert.color-overlay div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay.alert.color-overlay div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 8, 18);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay.fab:hover {
  cursor: pointer;
}
.btn.color-overlay.fab:hover.color-overlay {
  filter: brightness(0.85);
}
.btn.color-overlay.fab:hover.color-overlay-03 {
  filter: brightness(0.25);
}
.btn.color-overlay.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 8, 18);
  font-size: 14px;
  background-color: rgba(0, 8, 18, 0.1);
  border: 1px solid rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-overlay.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-overlay.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-overlay.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay.fab-status.color-overlay {
  background: rgba(0, 8, 18, 0.1);
}
.btn.color-overlay.fab-status.color-overlay div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay.fab-status.color-overlay div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay.fab-status.color-overlay div i.end {
  align-self: center;
}
.btn.color-overlay.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-status-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background: rgba(0, 8, 18, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #000812;
  background-color: rgba(0, 8, 18, 0.2);
}
.btn.color-overlay.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #000812;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 8, 18);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 8, 18);
  background-color: transparent;
}
.btn.color-overlay.fab-outline:disabled {
  color: rgb(0, 8, 18) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #000812;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-white.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-white.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-white.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-white.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-white.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-white.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-white.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-white.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-white.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-white.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-white.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-white.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-white.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-white.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-white.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-white.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-white.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-white.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-white.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-white.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-white.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-white.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-white.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-white.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-white.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-white.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-white.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-white.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-white.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-white.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white {
  color: rgb(255, 255, 255);
}
.btn.color-white.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 255, 255);
}
.btn.color-white.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 255, 255, 0.2);
}
.btn.color-white.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-white.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-white.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-white.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 255, 255);
}
.btn.color-white.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-white.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-white.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-white.alert:hover {
  cursor: default;
}
.btn.color-white.alert.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.alert.color-white div {
  display: flex;
}
.btn.color-white.alert.color-white div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-white.alert.color-white div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-white.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-white.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 255, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-white.fab:hover {
  cursor: pointer;
}
.btn.color-white.fab:hover.color-white {
  filter: brightness(0.85);
}
.btn.color-white.fab:hover.color-white-03 {
  filter: brightness(0.25);
}
.btn.color-white.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-white.fab:disabled {
  opacity: 0.35;
}
.btn.color-white.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 255, 255);
  font-size: 14px;
  background-color: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-white.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-white.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-white.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-white.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-white.fab-status.color-white {
  background: rgba(255, 255, 255, 0.1);
}
.btn.color-white.fab-status.color-white div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-white.fab-status.color-white div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-white.fab-status.color-white div i.end {
  align-self: center;
}
.btn.color-white.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-white.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-status-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background: rgba(255, 255, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-white.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: white;
  background-color: rgba(255, 255, 255, 0.2);
}
.btn.color-white.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-white.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 255, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 255, 255);
  background-color: transparent;
}
.btn.color-white.fab-outline:disabled {
  color: rgb(255, 255, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-white.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: white;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-black.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-black.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-black.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-black.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-black.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-black.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-black.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-black.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-black.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-black.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-black.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-black.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-black.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-black.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-black.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-black.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-black.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-black.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-black.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-black.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-black.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-black.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-black.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-black.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-black.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-black.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-black.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-black.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-black.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-black.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black {
  color: rgb(0, 0, 0);
}
.btn.color-black.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 0, 0);
}
.btn.color-black.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.2);
}
.btn.color-black.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 0, 0);
}
.btn.color-black.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black.alert:hover {
  cursor: default;
}
.btn.color-black.alert.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.alert.color-black div {
  display: flex;
}
.btn.color-black.alert.color-black div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black.alert.color-black div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 0, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black.fab:hover {
  cursor: pointer;
}
.btn.color-black.fab:hover.color-black {
  filter: brightness(0.85);
}
.btn.color-black.fab:hover.color-black-03 {
  filter: brightness(0.25);
}
.btn.color-black.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black.fab:disabled {
  opacity: 0.35;
}
.btn.color-black.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 0, 0);
  font-size: 14px;
  background-color: rgba(0, 0, 0, 0.1);
  border: 1px solid rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-black.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-black.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-black.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black.fab-status.color-black {
  background: rgba(0, 0, 0, 0.1);
}
.btn.color-black.fab-status.color-black div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black.fab-status.color-black div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black.fab-status.color-black div i.end {
  align-self: center;
}
.btn.color-black.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-status-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background: rgba(0, 0, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: black;
  background-color: rgba(0, 0, 0, 0.2);
}
.btn.color-black.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 0, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 0, 0);
  background-color: transparent;
}
.btn.color-black.fab-outline:disabled {
  color: rgb(0, 0, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: black;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-compliance.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-compliance.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-compliance.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-compliance.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-compliance.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-compliance.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-compliance.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-compliance.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-compliance.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-compliance.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-compliance.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-compliance.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-compliance.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-compliance.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-compliance.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-compliance.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-compliance.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-compliance.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-compliance.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-compliance.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-compliance.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-compliance.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-compliance.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-compliance.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-compliance.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-compliance.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-compliance.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-compliance.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-compliance.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-compliance.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance {
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 149, 0);
}
.btn.color-compliance.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-compliance.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-compliance.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-compliance.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 149, 0);
}
.btn.color-compliance.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-compliance.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-compliance.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-compliance.alert:hover {
  cursor: default;
}
.btn.color-compliance.alert.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.alert.color-compliance div {
  display: flex;
}
.btn.color-compliance.alert.color-compliance div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-compliance.alert.color-compliance div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-compliance.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-compliance.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 149, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-compliance.fab:hover {
  cursor: pointer;
}
.btn.color-compliance.fab:hover.color-compliance {
  filter: brightness(0.85);
}
.btn.color-compliance.fab:hover.color-compliance-03 {
  filter: brightness(0.25);
}
.btn.color-compliance.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-compliance.fab:disabled {
  opacity: 0.35;
}
.btn.color-compliance.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 149, 0);
  font-size: 14px;
  background-color: rgba(249, 149, 0, 0.1);
  border: 1px solid rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-compliance.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-compliance.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-compliance.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-compliance.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-compliance.fab-status.color-compliance {
  background: rgba(249, 149, 0, 0.1);
}
.btn.color-compliance.fab-status.color-compliance div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-compliance.fab-status.color-compliance div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-compliance.fab-status.color-compliance div i.end {
  align-self: center;
}
.btn.color-compliance.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-compliance.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-status-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background: rgba(249, 149, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-compliance.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f99500;
  background-color: rgba(249, 149, 0, 0.2);
}
.btn.color-compliance.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f99500;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-compliance.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 149, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 149, 0);
  background-color: transparent;
}
.btn.color-compliance.fab-outline:disabled {
  color: rgb(249, 149, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-compliance.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f99500;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-sentiment.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-sentiment.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-sentiment.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-sentiment.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-sentiment.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-sentiment.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-sentiment.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-sentiment.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-sentiment.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-sentiment.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-sentiment.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-sentiment.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-sentiment.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-sentiment.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-sentiment.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-sentiment.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-sentiment.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-sentiment.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-sentiment.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-sentiment.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-sentiment.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-sentiment.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-sentiment.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-sentiment.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-sentiment.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-sentiment.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-sentiment.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-sentiment.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-sentiment.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-sentiment.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment {
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-sentiment.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-sentiment.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-sentiment.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(61, 182, 27);
}
.btn.color-sentiment.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-sentiment.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-sentiment.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-sentiment.alert:hover {
  cursor: default;
}
.btn.color-sentiment.alert.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.alert.color-sentiment div {
  display: flex;
}
.btn.color-sentiment.alert.color-sentiment div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.color-sentiment div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-sentiment.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-sentiment.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(61, 182, 27);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-sentiment.fab:hover {
  cursor: pointer;
}
.btn.color-sentiment.fab:hover.color-sentiment {
  filter: brightness(0.85);
}
.btn.color-sentiment.fab:hover.color-sentiment-03 {
  filter: brightness(0.25);
}
.btn.color-sentiment.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-sentiment.fab:disabled {
  opacity: 0.35;
}
.btn.color-sentiment.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(61, 182, 27);
  font-size: 14px;
  background-color: rgba(61, 182, 27, 0.1);
  border: 1px solid rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-sentiment.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-sentiment.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-sentiment.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-sentiment.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-sentiment.fab-status.color-sentiment {
  background: rgba(61, 182, 27, 0.1);
}
.btn.color-sentiment.fab-status.color-sentiment div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-sentiment.fab-status.color-sentiment div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-sentiment.fab-status.color-sentiment div i.end {
  align-self: center;
}
.btn.color-sentiment.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-sentiment.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-status-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background: rgba(61, 182, 27, 0.2) !important;
  opacity: 0.5;
}
.btn.color-sentiment.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3db61b;
  background-color: rgba(61, 182, 27, 0.2);
}
.btn.color-sentiment.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3db61b;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-sentiment.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(61, 182, 27);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(61, 182, 27);
  background-color: transparent;
}
.btn.color-sentiment.fab-outline:disabled {
  color: rgb(61, 182, 27) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-sentiment.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3db61b;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-communication.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-communication.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-communication.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-communication.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-communication.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-communication.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-communication.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-communication.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-communication.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-communication.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-communication.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-communication.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-communication.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-communication.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-communication.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-communication.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-communication.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-communication.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-communication.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-communication.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-communication.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-communication.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-communication.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-communication.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-communication.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-communication.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-communication.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-communication.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-communication.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-communication.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication {
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 141, 217);
}
.btn.color-communication.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-communication.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-communication.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-communication.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 141, 217);
}
.btn.color-communication.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-communication.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-communication.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-communication.alert:hover {
  cursor: default;
}
.btn.color-communication.alert.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.alert.color-communication div {
  display: flex;
}
.btn.color-communication.alert.color-communication div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-communication.alert.color-communication div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-communication.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-communication.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 141, 217);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-communication.fab:hover {
  cursor: pointer;
}
.btn.color-communication.fab:hover.color-communication {
  filter: brightness(0.85);
}
.btn.color-communication.fab:hover.color-communication-03 {
  filter: brightness(0.25);
}
.btn.color-communication.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-communication.fab:disabled {
  opacity: 0.35;
}
.btn.color-communication.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 141, 217);
  font-size: 14px;
  background-color: rgba(0, 141, 217, 0.1);
  border: 1px solid rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-communication.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-communication.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-communication.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-communication.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-communication.fab-status.color-communication {
  background: rgba(0, 141, 217, 0.1);
}
.btn.color-communication.fab-status.color-communication div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-communication.fab-status.color-communication div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-communication.fab-status.color-communication div i.end {
  align-self: center;
}
.btn.color-communication.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-communication.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-status-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background: rgba(0, 141, 217, 0.2) !important;
  opacity: 0.5;
}
.btn.color-communication.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #008dd9;
  background-color: rgba(0, 141, 217, 0.2);
}
.btn.color-communication.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #008dd9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-communication.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 141, 217);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 141, 217);
  background-color: transparent;
}
.btn.color-communication.fab-outline:disabled {
  color: rgb(0, 141, 217) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-communication.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #008dd9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-politeness.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-politeness.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-politeness.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-politeness.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-politeness.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-politeness.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-politeness.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-politeness.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-politeness.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-politeness.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-politeness.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-politeness.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-politeness.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-politeness.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-politeness.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-politeness.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-politeness.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-politeness.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-politeness.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-politeness.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-politeness.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-politeness.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-politeness.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-politeness.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-politeness.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-politeness.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-politeness.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-politeness.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-politeness.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-politeness.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness {
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 23, 148);
}
.btn.color-politeness.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-politeness.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-politeness.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-politeness.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 23, 148);
}
.btn.color-politeness.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-politeness.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-politeness.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-politeness.alert:hover {
  cursor: default;
}
.btn.color-politeness.alert.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.alert.color-politeness div {
  display: flex;
}
.btn.color-politeness.alert.color-politeness div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-politeness.alert.color-politeness div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-politeness.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-politeness.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 23, 148);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-politeness.fab:hover {
  cursor: pointer;
}
.btn.color-politeness.fab:hover.color-politeness {
  filter: brightness(0.85);
}
.btn.color-politeness.fab:hover.color-politeness-03 {
  filter: brightness(0.25);
}
.btn.color-politeness.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-politeness.fab:disabled {
  opacity: 0.35;
}
.btn.color-politeness.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 23, 148);
  font-size: 14px;
  background-color: rgba(255, 23, 148, 0.1);
  border: 1px solid rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-politeness.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-politeness.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-politeness.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-politeness.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-politeness.fab-status.color-politeness {
  background: rgba(255, 23, 148, 0.1);
}
.btn.color-politeness.fab-status.color-politeness div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-politeness.fab-status.color-politeness div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-politeness.fab-status.color-politeness div i.end {
  align-self: center;
}
.btn.color-politeness.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-politeness.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-status-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background: rgba(255, 23, 148, 0.2) !important;
  opacity: 0.5;
}
.btn.color-politeness.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff1794;
  background-color: rgba(255, 23, 148, 0.2);
}
.btn.color-politeness.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff1794;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-politeness.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 23, 148);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 23, 148);
  background-color: transparent;
}
.btn.color-politeness.fab-outline:disabled {
  color: rgb(255, 23, 148) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-politeness.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff1794;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-emotional.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-emotional.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-emotional.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-emotional.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-emotional.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-emotional.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-emotional.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-emotional.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-emotional.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-emotional.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-emotional.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-emotional.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-emotional.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-emotional.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-emotional.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-emotional.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-emotional.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-emotional.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-emotional.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-emotional.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-emotional.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-emotional.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-emotional.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-emotional.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-emotional.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-emotional.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-emotional.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-emotional.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-emotional.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-emotional.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional {
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(176, 50, 189);
}
.btn.color-emotional.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-emotional.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-emotional.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-emotional.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(176, 50, 189);
}
.btn.color-emotional.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-emotional.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-emotional.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-emotional.alert:hover {
  cursor: default;
}
.btn.color-emotional.alert.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.alert.color-emotional div {
  display: flex;
}
.btn.color-emotional.alert.color-emotional div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-emotional.alert.color-emotional div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-emotional.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-emotional.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(176, 50, 189);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-emotional.fab:hover {
  cursor: pointer;
}
.btn.color-emotional.fab:hover.color-emotional {
  filter: brightness(0.85);
}
.btn.color-emotional.fab:hover.color-emotional-03 {
  filter: brightness(0.25);
}
.btn.color-emotional.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-emotional.fab:disabled {
  opacity: 0.35;
}
.btn.color-emotional.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(176, 50, 189);
  font-size: 14px;
  background-color: rgba(176, 50, 189, 0.1);
  border: 1px solid rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-emotional.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-emotional.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-emotional.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-emotional.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-emotional.fab-status.color-emotional {
  background: rgba(176, 50, 189, 0.1);
}
.btn.color-emotional.fab-status.color-emotional div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-emotional.fab-status.color-emotional div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-emotional.fab-status.color-emotional div i.end {
  align-self: center;
}
.btn.color-emotional.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-emotional.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-status-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background: rgba(176, 50, 189, 0.2) !important;
  opacity: 0.5;
}
.btn.color-emotional.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b032bd;
  background-color: rgba(176, 50, 189, 0.2);
}
.btn.color-emotional.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b032bd;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-emotional.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(176, 50, 189);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(176, 50, 189);
  background-color: transparent;
}
.btn.color-emotional.fab-outline:disabled {
  color: rgb(176, 50, 189) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-emotional.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b032bd;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-subbody.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-subbody.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-subbody.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-subbody.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-subbody.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-subbody.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-subbody.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-subbody.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-subbody.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-subbody.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-subbody.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-subbody.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-subbody.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-subbody.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-subbody.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-subbody.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-subbody.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-subbody.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-subbody.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-subbody.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-subbody.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-subbody.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-subbody.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-subbody.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-subbody.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-subbody.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-subbody.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-subbody.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-subbody.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-subbody.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody {
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(245, 248, 250);
}
.btn.color-subbody.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-subbody.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-subbody.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-subbody.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(245, 248, 250);
}
.btn.color-subbody.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-subbody.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-subbody.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-subbody.alert:hover {
  cursor: default;
}
.btn.color-subbody.alert.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.alert.color-subbody div {
  display: flex;
}
.btn.color-subbody.alert.color-subbody div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-subbody.alert.color-subbody div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-subbody.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-subbody.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(245, 248, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-subbody.fab:hover {
  cursor: pointer;
}
.btn.color-subbody.fab:hover.color-subbody {
  filter: brightness(0.85);
}
.btn.color-subbody.fab:hover.color-subbody-03 {
  filter: brightness(0.25);
}
.btn.color-subbody.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-subbody.fab:disabled {
  opacity: 0.35;
}
.btn.color-subbody.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(245, 248, 250);
  font-size: 14px;
  background-color: rgba(245, 248, 250, 0.1);
  border: 1px solid rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-subbody.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-subbody.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-subbody.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-subbody.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-subbody.fab-status.color-subbody {
  background: rgba(245, 248, 250, 0.1);
}
.btn.color-subbody.fab-status.color-subbody div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-subbody.fab-status.color-subbody div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-subbody.fab-status.color-subbody div i.end {
  align-self: center;
}
.btn.color-subbody.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-subbody.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-status-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background: rgba(245, 248, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-subbody.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f5f8fa;
  background-color: rgba(245, 248, 250, 0.2);
}
.btn.color-subbody.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f5f8fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-subbody.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(245, 248, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(245, 248, 250);
  background-color: transparent;
}
.btn.color-subbody.fab-outline:disabled {
  color: rgb(245, 248, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-subbody.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f5f8fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-iiv-primary.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-iiv-primary.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-iiv-primary.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-iiv-primary.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-iiv-primary.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-iiv-primary.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-iiv-primary.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-iiv-primary.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-iiv-primary.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-iiv-primary.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-iiv-primary.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-iiv-primary.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-iiv-primary.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-iiv-primary.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-iiv-primary.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-iiv-primary.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-iiv-primary.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-iiv-primary.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-iiv-primary.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-iiv-primary.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-iiv-primary.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-iiv-primary.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-iiv-primary.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-iiv-primary.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-iiv-primary.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-iiv-primary.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-iiv-primary.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-iiv-primary.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-iiv-primary.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-iiv-primary.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary {
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-iiv-primary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-iiv-primary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-1);
}
.btn.color-iiv-primary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-iiv-primary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-iiv-primary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-iiv-primary.alert:hover {
  cursor: default;
}
.btn.color-iiv-primary.alert.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
  background: var(--primary-light);
}
.btn.color-iiv-primary.alert.color-iiv-primary div {
  display: flex;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.color-iiv-primary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-iiv-primary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-iiv-primary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-iiv-primary.fab:hover {
  cursor: pointer;
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary {
  filter: brightness(0.85);
}
.btn.color-iiv-primary.fab:hover.color-iiv-primary-03 {
  filter: brightness(0.25);
}
.btn.color-iiv-primary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-iiv-primary.fab:disabled {
  opacity: 0.35;
}
.btn.color-iiv-primary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-1);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-1), 0.1);
  border: 1px solid rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-iiv-primary.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-iiv-primary.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-iiv-primary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.1);
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-iiv-primary.fab-status.color-iiv-primary div i.end {
  align-self: center;
}
.btn.color-iiv-primary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-iiv-primary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-status-outline:disabled {
  color: var(--primary-normal-1) !important;
  background: rgba(var(--primary-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-iiv-primary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-1), 1);
  background-color: rgba(var(--primary-normal-1), 0.2);
}
.btn.color-iiv-primary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-iiv-primary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-1);
  background-color: transparent;
}
.btn.color-iiv-primary.fab-outline:disabled {
  color: var(--primary-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-iiv-primary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-pass.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-pass.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-pass.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-pass.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-pass.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-pass.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-pass.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-pass.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-pass.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-pass.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-pass.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-pass.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-pass.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-pass.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-pass.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-pass.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-pass.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-pass.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-pass.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-pass.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-pass.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-pass.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-pass.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-pass.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-pass.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-pass.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-pass.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-pass.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-pass.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-pass.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass {
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 171, 83);
}
.btn.color-pass.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pass.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pass.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pass.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 171, 83);
}
.btn.color-pass.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pass.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pass.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pass.alert:hover {
  cursor: default;
}
.btn.color-pass.alert.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.alert.color-pass div {
  display: flex;
}
.btn.color-pass.alert.color-pass div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pass.alert.color-pass div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pass.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pass.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 171, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pass.fab:hover {
  cursor: pointer;
}
.btn.color-pass.fab:hover.color-pass {
  filter: brightness(0.85);
}
.btn.color-pass.fab:hover.color-pass-03 {
  filter: brightness(0.25);
}
.btn.color-pass.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pass.fab:disabled {
  opacity: 0.35;
}
.btn.color-pass.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 171, 83);
  font-size: 14px;
  background-color: rgba(0, 171, 83, 0.1);
  border: 1px solid rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pass.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-pass.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-pass.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-pass.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pass.fab-status.color-pass {
  background: rgba(0, 171, 83, 0.1);
}
.btn.color-pass.fab-status.color-pass div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pass.fab-status.color-pass div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pass.fab-status.color-pass div i.end {
  align-self: center;
}
.btn.color-pass.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pass.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-status-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background: rgba(0, 171, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pass.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #00ab53;
  background-color: rgba(0, 171, 83, 0.2);
}
.btn.color-pass.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #00ab53;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pass.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 171, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 171, 83);
  background-color: transparent;
}
.btn.color-pass.fab-outline:disabled {
  color: rgb(0, 171, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pass.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #00ab53;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-edit.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-edit.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-edit.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-edit.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-edit.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-edit.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-edit.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-edit.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-edit.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-edit.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-edit.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-edit.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-edit.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-edit.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-edit.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-edit.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-edit.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-edit.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-edit.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-edit.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-edit.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-edit.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-edit.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-edit.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-edit.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-edit.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-edit.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-edit.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-edit.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-edit.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit {
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(220, 125, 0);
}
.btn.color-edit.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-edit.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-edit.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-edit.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(220, 125, 0);
}
.btn.color-edit.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-edit.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-edit.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-edit.alert:hover {
  cursor: default;
}
.btn.color-edit.alert.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.alert.color-edit div {
  display: flex;
}
.btn.color-edit.alert.color-edit div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-edit.alert.color-edit div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-edit.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-edit.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(220, 125, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-edit.fab:hover {
  cursor: pointer;
}
.btn.color-edit.fab:hover.color-edit {
  filter: brightness(0.85);
}
.btn.color-edit.fab:hover.color-edit-03 {
  filter: brightness(0.25);
}
.btn.color-edit.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-edit.fab:disabled {
  opacity: 0.35;
}
.btn.color-edit.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(220, 125, 0);
  font-size: 14px;
  background-color: rgba(220, 125, 0, 0.1);
  border: 1px solid rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-edit.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-edit.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-edit.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-edit.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-edit.fab-status.color-edit {
  background: rgba(220, 125, 0, 0.1);
}
.btn.color-edit.fab-status.color-edit div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-edit.fab-status.color-edit div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-edit.fab-status.color-edit div i.end {
  align-self: center;
}
.btn.color-edit.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-edit.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-status-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background: rgba(220, 125, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-edit.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dc7d00;
  background-color: rgba(220, 125, 0, 0.2);
}
.btn.color-edit.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dc7d00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-edit.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(220, 125, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(220, 125, 0);
  background-color: transparent;
}
.btn.color-edit.fab-outline:disabled {
  color: rgb(220, 125, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-edit.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dc7d00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light {
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(178, 191, 209);
}
.btn.color-soft-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-light.alert:hover {
  cursor: default;
}
.btn.color-soft-light.alert.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.alert.color-soft-light div {
  display: flex;
}
.btn.color-soft-light.alert.color-soft-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.color-soft-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(178, 191, 209);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-light.fab:hover {
  cursor: pointer;
}
.btn.color-soft-light.fab:hover.color-soft-light {
  filter: brightness(0.85);
}
.btn.color-soft-light.fab:hover.color-soft-light-03 {
  filter: brightness(0.25);
}
.btn.color-soft-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(178, 191, 209);
  font-size: 14px;
  background-color: rgba(178, 191, 209, 0.1);
  border: 1px solid rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-light.fab-status.color-soft-light {
  background: rgba(178, 191, 209, 0.1);
}
.btn.color-soft-light.fab-status.color-soft-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-light.fab-status.color-soft-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-light.fab-status.color-soft-light div i.end {
  align-self: center;
}
.btn.color-soft-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-status-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background: rgba(178, 191, 209, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b2bfd1;
  background-color: rgba(178, 191, 209, 0.2);
}
.btn.color-soft-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b2bfd1;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(178, 191, 209);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(178, 191, 209);
  background-color: transparent;
}
.btn.color-soft-light.fab-outline:disabled {
  color: rgb(178, 191, 209) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b2bfd1;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-alert-light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-alert-light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-alert-light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-alert-light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-alert-light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-alert-light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-alert-light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-alert-light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-alert-light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-alert-light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-alert-light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-alert-light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-alert-light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-alert-light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-alert-light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-alert-light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-alert-light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-alert-light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-alert-light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-alert-light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-alert-light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-alert-light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-alert-light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-alert-light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-alert-light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-alert-light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-alert-light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-alert-light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-alert-light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-alert-light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light {
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-alert-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-alert-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-alert-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-alert-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-alert-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-alert-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-alert-light.alert:hover {
  cursor: default;
}
.btn.color-alert-light.alert.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.alert.color-alert-light div {
  display: flex;
}
.btn.color-alert-light.alert.color-alert-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.color-alert-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-alert-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-alert-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-alert-light.fab:hover {
  cursor: pointer;
}
.btn.color-alert-light.fab:hover.color-alert-light {
  filter: brightness(0.85);
}
.btn.color-alert-light.fab:hover.color-alert-light-03 {
  filter: brightness(0.25);
}
.btn.color-alert-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-alert-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-alert-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-alert-light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-alert-light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-alert-light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-alert-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-alert-light.fab-status.color-alert-light {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-alert-light.fab-status.color-alert-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-alert-light.fab-status.color-alert-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-alert-light.fab-status.color-alert-light div i.end {
  align-self: center;
}
.btn.color-alert-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-alert-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-alert-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-alert-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-alert-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-alert-light.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-alert-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-warning-light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-warning-light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-warning-light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-warning-light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-warning-light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-warning-light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-warning-light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-warning-light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-warning-light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-warning-light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-warning-light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-warning-light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-warning-light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-warning-light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-warning-light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-warning-light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-warning-light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-warning-light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-warning-light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-warning-light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-warning-light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-warning-light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-warning-light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-warning-light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-warning-light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-warning-light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-warning-light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-warning-light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-warning-light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-warning-light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light {
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-warning-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-warning-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-warning-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-warning-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-warning-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-warning-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-warning-light.alert:hover {
  cursor: default;
}
.btn.color-warning-light.alert.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.alert.color-warning-light div {
  display: flex;
}
.btn.color-warning-light.alert.color-warning-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.color-warning-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-warning-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-warning-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-warning-light.fab:hover {
  cursor: pointer;
}
.btn.color-warning-light.fab:hover.color-warning-light {
  filter: brightness(0.85);
}
.btn.color-warning-light.fab:hover.color-warning-light-03 {
  filter: brightness(0.25);
}
.btn.color-warning-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-warning-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-warning-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-warning-light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-warning-light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-warning-light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-warning-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-warning-light.fab-status.color-warning-light {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-warning-light.fab-status.color-warning-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-warning-light.fab-status.color-warning-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-warning-light.fab-status.color-warning-light div i.end {
  align-self: center;
}
.btn.color-warning-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-warning-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-warning-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-warning-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-warning-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-warning-light.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-warning-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-overlay-light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-overlay-light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-overlay-light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-overlay-light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-overlay-light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-overlay-light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-overlay-light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-overlay-light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-overlay-light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-overlay-light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-overlay-light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-overlay-light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-overlay-light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-overlay-light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-overlay-light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-overlay-light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-overlay-light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-overlay-light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-overlay-light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-overlay-light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-overlay-light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-overlay-light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-overlay-light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-overlay-light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-overlay-light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-overlay-light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-overlay-light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-overlay-light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-overlay-light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-overlay-light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light {
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-overlay-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-overlay-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-overlay-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-overlay-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-overlay-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-overlay-light.alert:hover {
  cursor: default;
}
.btn.color-overlay-light.alert.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.alert.color-overlay-light div {
  display: flex;
}
.btn.color-overlay-light.alert.color-overlay-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.color-overlay-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-overlay-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-overlay-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-overlay-light.fab:hover {
  cursor: pointer;
}
.btn.color-overlay-light.fab:hover.color-overlay-light {
  filter: brightness(0.85);
}
.btn.color-overlay-light.fab:hover.color-overlay-light-03 {
  filter: brightness(0.25);
}
.btn.color-overlay-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-overlay-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-overlay-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-overlay-light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-overlay-light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-overlay-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-overlay-light.fab-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-overlay-light.fab-status.color-overlay-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-overlay-light.fab-status.color-overlay-light div i.end {
  align-self: center;
}
.btn.color-overlay-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-overlay-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-overlay-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-overlay-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-overlay-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-overlay-light.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-overlay-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-cancel.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-cancel.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-cancel.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-cancel.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-cancel.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-cancel.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-cancel.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-cancel.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-cancel.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-cancel.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-cancel.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-cancel.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-cancel.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-cancel.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-cancel.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-cancel.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-cancel.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-cancel.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-cancel.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-cancel.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-cancel.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-cancel.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-cancel.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-cancel.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-cancel.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-cancel.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-cancel.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-cancel.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-cancel.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-cancel.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel {
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(121, 85, 72);
}
.btn.color-cancel.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-cancel.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-cancel.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-cancel.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(121, 85, 72);
}
.btn.color-cancel.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-cancel.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-cancel.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-cancel.alert:hover {
  cursor: default;
}
.btn.color-cancel.alert.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.alert.color-cancel div {
  display: flex;
}
.btn.color-cancel.alert.color-cancel div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-cancel.alert.color-cancel div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-cancel.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-cancel.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(121, 85, 72);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-cancel.fab:hover {
  cursor: pointer;
}
.btn.color-cancel.fab:hover.color-cancel {
  filter: brightness(0.85);
}
.btn.color-cancel.fab:hover.color-cancel-03 {
  filter: brightness(0.25);
}
.btn.color-cancel.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-cancel.fab:disabled {
  opacity: 0.35;
}
.btn.color-cancel.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(121, 85, 72);
  font-size: 14px;
  background-color: rgba(121, 85, 72, 0.1);
  border: 1px solid rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-cancel.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-cancel.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-cancel.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-cancel.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-cancel.fab-status.color-cancel {
  background: rgba(121, 85, 72, 0.1);
}
.btn.color-cancel.fab-status.color-cancel div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-cancel.fab-status.color-cancel div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-cancel.fab-status.color-cancel div i.end {
  align-self: center;
}
.btn.color-cancel.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-cancel.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-status-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background: rgba(121, 85, 72, 0.2) !important;
  opacity: 0.5;
}
.btn.color-cancel.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #795548;
  background-color: rgba(121, 85, 72, 0.2);
}
.btn.color-cancel.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #795548;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-cancel.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(121, 85, 72);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(121, 85, 72);
  background-color: transparent;
}
.btn.color-cancel.fab-outline:disabled {
  color: rgb(121, 85, 72) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-cancel.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #795548;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-pending.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-pending.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-pending.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-pending.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-pending.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-pending.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-pending.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-pending.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-pending.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-pending.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-pending.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-pending.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-pending.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-pending.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-pending.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-pending.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-pending.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-pending.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-pending.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-pending.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-pending.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-pending.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-pending.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-pending.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-pending.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-pending.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-pending.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-pending.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-pending.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-pending.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending {
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(255, 112, 67);
}
.btn.color-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(255, 112, 67);
}
.btn.color-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending.alert:hover {
  cursor: default;
}
.btn.color-pending.alert.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.alert.color-pending div {
  display: flex;
}
.btn.color-pending.alert.color-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending.alert.color-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(255, 112, 67);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending.fab:hover {
  cursor: pointer;
}
.btn.color-pending.fab:hover.color-pending {
  filter: brightness(0.85);
}
.btn.color-pending.fab:hover.color-pending-03 {
  filter: brightness(0.25);
}
.btn.color-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(255, 112, 67);
  font-size: 14px;
  background-color: rgba(255, 112, 67, 0.1);
  border: 1px solid rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-pending.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-pending.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending.fab-status.color-pending {
  background: rgba(255, 112, 67, 0.1);
}
.btn.color-pending.fab-status.color-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending.fab-status.color-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending.fab-status.color-pending div i.end {
  align-self: center;
}
.btn.color-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-status-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background: rgba(255, 112, 67, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ff7043;
  background-color: rgba(255, 112, 67, 0.2);
}
.btn.color-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ff7043;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(255, 112, 67);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(255, 112, 67);
  background-color: transparent;
}
.btn.color-pending.fab-outline:disabled {
  color: rgb(255, 112, 67) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ff7043;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-pending.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-pending.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-pending.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-pending.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-pending.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-pending.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-pending.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-pending.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-pending.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-pending.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-pending.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-pending.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-pending.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-pending.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-pending.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-pending.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-pending.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-pending.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-pending.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-pending.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-pending.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-pending.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-pending.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-pending.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-pending.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-pending.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-pending.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-pending.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-pending.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-pending.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending {
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-pending.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-pending.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(247, 228, 223);
}
.btn.color-soft-pending.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-pending.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-pending.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-pending.alert:hover {
  cursor: default;
}
.btn.color-soft-pending.alert.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.alert.color-soft-pending div {
  display: flex;
}
.btn.color-soft-pending.alert.color-soft-pending div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.color-soft-pending div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-pending.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-pending.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(247, 228, 223);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-pending.fab:hover {
  cursor: pointer;
}
.btn.color-soft-pending.fab:hover.color-soft-pending {
  filter: brightness(0.85);
}
.btn.color-soft-pending.fab:hover.color-soft-pending-03 {
  filter: brightness(0.25);
}
.btn.color-soft-pending.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-pending.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-pending.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(247, 228, 223);
  font-size: 14px;
  background-color: rgba(247, 228, 223, 0.1);
  border: 1px solid rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-pending.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-pending.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-pending.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-pending.fab-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.1);
}
.btn.color-soft-pending.fab-status.color-soft-pending div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-pending.fab-status.color-soft-pending div i.end {
  align-self: center;
}
.btn.color-soft-pending.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-pending.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-status-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background: rgba(247, 228, 223, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-pending.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f7e4df;
  background-color: rgba(247, 228, 223, 0.2);
}
.btn.color-soft-pending.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f7e4df;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-pending.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(247, 228, 223);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(247, 228, 223);
  background-color: transparent;
}
.btn.color-soft-pending.fab-outline:disabled {
  color: rgb(247, 228, 223) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-pending.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f7e4df;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-await.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-await.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-await.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-await.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-await.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-await.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-await.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-await.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-await.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-await.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-await.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-await.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-await.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-await.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-await.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-await.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-await.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-await.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-await.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-await.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-await.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-await.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-await.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-await.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-await.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-await.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-await.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-await.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-await.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-await.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await {
  color: rgb(251, 192, 45);
}
.btn.color-await.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(251, 192, 45);
}
.btn.color-await.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(251, 192, 45, 0.2);
}
.btn.color-await.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-await.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-await.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-await.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(251, 192, 45);
}
.btn.color-await.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-await.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-await.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-await.alert:hover {
  cursor: default;
}
.btn.color-await.alert.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.alert.color-await div {
  display: flex;
}
.btn.color-await.alert.color-await div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-await.alert.color-await div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-await.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-await.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(251, 192, 45);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-await.fab:hover {
  cursor: pointer;
}
.btn.color-await.fab:hover.color-await {
  filter: brightness(0.85);
}
.btn.color-await.fab:hover.color-await-03 {
  filter: brightness(0.25);
}
.btn.color-await.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-await.fab:disabled {
  opacity: 0.35;
}
.btn.color-await.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(251, 192, 45);
  font-size: 14px;
  background-color: rgba(251, 192, 45, 0.1);
  border: 1px solid rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-await.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-await.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-await.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-await.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-await.fab-status.color-await {
  background: rgba(251, 192, 45, 0.1);
}
.btn.color-await.fab-status.color-await div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-await.fab-status.color-await div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-await.fab-status.color-await div i.end {
  align-self: center;
}
.btn.color-await.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-await.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-status-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background: rgba(251, 192, 45, 0.2) !important;
  opacity: 0.5;
}
.btn.color-await.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fbc02d;
  background-color: rgba(251, 192, 45, 0.2);
}
.btn.color-await.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fbc02d;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-await.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(251, 192, 45);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(251, 192, 45);
  background-color: transparent;
}
.btn.color-await.fab-outline:disabled {
  color: rgb(251, 192, 45) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-await.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fbc02d;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-expire.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-expire.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-expire.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-expire.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-expire.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-expire.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-expire.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-expire.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-expire.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-expire.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-expire.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-expire.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-expire.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-expire.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-expire.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-expire.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-expire.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-expire.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-expire.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-expire.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-expire.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-expire.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-expire.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-expire.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-expire.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-expire.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-expire.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-expire.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-expire.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-expire.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire {
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-expire.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-expire.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-expire.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-expire.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-expire.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-expire.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-expire.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-expire.alert:hover {
  cursor: default;
}
.btn.color-expire.alert.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.alert.color-expire div {
  display: flex;
}
.btn.color-expire.alert.color-expire div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-expire.alert.color-expire div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-expire.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-expire.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-expire.fab:hover {
  cursor: pointer;
}
.btn.color-expire.fab:hover.color-expire {
  filter: brightness(0.85);
}
.btn.color-expire.fab:hover.color-expire-03 {
  filter: brightness(0.25);
}
.btn.color-expire.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-expire.fab:disabled {
  opacity: 0.35;
}
.btn.color-expire.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-expire.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-expire.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-expire.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-expire.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-expire.fab-status.color-expire {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-expire.fab-status.color-expire div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-expire.fab-status.color-expire div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-expire.fab-status.color-expire div i.end {
  align-self: center;
}
.btn.color-expire.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-expire.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-expire.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-expire.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-expire.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-expire.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-expire.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-pending-brown.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-pending-brown.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-pending-brown.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-pending-brown.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-pending-brown.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-pending-brown.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-pending-brown.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-pending-brown.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-pending-brown.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-pending-brown.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-pending-brown.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-pending-brown.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-pending-brown.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-pending-brown.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-pending-brown.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-pending-brown.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-pending-brown.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-pending-brown.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-pending-brown.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-pending-brown.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-pending-brown.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-pending-brown.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-pending-brown.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-pending-brown.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-pending-brown.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-pending-brown.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-pending-brown.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-pending-brown.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-pending-brown.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-pending-brown.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown {
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-pending-brown.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-pending-brown.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(193, 116, 25);
}
.btn.color-pending-brown.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-pending-brown.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-pending-brown.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-pending-brown.alert:hover {
  cursor: default;
}
.btn.color-pending-brown.alert.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.alert.color-pending-brown div {
  display: flex;
}
.btn.color-pending-brown.alert.color-pending-brown div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.color-pending-brown div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-pending-brown.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-pending-brown.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(193, 116, 25);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-pending-brown.fab:hover {
  cursor: pointer;
}
.btn.color-pending-brown.fab:hover.color-pending-brown {
  filter: brightness(0.85);
}
.btn.color-pending-brown.fab:hover.color-pending-brown-03 {
  filter: brightness(0.25);
}
.btn.color-pending-brown.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-pending-brown.fab:disabled {
  opacity: 0.35;
}
.btn.color-pending-brown.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(193, 116, 25);
  font-size: 14px;
  background-color: rgba(193, 116, 25, 0.1);
  border: 1px solid rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-pending-brown.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-pending-brown.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-pending-brown.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-pending-brown.fab-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.1);
}
.btn.color-pending-brown.fab-status.color-pending-brown div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-pending-brown.fab-status.color-pending-brown div i.end {
  align-self: center;
}
.btn.color-pending-brown.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-pending-brown.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-status-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background: rgba(193, 116, 25, 0.2) !important;
  opacity: 0.5;
}
.btn.color-pending-brown.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #c17419;
  background-color: rgba(193, 116, 25, 0.2);
}
.btn.color-pending-brown.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #c17419;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-pending-brown.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(193, 116, 25);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(193, 116, 25);
  background-color: transparent;
}
.btn.color-pending-brown.fab-outline:disabled {
  color: rgb(193, 116, 25) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-pending-brown.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #c17419;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-background-print.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-background-print.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-background-print.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-background-print.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-background-print.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-background-print.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-background-print.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-background-print.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-background-print.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-background-print.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-background-print.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-background-print.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-background-print.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-background-print.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-background-print.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-background-print.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-background-print.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-background-print.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-background-print.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-background-print.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-background-print.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-background-print.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-background-print.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-background-print.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-background-print.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-background-print.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-background-print.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-background-print.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-background-print.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-background-print.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print {
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(246, 249, 251);
}
.btn.color-background-print.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-print.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-print.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-print.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(246, 249, 251);
}
.btn.color-background-print.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-print.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-print.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-print.alert:hover {
  cursor: default;
}
.btn.color-background-print.alert.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.alert.color-background-print div {
  display: flex;
}
.btn.color-background-print.alert.color-background-print div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-print.alert.color-background-print div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-print.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-print.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(246, 249, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-print.fab:hover {
  cursor: pointer;
}
.btn.color-background-print.fab:hover.color-background-print {
  filter: brightness(0.85);
}
.btn.color-background-print.fab:hover.color-background-print-03 {
  filter: brightness(0.25);
}
.btn.color-background-print.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-print.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-print.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(246, 249, 251);
  font-size: 14px;
  background-color: rgba(246, 249, 251, 0.1);
  border: 1px solid rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-print.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-background-print.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-background-print.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-background-print.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-print.fab-status.color-background-print {
  background: rgba(246, 249, 251, 0.1);
}
.btn.color-background-print.fab-status.color-background-print div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-print.fab-status.color-background-print div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-print.fab-status.color-background-print div i.end {
  align-self: center;
}
.btn.color-background-print.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-print.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-status-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background: rgba(246, 249, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-print.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f6f9fb;
  background-color: rgba(246, 249, 251, 0.2);
}
.btn.color-background-print.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f6f9fb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-print.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(246, 249, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(246, 249, 251);
  background-color: transparent;
}
.btn.color-background-print.fab-outline:disabled {
  color: rgb(246, 249, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-print.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f6f9fb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-black-soft.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-black-soft.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-black-soft.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-black-soft.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-black-soft.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-black-soft.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-black-soft.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-black-soft.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-black-soft.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-black-soft.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-black-soft.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-black-soft.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-black-soft.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-black-soft.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-black-soft.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-black-soft.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-black-soft.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-black-soft.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-black-soft.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-black-soft.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-black-soft.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-black-soft.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-black-soft.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-black-soft.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-black-soft.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-black-soft.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-black-soft.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-black-soft.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-black-soft.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-black-soft.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft {
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-black-soft.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-black-soft.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-black-soft.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(93, 93, 98);
}
.btn.color-black-soft.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-black-soft.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-black-soft.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-black-soft.alert:hover {
  cursor: default;
}
.btn.color-black-soft.alert.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.alert.color-black-soft div {
  display: flex;
}
.btn.color-black-soft.alert.color-black-soft div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.color-black-soft div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-black-soft.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-black-soft.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(93, 93, 98);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-black-soft.fab:hover {
  cursor: pointer;
}
.btn.color-black-soft.fab:hover.color-black-soft {
  filter: brightness(0.85);
}
.btn.color-black-soft.fab:hover.color-black-soft-03 {
  filter: brightness(0.25);
}
.btn.color-black-soft.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-black-soft.fab:disabled {
  opacity: 0.35;
}
.btn.color-black-soft.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(93, 93, 98);
  font-size: 14px;
  background-color: rgba(93, 93, 98, 0.1);
  border: 1px solid rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-black-soft.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-black-soft.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-black-soft.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-black-soft.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-black-soft.fab-status.color-black-soft {
  background: rgba(93, 93, 98, 0.1);
}
.btn.color-black-soft.fab-status.color-black-soft div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-black-soft.fab-status.color-black-soft div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-black-soft.fab-status.color-black-soft div i.end {
  align-self: center;
}
.btn.color-black-soft.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-black-soft.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-status-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background: rgba(93, 93, 98, 0.2) !important;
  opacity: 0.5;
}
.btn.color-black-soft.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #5d5d62;
  background-color: rgba(93, 93, 98, 0.2);
}
.btn.color-black-soft.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #5d5d62;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-black-soft.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(93, 93, 98);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(93, 93, 98);
  background-color: transparent;
}
.btn.color-black-soft.fab-outline:disabled {
  color: rgb(93, 93, 98) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-black-soft.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #5d5d62;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-primary-dark.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-primary-dark.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-primary-dark.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-primary-dark.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-primary-dark.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-primary-dark.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-primary-dark.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-primary-dark.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-primary-dark.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-primary-dark.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-primary-dark.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-primary-dark.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-primary-dark.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-primary-dark.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-primary-dark.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-primary-dark.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-primary-dark.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-primary-dark.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-primary-dark.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-primary-dark.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-primary-dark.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-primary-dark.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-primary-dark.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-primary-dark.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-primary-dark.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-primary-dark.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-primary-dark.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-primary-dark.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-primary-dark.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-primary-dark.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark {
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-dark.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-dark.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-primary-dark.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-dark.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-dark.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-dark.alert:hover {
  cursor: default;
}
.btn.color-primary-dark.alert.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.alert.color-primary-dark div {
  display: flex;
}
.btn.color-primary-dark.alert.color-primary-dark div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.color-primary-dark div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-dark.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-dark.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-dark.fab:hover {
  cursor: pointer;
}
.btn.color-primary-dark.fab:hover.color-primary-dark {
  filter: brightness(0.85);
}
.btn.color-primary-dark.fab:hover.color-primary-dark-03 {
  filter: brightness(0.25);
}
.btn.color-primary-dark.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-dark.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-dark.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-primary-dark.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-primary-dark.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-primary-dark.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-dark.fab-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-primary-dark.fab-status.color-primary-dark div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-dark.fab-status.color-primary-dark div i.end {
  align-self: center;
}
.btn.color-primary-dark.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-dark.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-dark.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-primary-dark.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-dark.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-primary-dark.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-dark.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-primary-light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-primary-light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-primary-light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-primary-light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-primary-light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-primary-light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-primary-light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-primary-light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-primary-light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-primary-light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-primary-light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-primary-light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-primary-light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-primary-light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-primary-light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-primary-light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-primary-light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-primary-light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-primary-light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-primary-light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-primary-light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-primary-light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-primary-light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-primary-light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-primary-light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-primary-light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-primary-light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-primary-light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-primary-light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-primary-light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light {
  color: var(--primary-light);
}
.btn.color-primary-light.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-light);
}
.btn.color-primary-light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-primary-light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-primary-light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-primary-light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-light);
}
.btn.color-primary-light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-primary-light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-primary-light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-primary-light.alert:hover {
  cursor: default;
}
.btn.color-primary-light.alert.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.alert.color-primary-light div {
  display: flex;
}
.btn.color-primary-light.alert.color-primary-light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.color-primary-light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-primary-light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-primary-light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-light);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-primary-light.fab:hover {
  cursor: pointer;
}
.btn.color-primary-light.fab:hover.color-primary-light {
  filter: brightness(0.85);
}
.btn.color-primary-light.fab:hover.color-primary-light-03 {
  filter: brightness(0.25);
}
.btn.color-primary-light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-primary-light.fab:disabled {
  opacity: 0.35;
}
.btn.color-primary-light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-light);
  font-size: 14px;
  background-color: rgba(var(--primary-light), 0.1);
  border: 1px solid rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-primary-light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-primary-light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-primary-light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-primary-light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-primary-light.fab-status.color-primary-light {
  background: rgba(var(--primary-light), 0.1);
}
.btn.color-primary-light.fab-status.color-primary-light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-primary-light.fab-status.color-primary-light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-primary-light.fab-status.color-primary-light div i.end {
  align-self: center;
}
.btn.color-primary-light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-primary-light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-status-outline:disabled {
  color: var(--primary-light) !important;
  background: rgba(var(--primary-light), 0.2) !important;
  opacity: 0.5;
}
.btn.color-primary-light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-light), 1);
  background-color: rgba(var(--primary-light), 0.2);
}
.btn.color-primary-light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-light), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-primary-light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-light);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-light);
  background-color: transparent;
}
.btn.color-primary-light.fab-outline:disabled {
  color: var(--primary-light) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-primary-light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-light), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-text-secondary.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-text-secondary.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-text-secondary.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-text-secondary.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-text-secondary.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-text-secondary.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-text-secondary.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-text-secondary.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-text-secondary.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-text-secondary.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-text-secondary.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-text-secondary.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-text-secondary.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-text-secondary.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-text-secondary.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-text-secondary.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-text-secondary.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-text-secondary.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-text-secondary.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-text-secondary.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-text-secondary.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-text-secondary.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-text-secondary.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-text-secondary.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-text-secondary.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-text-secondary.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-text-secondary.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-text-secondary.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-text-secondary.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-text-secondary.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary {
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-text-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-text-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 230, 230);
}
.btn.color-soft-text-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-text-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-text-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-text-secondary.alert:hover {
  cursor: default;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div {
  display: flex;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.color-soft-text-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-text-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-text-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 230, 230);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-text-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary {
  filter: brightness(0.85);
}
.btn.color-soft-text-secondary.fab:hover.color-soft-text-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-soft-text-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-text-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-text-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 230, 230);
  font-size: 14px;
  background-color: rgba(230, 230, 230, 0.1);
  border: 1px solid rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-text-secondary.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-text-secondary.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-text-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.1);
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.color-soft-text-secondary div i.end {
  align-self: center;
}
.btn.color-soft-text-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-text-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-status-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background: rgba(230, 230, 230, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-text-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6e6e6;
  background-color: rgba(230, 230, 230, 0.2);
}
.btn.color-soft-text-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6e6e6;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-text-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 230, 230);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 230, 230);
  background-color: transparent;
}
.btn.color-soft-text-secondary.fab-outline:disabled {
  color: rgb(230, 230, 230) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-text-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6e6e6;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-assign.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-assign.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-assign.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-assign.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-assign.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-assign.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-assign.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-assign.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-assign.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-assign.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-assign.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-assign.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-assign.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-assign.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-assign.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-assign.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-assign.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-assign.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-assign.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-assign.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-assign.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-assign.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-assign.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-assign.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-assign.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-assign.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-assign.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-assign.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-assign.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-assign.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign {
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(185, 111, 0);
}
.btn.color-assign.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-assign.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-assign.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-assign.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(185, 111, 0);
}
.btn.color-assign.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-assign.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-assign.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-assign.alert:hover {
  cursor: default;
}
.btn.color-assign.alert.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.alert.color-assign div {
  display: flex;
}
.btn.color-assign.alert.color-assign div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-assign.alert.color-assign div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-assign.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-assign.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(185, 111, 0);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-assign.fab:hover {
  cursor: pointer;
}
.btn.color-assign.fab:hover.color-assign {
  filter: brightness(0.85);
}
.btn.color-assign.fab:hover.color-assign-03 {
  filter: brightness(0.25);
}
.btn.color-assign.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-assign.fab:disabled {
  opacity: 0.35;
}
.btn.color-assign.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(185, 111, 0);
  font-size: 14px;
  background-color: rgba(185, 111, 0, 0.1);
  border: 1px solid rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-assign.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-assign.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-assign.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-assign.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-assign.fab-status.color-assign {
  background: rgba(185, 111, 0, 0.1);
}
.btn.color-assign.fab-status.color-assign div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-assign.fab-status.color-assign div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-assign.fab-status.color-assign div i.end {
  align-self: center;
}
.btn.color-assign.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-assign.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-status-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background: rgba(185, 111, 0, 0.2) !important;
  opacity: 0.5;
}
.btn.color-assign.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #b96f00;
  background-color: rgba(185, 111, 0, 0.2);
}
.btn.color-assign.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #b96f00;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-assign.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(185, 111, 0);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(185, 111, 0);
  background-color: transparent;
}
.btn.color-assign.fab-outline:disabled {
  color: rgb(185, 111, 0) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-assign.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #b96f00;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-hightlight-text.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-hightlight-text.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-hightlight-text.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-hightlight-text.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-hightlight-text.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-hightlight-text.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-hightlight-text.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-hightlight-text.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-hightlight-text.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-hightlight-text.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-hightlight-text.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-hightlight-text.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-hightlight-text.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-hightlight-text.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-hightlight-text.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-hightlight-text.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-hightlight-text.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-hightlight-text.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-hightlight-text.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-hightlight-text.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-hightlight-text.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-hightlight-text.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-hightlight-text.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-hightlight-text.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-hightlight-text.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-hightlight-text.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-hightlight-text.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-hightlight-text.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-hightlight-text.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-hightlight-text.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text {
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hightlight-text.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hightlight-text.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--primary-normal-2);
}
.btn.color-hightlight-text.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hightlight-text.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hightlight-text.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hightlight-text.alert:hover {
  cursor: default;
}
.btn.color-hightlight-text.alert.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.alert.color-hightlight-text div {
  display: flex;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.color-hightlight-text div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hightlight-text.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hightlight-text.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--primary-normal-2);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hightlight-text.fab:hover {
  cursor: pointer;
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text {
  filter: brightness(0.85);
}
.btn.color-hightlight-text.fab:hover.color-hightlight-text-03 {
  filter: brightness(0.25);
}
.btn.color-hightlight-text.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hightlight-text.fab:disabled {
  opacity: 0.35;
}
.btn.color-hightlight-text.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--primary-normal-2);
  font-size: 14px;
  background-color: rgba(var(--primary-normal-2), 0.1);
  border: 1px solid rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-hightlight-text.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-hightlight-text.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-hightlight-text.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.1);
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hightlight-text.fab-status.color-hightlight-text div i.end {
  align-self: center;
}
.btn.color-hightlight-text.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hightlight-text.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-status-outline:disabled {
  color: var(--primary-normal-2) !important;
  background: rgba(var(--primary-normal-2), 0.2) !important;
  opacity: 0.5;
}
.btn.color-hightlight-text.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--primary-normal-2), 1);
  background-color: rgba(var(--primary-normal-2), 0.2);
}
.btn.color-hightlight-text.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--primary-normal-2), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hightlight-text.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--primary-normal-2);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--primary-normal-2);
  background-color: transparent;
}
.btn.color-hightlight-text.fab-outline:disabled {
  color: var(--primary-normal-2) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hightlight-text.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--primary-normal-2), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-navy-gray.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-navy-gray.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-navy-gray.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-navy-gray.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-navy-gray.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-navy-gray.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-navy-gray.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-navy-gray.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-navy-gray.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-navy-gray.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-navy-gray.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-navy-gray.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-navy-gray.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-navy-gray.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-navy-gray.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-navy-gray.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-navy-gray.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-navy-gray.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-navy-gray.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-navy-gray.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-navy-gray.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-navy-gray.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-navy-gray.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-navy-gray.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-navy-gray.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-navy-gray.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-navy-gray.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-navy-gray.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-navy-gray.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-navy-gray.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray {
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-navy-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-navy-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(58, 69, 83);
}
.btn.color-navy-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-navy-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-navy-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-navy-gray.alert:hover {
  cursor: default;
}
.btn.color-navy-gray.alert.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.alert.color-navy-gray div {
  display: flex;
}
.btn.color-navy-gray.alert.color-navy-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.color-navy-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-navy-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-navy-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(58, 69, 83);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-navy-gray.fab:hover {
  cursor: pointer;
}
.btn.color-navy-gray.fab:hover.color-navy-gray {
  filter: brightness(0.85);
}
.btn.color-navy-gray.fab:hover.color-navy-gray-03 {
  filter: brightness(0.25);
}
.btn.color-navy-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-navy-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-navy-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(58, 69, 83);
  font-size: 14px;
  background-color: rgba(58, 69, 83, 0.1);
  border: 1px solid rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-navy-gray.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-navy-gray.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-navy-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-navy-gray.fab-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.1);
}
.btn.color-navy-gray.fab-status.color-navy-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-navy-gray.fab-status.color-navy-gray div i.end {
  align-self: center;
}
.btn.color-navy-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-navy-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-status-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background: rgba(58, 69, 83, 0.2) !important;
  opacity: 0.5;
}
.btn.color-navy-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #3a4553;
  background-color: rgba(58, 69, 83, 0.2);
}
.btn.color-navy-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #3a4553;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-navy-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(58, 69, 83);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(58, 69, 83);
  background-color: transparent;
}
.btn.color-navy-gray.fab-outline:disabled {
  color: rgb(58, 69, 83) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-navy-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #3a4553;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-hot-pink.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-hot-pink.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-hot-pink.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-hot-pink.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-hot-pink.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-hot-pink.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-hot-pink.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-hot-pink.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-hot-pink.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-hot-pink.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-hot-pink.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-hot-pink.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-hot-pink.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-hot-pink.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-hot-pink.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-hot-pink.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-hot-pink.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-hot-pink.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-hot-pink.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-hot-pink.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-hot-pink.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-hot-pink.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-hot-pink.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-hot-pink.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-hot-pink.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-hot-pink.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-hot-pink.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-hot-pink.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-hot-pink.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-hot-pink.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink {
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-pink.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-pink.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(254, 4, 255);
}
.btn.color-hot-pink.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-pink.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-pink.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-pink.alert:hover {
  cursor: default;
}
.btn.color-hot-pink.alert.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.alert.color-hot-pink div {
  display: flex;
}
.btn.color-hot-pink.alert.color-hot-pink div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.color-hot-pink div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-pink.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-pink.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(254, 4, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-pink.fab:hover {
  cursor: pointer;
}
.btn.color-hot-pink.fab:hover.color-hot-pink {
  filter: brightness(0.85);
}
.btn.color-hot-pink.fab:hover.color-hot-pink-03 {
  filter: brightness(0.25);
}
.btn.color-hot-pink.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-pink.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-pink.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(254, 4, 255);
  font-size: 14px;
  background-color: rgba(254, 4, 255, 0.1);
  border: 1px solid rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-hot-pink.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-hot-pink.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-hot-pink.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-pink.fab-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.1);
}
.btn.color-hot-pink.fab-status.color-hot-pink div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-pink.fab-status.color-hot-pink div i.end {
  align-self: center;
}
.btn.color-hot-pink.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-pink.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-status-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background: rgba(254, 4, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-pink.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fe04ff;
  background-color: rgba(254, 4, 255, 0.2);
}
.btn.color-hot-pink.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fe04ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-pink.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(254, 4, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(254, 4, 255);
  background-color: transparent;
}
.btn.color-hot-pink.fab-outline:disabled {
  color: rgb(254, 4, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-pink.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fe04ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-hot-bule.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-hot-bule.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-hot-bule.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-hot-bule.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-hot-bule.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-hot-bule.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-hot-bule.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-hot-bule.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-hot-bule.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-hot-bule.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-hot-bule.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-hot-bule.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-hot-bule.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-hot-bule.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-hot-bule.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-hot-bule.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-hot-bule.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-hot-bule.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-hot-bule.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-hot-bule.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-hot-bule.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-hot-bule.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-hot-bule.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-hot-bule.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-hot-bule.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-hot-bule.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-hot-bule.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-hot-bule.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-hot-bule.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-hot-bule.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule {
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-hot-bule.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-hot-bule.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(1, 255, 215);
}
.btn.color-hot-bule.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-hot-bule.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-hot-bule.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-hot-bule.alert:hover {
  cursor: default;
}
.btn.color-hot-bule.alert.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.alert.color-hot-bule div {
  display: flex;
}
.btn.color-hot-bule.alert.color-hot-bule div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.color-hot-bule div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-hot-bule.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-hot-bule.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(1, 255, 215);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-hot-bule.fab:hover {
  cursor: pointer;
}
.btn.color-hot-bule.fab:hover.color-hot-bule {
  filter: brightness(0.85);
}
.btn.color-hot-bule.fab:hover.color-hot-bule-03 {
  filter: brightness(0.25);
}
.btn.color-hot-bule.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-hot-bule.fab:disabled {
  opacity: 0.35;
}
.btn.color-hot-bule.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(1, 255, 215);
  font-size: 14px;
  background-color: rgba(1, 255, 215, 0.1);
  border: 1px solid rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-hot-bule.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-hot-bule.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-hot-bule.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-hot-bule.fab-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.1);
}
.btn.color-hot-bule.fab-status.color-hot-bule div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-hot-bule.fab-status.color-hot-bule div i.end {
  align-self: center;
}
.btn.color-hot-bule.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-hot-bule.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-status-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background: rgba(1, 255, 215, 0.2) !important;
  opacity: 0.5;
}
.btn.color-hot-bule.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #01ffd7;
  background-color: rgba(1, 255, 215, 0.2);
}
.btn.color-hot-bule.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #01ffd7;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-hot-bule.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(1, 255, 215);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(1, 255, 215);
  background-color: transparent;
}
.btn.color-hot-bule.fab-outline:disabled {
  color: rgb(1, 255, 215) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-hot-bule.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #01ffd7;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-light-gray.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-light-gray.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-light-gray.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-light-gray.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-light-gray.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-light-gray.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-light-gray.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-light-gray.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-light-gray.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-light-gray.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-light-gray.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-light-gray.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-light-gray.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-light-gray.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-light-gray.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-light-gray.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-light-gray.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-light-gray.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-light-gray.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-light-gray.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-light-gray.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-light-gray.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-light-gray.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-light-gray.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-light-gray.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-light-gray.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-light-gray.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-light-gray.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-light-gray.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-light-gray.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray {
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-light-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-light-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-light-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(223, 226, 228);
}
.btn.color-light-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-light-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-light-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-light-gray.alert:hover {
  cursor: default;
}
.btn.color-light-gray.alert.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.alert.color-light-gray div {
  display: flex;
}
.btn.color-light-gray.alert.color-light-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.color-light-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-light-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-light-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(223, 226, 228);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-light-gray.fab:hover {
  cursor: pointer;
}
.btn.color-light-gray.fab:hover.color-light-gray {
  filter: brightness(0.85);
}
.btn.color-light-gray.fab:hover.color-light-gray-03 {
  filter: brightness(0.25);
}
.btn.color-light-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-light-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-light-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(223, 226, 228);
  font-size: 14px;
  background-color: rgba(223, 226, 228, 0.1);
  border: 1px solid rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-light-gray.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-light-gray.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-light-gray.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-light-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-light-gray.fab-status.color-light-gray {
  background: rgba(223, 226, 228, 0.1);
}
.btn.color-light-gray.fab-status.color-light-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-light-gray.fab-status.color-light-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-light-gray.fab-status.color-light-gray div i.end {
  align-self: center;
}
.btn.color-light-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-light-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-status-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background: rgba(223, 226, 228, 0.2) !important;
  opacity: 0.5;
}
.btn.color-light-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #dfe2e4;
  background-color: rgba(223, 226, 228, 0.2);
}
.btn.color-light-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #dfe2e4;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-light-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(223, 226, 228);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(223, 226, 228);
  background-color: transparent;
}
.btn.color-light-gray.fab-outline:disabled {
  color: rgb(223, 226, 228) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-light-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #dfe2e4;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-gray.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-gray.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-gray.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-gray.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-gray.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-gray.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-gray.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-gray.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-gray.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-gray.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-gray.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-gray.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-gray.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-gray.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-gray.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-gray.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-gray.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-gray.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-gray.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-gray.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-gray.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-gray.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-gray.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-gray.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-gray.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-gray.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-gray.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-gray.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-gray.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-gray.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray {
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(229, 231, 235);
}
.btn.color-gray.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(229, 231, 235);
}
.btn.color-gray.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray.alert:hover {
  cursor: default;
}
.btn.color-gray.alert.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.alert.color-gray div {
  display: flex;
}
.btn.color-gray.alert.color-gray div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray.alert.color-gray div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(229, 231, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray.fab:hover {
  cursor: pointer;
}
.btn.color-gray.fab:hover.color-gray {
  filter: brightness(0.85);
}
.btn.color-gray.fab:hover.color-gray-03 {
  filter: brightness(0.25);
}
.btn.color-gray.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(229, 231, 235);
  font-size: 14px;
  background-color: rgba(229, 231, 235, 0.1);
  border: 1px solid rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-gray.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-gray.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-gray.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray.fab-status.color-gray {
  background: rgba(229, 231, 235, 0.1);
}
.btn.color-gray.fab-status.color-gray div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray.fab-status.color-gray div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray.fab-status.color-gray div i.end {
  align-self: center;
}
.btn.color-gray.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-status-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background: rgba(229, 231, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: rgba(229, 231, 235, 0.2);
}
.btn.color-gray.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e5e7eb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(229, 231, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(229, 231, 235);
  background-color: transparent;
}
.btn.color-gray.fab-outline:disabled {
  color: rgb(229, 231, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e5e7eb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-danger_light.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-danger_light.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-danger_light.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-danger_light.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-danger_light.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-danger_light.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-danger_light.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-danger_light.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-danger_light.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-danger_light.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-danger_light.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-danger_light.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-danger_light.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-danger_light.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-danger_light.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-danger_light.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-danger_light.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-danger_light.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-danger_light.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-danger_light.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-danger_light.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-danger_light.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-danger_light.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-danger_light.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-danger_light.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-danger_light.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-danger_light.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-danger_light.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-danger_light.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-danger_light.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light {
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger_light.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger_light.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger_light.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(252, 201, 201);
}
.btn.color-danger_light.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger_light.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger_light.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger_light.alert:hover {
  cursor: default;
}
.btn.color-danger_light.alert.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.alert.color-danger_light div {
  display: flex;
}
.btn.color-danger_light.alert.color-danger_light div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.color-danger_light div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger_light.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger_light.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(252, 201, 201);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger_light.fab:hover {
  cursor: pointer;
}
.btn.color-danger_light.fab:hover.color-danger_light {
  filter: brightness(0.85);
}
.btn.color-danger_light.fab:hover.color-danger_light-03 {
  filter: brightness(0.25);
}
.btn.color-danger_light.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger_light.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger_light.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(252, 201, 201);
  font-size: 14px;
  background-color: rgba(252, 201, 201, 0.1);
  border: 1px solid rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger_light.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-danger_light.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-danger_light.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-danger_light.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger_light.fab-status.color-danger_light {
  background: rgba(252, 201, 201, 0.1);
}
.btn.color-danger_light.fab-status.color-danger_light div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger_light.fab-status.color-danger_light div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger_light.fab-status.color-danger_light div i.end {
  align-self: center;
}
.btn.color-danger_light.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger_light.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-status-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background: rgba(252, 201, 201, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger_light.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #fcc9c9;
  background-color: rgba(252, 201, 201, 0.2);
}
.btn.color-danger_light.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #fcc9c9;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger_light.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(252, 201, 201);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(252, 201, 201);
  background-color: transparent;
}
.btn.color-danger_light.fab-outline:disabled {
  color: rgb(252, 201, 201) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger_light.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #fcc9c9;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-background-2.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-background-2.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-background-2.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-background-2.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-background-2.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-background-2.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-background-2.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-background-2.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-background-2.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-background-2.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-background-2.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-background-2.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-background-2.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-background-2.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-background-2.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-background-2.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-background-2.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-background-2.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-background-2.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-background-2.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-background-2.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-background-2.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-background-2.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-background-2.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-background-2.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-background-2.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-background-2.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-background-2.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-background-2.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-background-2.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2 {
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 250, 251);
}
.btn.color-background-2.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-background-2.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-background-2.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-background-2.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 250, 251);
}
.btn.color-background-2.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-background-2.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-background-2.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-background-2.alert:hover {
  cursor: default;
}
.btn.color-background-2.alert.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.alert.color-background-2 div {
  display: flex;
}
.btn.color-background-2.alert.color-background-2 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-background-2.alert.color-background-2 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-background-2.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-background-2.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 250, 251);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-background-2.fab:hover {
  cursor: pointer;
}
.btn.color-background-2.fab:hover.color-background-2 {
  filter: brightness(0.85);
}
.btn.color-background-2.fab:hover.color-background-2-03 {
  filter: brightness(0.25);
}
.btn.color-background-2.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-background-2.fab:disabled {
  opacity: 0.35;
}
.btn.color-background-2.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 250, 251);
  font-size: 14px;
  background-color: rgba(249, 250, 251, 0.1);
  border: 1px solid rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-background-2.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-background-2.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-background-2.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-background-2.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-background-2.fab-status.color-background-2 {
  background: rgba(249, 250, 251, 0.1);
}
.btn.color-background-2.fab-status.color-background-2 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-background-2.fab-status.color-background-2 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-background-2.fab-status.color-background-2 div i.end {
  align-self: center;
}
.btn.color-background-2.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-background-2.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-status-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background: rgba(249, 250, 251, 0.2) !important;
  opacity: 0.5;
}
.btn.color-background-2.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9fafb;
  background-color: rgba(249, 250, 251, 0.2);
}
.btn.color-background-2.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9fafb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-background-2.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 250, 251);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 250, 251);
  background-color: transparent;
}
.btn.color-background-2.fab-outline:disabled {
  color: rgb(249, 250, 251) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-background-2.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9fafb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-danger.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-danger.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-danger.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-danger.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-danger.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-danger.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-danger.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-danger.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-danger.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-danger.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-danger.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-danger.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-danger.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-danger.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-danger.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-danger.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-danger.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-danger.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-danger.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-danger.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-danger.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-danger.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-danger.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-danger.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-danger.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-danger.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-danger.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-danger.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-danger.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-danger.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger {
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(241, 30, 30);
}
.btn.color-danger.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-danger.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-danger.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-danger.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(241, 30, 30);
}
.btn.color-danger.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-danger.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-danger.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-danger.alert:hover {
  cursor: default;
}
.btn.color-danger.alert.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.alert.color-danger div {
  display: flex;
}
.btn.color-danger.alert.color-danger div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-danger.alert.color-danger div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-danger.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-danger.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(241, 30, 30);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-danger.fab:hover {
  cursor: pointer;
}
.btn.color-danger.fab:hover.color-danger {
  filter: brightness(0.85);
}
.btn.color-danger.fab:hover.color-danger-03 {
  filter: brightness(0.25);
}
.btn.color-danger.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-danger.fab:disabled {
  opacity: 0.35;
}
.btn.color-danger.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(241, 30, 30);
  font-size: 14px;
  background-color: rgba(241, 30, 30, 0.1);
  border: 1px solid rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-danger.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-danger.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-danger.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-danger.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-danger.fab-status.color-danger {
  background: rgba(241, 30, 30, 0.1);
}
.btn.color-danger.fab-status.color-danger div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-danger.fab-status.color-danger div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-danger.fab-status.color-danger div i.end {
  align-self: center;
}
.btn.color-danger.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-danger.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-status-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background: rgba(241, 30, 30, 0.2) !important;
  opacity: 0.5;
}
.btn.color-danger.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f11e1e;
  background-color: rgba(241, 30, 30, 0.2);
}
.btn.color-danger.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f11e1e;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-danger.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(241, 30, 30);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(241, 30, 30);
  background-color: transparent;
}
.btn.color-danger.fab-outline:disabled {
  color: rgb(241, 30, 30) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-danger.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f11e1e;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-info-normal.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-info-normal.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-info-normal.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-info-normal.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-info-normal.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-info-normal.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-info-normal.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-info-normal.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-info-normal.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-info-normal.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-info-normal.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-info-normal.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-info-normal.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-info-normal.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-info-normal.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-info-normal.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-info-normal.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-info-normal.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-info-normal.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-info-normal.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-info-normal.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-info-normal.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-info-normal.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-info-normal.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-info-normal.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-info-normal.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-info-normal.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-info-normal.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-info-normal.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-info-normal.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal {
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 102, 204);
}
.btn.color-info-normal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal.alert:hover {
  cursor: default;
}
.btn.color-info-normal.alert.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.alert.color-info-normal div {
  display: flex;
}
.btn.color-info-normal.alert.color-info-normal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.color-info-normal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 102, 204);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal.fab:hover.color-info-normal {
  filter: brightness(0.85);
}
.btn.color-info-normal.fab:hover.color-info-normal-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 102, 204);
  font-size: 14px;
  background-color: rgba(0, 102, 204, 0.1);
  border: 1px solid rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-info-normal.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-info-normal.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-info-normal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal.fab-status.color-info-normal {
  background: rgba(0, 102, 204, 0.1);
}
.btn.color-info-normal.fab-status.color-info-normal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal.fab-status.color-info-normal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal.fab-status.color-info-normal div i.end {
  align-self: center;
}
.btn.color-info-normal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-status-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background: rgba(0, 102, 204, 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #0066cc;
  background-color: rgba(0, 102, 204, 0.2);
}
.btn.color-info-normal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #0066cc;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 102, 204);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 102, 204);
  background-color: transparent;
}
.btn.color-info-normal.fab-outline:disabled {
  color: rgb(0, 102, 204) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #0066cc;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-dividers.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-dividers.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-dividers.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-dividers.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-dividers.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-dividers.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-dividers.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-dividers.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-dividers.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-dividers.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-dividers.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-dividers.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-dividers.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-dividers.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-dividers.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-dividers.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-dividers.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-dividers.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-dividers.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-dividers.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-dividers.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-dividers.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-dividers.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-dividers.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-dividers.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-dividers.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-dividers.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-dividers.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-dividers.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-dividers.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers {
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-dividers.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-dividers.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-dividers.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-dividers.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-dividers.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-dividers.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-dividers.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-dividers.alert:hover {
  cursor: default;
}
.btn.color-dividers.alert.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.alert.color-dividers div {
  display: flex;
}
.btn.color-dividers.alert.color-dividers div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-dividers.alert.color-dividers div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-dividers.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-dividers.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-dividers.fab:hover {
  cursor: pointer;
}
.btn.color-dividers.fab:hover.color-dividers {
  filter: brightness(0.85);
}
.btn.color-dividers.fab:hover.color-dividers-03 {
  filter: brightness(0.25);
}
.btn.color-dividers.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-dividers.fab:disabled {
  opacity: 0.35;
}
.btn.color-dividers.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-dividers.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-dividers.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-dividers.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-dividers.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-dividers.fab-status.color-dividers {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-dividers.fab-status.color-dividers div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-dividers.fab-status.color-dividers div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-dividers.fab-status.color-dividers div i.end {
  align-self: center;
}
.btn.color-dividers.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-dividers.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-dividers.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-dividers.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-dividers.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-dividers.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-dividers.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-border.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-border.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-border.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-border.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-border.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-border.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-border.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-border.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-border.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-border.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-border.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-border.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-border.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-border.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-border.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-border.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-border.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-border.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-border.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-border.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-border.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-border.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-border.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-border.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-border.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-border.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-border.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-border.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-border.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-border.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border {
  color: rgb(209, 213, 219);
}
.btn.color-border.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(209, 213, 219);
}
.btn.color-border.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-border.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-border.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-border.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(209, 213, 219);
}
.btn.color-border.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-border.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-border.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-border.alert:hover {
  cursor: default;
}
.btn.color-border.alert.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.alert.color-border div {
  display: flex;
}
.btn.color-border.alert.color-border div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-border.alert.color-border div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-border.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-border.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(209, 213, 219);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-border.fab:hover {
  cursor: pointer;
}
.btn.color-border.fab:hover.color-border {
  filter: brightness(0.85);
}
.btn.color-border.fab:hover.color-border-03 {
  filter: brightness(0.25);
}
.btn.color-border.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-border.fab:disabled {
  opacity: 0.35;
}
.btn.color-border.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(209, 213, 219);
  font-size: 14px;
  background-color: rgba(209, 213, 219, 0.1);
  border: 1px solid rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-border.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-border.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-border.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-border.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-border.fab-status.color-border {
  background: rgba(209, 213, 219, 0.1);
}
.btn.color-border.fab-status.color-border div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-border.fab-status.color-border div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-border.fab-status.color-border div i.end {
  align-self: center;
}
.btn.color-border.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-border.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-status-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background: rgba(209, 213, 219, 0.2) !important;
  opacity: 0.5;
}
.btn.color-border.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #d1d5db;
  background-color: rgba(209, 213, 219, 0.2);
}
.btn.color-border.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #d1d5db;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-border.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(209, 213, 219);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(209, 213, 219);
  background-color: transparent;
}
.btn.color-border.fab-outline:disabled {
  color: rgb(209, 213, 219) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-border.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #d1d5db;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-woodsmoke.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-woodsmoke.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-woodsmoke.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-woodsmoke.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-woodsmoke.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-woodsmoke.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-woodsmoke.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-woodsmoke.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-woodsmoke.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-woodsmoke.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-woodsmoke.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-woodsmoke.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-woodsmoke.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-woodsmoke.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-woodsmoke.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-woodsmoke.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-woodsmoke.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-woodsmoke.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-woodsmoke.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-woodsmoke.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-woodsmoke.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-woodsmoke.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-woodsmoke.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-woodsmoke.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-woodsmoke.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-woodsmoke.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-woodsmoke.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-woodsmoke.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-woodsmoke.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-woodsmoke.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke {
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(56, 64, 65);
}
.btn.color-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-woodsmoke.alert.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.alert.color-woodsmoke div {
  display: flex;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.color-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(56, 64, 65);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-woodsmoke.fab:hover.color-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(56, 64, 65);
  font-size: 14px;
  background-color: rgba(56, 64, 65, 0.1);
  border: 1px solid rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-woodsmoke.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-woodsmoke.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.1);
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-woodsmoke.fab-status.color-woodsmoke div i.end {
  align-self: center;
}
.btn.color-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-status-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background: rgba(56, 64, 65, 0.2) !important;
  opacity: 0.5;
}
.btn.color-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #384041;
  background-color: rgba(56, 64, 65, 0.2);
}
.btn.color-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #384041;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(56, 64, 65);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(56, 64, 65);
  background-color: transparent;
}
.btn.color-woodsmoke.fab-outline:disabled {
  color: rgb(56, 64, 65) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #384041;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-disable.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-disable.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-disable.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-disable.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-disable.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-disable.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-disable.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-disable.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-disable.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-disable.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-disable.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-disable.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-disable.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-disable.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-disable.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-disable.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-disable.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-disable.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-disable.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-disable.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-disable.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-disable.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-disable.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-disable.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-disable.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-disable.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-disable.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-disable.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-disable.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-disable.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable {
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(233, 234, 235);
}
.btn.color-disable.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-disable.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-disable.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-disable.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(233, 234, 235);
}
.btn.color-disable.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-disable.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-disable.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-disable.alert:hover {
  cursor: default;
}
.btn.color-disable.alert.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.alert.color-disable div {
  display: flex;
}
.btn.color-disable.alert.color-disable div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-disable.alert.color-disable div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-disable.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-disable.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(233, 234, 235);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-disable.fab:hover {
  cursor: pointer;
}
.btn.color-disable.fab:hover.color-disable {
  filter: brightness(0.85);
}
.btn.color-disable.fab:hover.color-disable-03 {
  filter: brightness(0.25);
}
.btn.color-disable.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-disable.fab:disabled {
  opacity: 0.35;
}
.btn.color-disable.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(233, 234, 235);
  font-size: 14px;
  background-color: rgba(233, 234, 235, 0.1);
  border: 1px solid rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-disable.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-disable.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-disable.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-disable.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-disable.fab-status.color-disable {
  background: rgba(233, 234, 235, 0.1);
}
.btn.color-disable.fab-status.color-disable div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-disable.fab-status.color-disable div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-disable.fab-status.color-disable div i.end {
  align-self: center;
}
.btn.color-disable.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-disable.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-status-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background: rgba(233, 234, 235, 0.2) !important;
  opacity: 0.5;
}
.btn.color-disable.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e9eaeb;
  background-color: rgba(233, 234, 235, 0.2);
}
.btn.color-disable.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e9eaeb;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-disable.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(233, 234, 235);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(233, 234, 235);
  background-color: transparent;
}
.btn.color-disable.fab-outline:disabled {
  color: rgb(233, 234, 235) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-disable.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e9eaeb;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-text-body.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-text-body.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-text-body.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-text-body.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-text-body.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-text-body.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-text-body.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-text-body.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-text-body.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-text-body.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-text-body.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-text-body.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-text-body.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-text-body.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-text-body.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-text-body.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-text-body.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-text-body.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-text-body.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-text-body.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-text-body.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-text-body.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-text-body.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-text-body.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-text-body.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-text-body.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-text-body.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-text-body.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-text-body.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-text-body.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body {
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(107, 114, 128);
}
.btn.color-text-body.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-text-body.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-text-body.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-text-body.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(107, 114, 128);
}
.btn.color-text-body.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-text-body.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-text-body.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-text-body.alert:hover {
  cursor: default;
}
.btn.color-text-body.alert.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.alert.color-text-body div {
  display: flex;
}
.btn.color-text-body.alert.color-text-body div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-text-body.alert.color-text-body div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-text-body.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-text-body.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(107, 114, 128);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-text-body.fab:hover {
  cursor: pointer;
}
.btn.color-text-body.fab:hover.color-text-body {
  filter: brightness(0.85);
}
.btn.color-text-body.fab:hover.color-text-body-03 {
  filter: brightness(0.25);
}
.btn.color-text-body.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-text-body.fab:disabled {
  opacity: 0.35;
}
.btn.color-text-body.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(107, 114, 128);
  font-size: 14px;
  background-color: rgba(107, 114, 128, 0.1);
  border: 1px solid rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-text-body.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-text-body.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-text-body.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-text-body.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-text-body.fab-status.color-text-body {
  background: rgba(107, 114, 128, 0.1);
}
.btn.color-text-body.fab-status.color-text-body div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-text-body.fab-status.color-text-body div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-text-body.fab-status.color-text-body div i.end {
  align-self: center;
}
.btn.color-text-body.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-text-body.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-status-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background: rgba(107, 114, 128, 0.2) !important;
  opacity: 0.5;
}
.btn.color-text-body.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #6b7280;
  background-color: rgba(107, 114, 128, 0.2);
}
.btn.color-text-body.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #6b7280;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-text-body.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(107, 114, 128);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(107, 114, 128);
  background-color: transparent;
}
.btn.color-text-body.fab-outline:disabled {
  color: rgb(107, 114, 128) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-text-body.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #6b7280;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-soft-woodsmoke.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-soft-woodsmoke.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-soft-woodsmoke.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-soft-woodsmoke.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-soft-woodsmoke.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-soft-woodsmoke.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-soft-woodsmoke.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-soft-woodsmoke.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-soft-woodsmoke.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-soft-woodsmoke.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-soft-woodsmoke.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-soft-woodsmoke.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-soft-woodsmoke.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-soft-woodsmoke.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-soft-woodsmoke.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-soft-woodsmoke.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-soft-woodsmoke.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-soft-woodsmoke.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-soft-woodsmoke.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-soft-woodsmoke.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-soft-woodsmoke.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-soft-woodsmoke.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-soft-woodsmoke.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-soft-woodsmoke.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-soft-woodsmoke.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-soft-woodsmoke.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-soft-woodsmoke.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-soft-woodsmoke.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-soft-woodsmoke.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-soft-woodsmoke.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke {
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-soft-woodsmoke.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-soft-woodsmoke.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(235, 236, 236);
}
.btn.color-soft-woodsmoke.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-soft-woodsmoke.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-soft-woodsmoke.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-soft-woodsmoke.alert:hover {
  cursor: default;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div {
  display: flex;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.color-soft-woodsmoke div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-soft-woodsmoke.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-soft-woodsmoke.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(235, 236, 236);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-soft-woodsmoke.fab:hover {
  cursor: pointer;
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke {
  filter: brightness(0.85);
}
.btn.color-soft-woodsmoke.fab:hover.color-soft-woodsmoke-03 {
  filter: brightness(0.25);
}
.btn.color-soft-woodsmoke.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-soft-woodsmoke.fab:disabled {
  opacity: 0.35;
}
.btn.color-soft-woodsmoke.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(235, 236, 236);
  font-size: 14px;
  background-color: rgba(235, 236, 236, 0.1);
  border: 1px solid rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-soft-woodsmoke.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-soft-woodsmoke.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-soft-woodsmoke.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.1);
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.color-soft-woodsmoke div i.end {
  align-self: center;
}
.btn.color-soft-woodsmoke.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-soft-woodsmoke.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-status-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background: rgba(235, 236, 236, 0.2) !important;
  opacity: 0.5;
}
.btn.color-soft-woodsmoke.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #ebecec;
  background-color: rgba(235, 236, 236, 0.2);
}
.btn.color-soft-woodsmoke.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #ebecec;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-soft-woodsmoke.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(235, 236, 236);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(235, 236, 236);
  background-color: transparent;
}
.btn.color-soft-woodsmoke.fab-outline:disabled {
  color: rgb(235, 236, 236) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-soft-woodsmoke.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #ebecec;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-tables-striped-rows.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-tables-striped-rows.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-tables-striped-rows.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-tables-striped-rows.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-tables-striped-rows.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-tables-striped-rows.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-tables-striped-rows.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-tables-striped-rows.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-tables-striped-rows.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-tables-striped-rows.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-tables-striped-rows.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-tables-striped-rows.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-tables-striped-rows.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-tables-striped-rows.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-tables-striped-rows.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-tables-striped-rows.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-tables-striped-rows.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-tables-striped-rows.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-tables-striped-rows.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-tables-striped-rows.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-tables-striped-rows.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-tables-striped-rows.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-tables-striped-rows.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-tables-striped-rows.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-tables-striped-rows.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-tables-striped-rows.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-tables-striped-rows.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-tables-striped-rows.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-tables-striped-rows.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-tables-striped-rows.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows {
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-tables-striped-rows.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-tables-striped-rows.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(249, 249, 255);
}
.btn.color-tables-striped-rows.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-tables-striped-rows.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-tables-striped-rows.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-tables-striped-rows.alert:hover {
  cursor: default;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div {
  display: flex;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.color-tables-striped-rows div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-tables-striped-rows.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-tables-striped-rows.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(249, 249, 255);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-tables-striped-rows.fab:hover {
  cursor: pointer;
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows {
  filter: brightness(0.85);
}
.btn.color-tables-striped-rows.fab:hover.color-tables-striped-rows-03 {
  filter: brightness(0.25);
}
.btn.color-tables-striped-rows.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-tables-striped-rows.fab:disabled {
  opacity: 0.35;
}
.btn.color-tables-striped-rows.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(249, 249, 255);
  font-size: 14px;
  background-color: rgba(249, 249, 255, 0.1);
  border: 1px solid rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-tables-striped-rows.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-tables-striped-rows.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-tables-striped-rows.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.1);
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.color-tables-striped-rows div i.end {
  align-self: center;
}
.btn.color-tables-striped-rows.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-tables-striped-rows.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-status-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background: rgba(249, 249, 255, 0.2) !important;
  opacity: 0.5;
}
.btn.color-tables-striped-rows.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f9f9ff;
  background-color: rgba(249, 249, 255, 0.2);
}
.btn.color-tables-striped-rows.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f9f9ff;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-tables-striped-rows.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(249, 249, 255);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(249, 249, 255);
  background-color: transparent;
}
.btn.color-tables-striped-rows.fab-outline:disabled {
  color: rgb(249, 249, 255) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-tables-striped-rows.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f9f9ff;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-charcoal.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-charcoal.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-charcoal.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-charcoal.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-charcoal.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-charcoal.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-charcoal.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-charcoal.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-charcoal.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-charcoal.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-charcoal.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-charcoal.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-charcoal.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-charcoal.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-charcoal.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-charcoal.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-charcoal.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-charcoal.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-charcoal.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-charcoal.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-charcoal.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-charcoal.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-charcoal.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-charcoal.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-charcoal.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-charcoal.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-charcoal.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-charcoal.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-charcoal.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-charcoal.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal {
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-charcoal.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-charcoal.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-charcoal.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(34, 34, 34);
}
.btn.color-charcoal.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-charcoal.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-charcoal.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-charcoal.alert:hover {
  cursor: default;
}
.btn.color-charcoal.alert.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.alert.color-charcoal div {
  display: flex;
}
.btn.color-charcoal.alert.color-charcoal div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.color-charcoal div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-charcoal.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-charcoal.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(34, 34, 34);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-charcoal.fab:hover {
  cursor: pointer;
}
.btn.color-charcoal.fab:hover.color-charcoal {
  filter: brightness(0.85);
}
.btn.color-charcoal.fab:hover.color-charcoal-03 {
  filter: brightness(0.25);
}
.btn.color-charcoal.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-charcoal.fab:disabled {
  opacity: 0.35;
}
.btn.color-charcoal.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(34, 34, 34);
  font-size: 14px;
  background-color: rgba(34, 34, 34, 0.1);
  border: 1px solid rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-charcoal.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-charcoal.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-charcoal.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-charcoal.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-charcoal.fab-status.color-charcoal {
  background: rgba(34, 34, 34, 0.1);
}
.btn.color-charcoal.fab-status.color-charcoal div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-charcoal.fab-status.color-charcoal div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-charcoal.fab-status.color-charcoal div i.end {
  align-self: center;
}
.btn.color-charcoal.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-charcoal.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-status-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background: rgba(34, 34, 34, 0.2) !important;
  opacity: 0.5;
}
.btn.color-charcoal.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #222222;
  background-color: rgba(34, 34, 34, 0.2);
}
.btn.color-charcoal.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #222222;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-charcoal.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(34, 34, 34);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(34, 34, 34);
  background-color: transparent;
}
.btn.color-charcoal.fab-outline:disabled {
  color: rgb(34, 34, 34) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-charcoal.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #222222;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-gray-secondary.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-gray-secondary.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-gray-secondary.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-gray-secondary.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-gray-secondary.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-gray-secondary.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-gray-secondary.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-gray-secondary.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-gray-secondary.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-gray-secondary.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-gray-secondary.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-gray-secondary.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-gray-secondary.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-gray-secondary.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-gray-secondary.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-gray-secondary.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-gray-secondary.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-gray-secondary.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-gray-secondary.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-gray-secondary.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-gray-secondary.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-gray-secondary.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-gray-secondary.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-gray-secondary.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-gray-secondary.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-gray-secondary.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-gray-secondary.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-gray-secondary.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-gray-secondary.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-gray-secondary.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary {
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-gray-secondary.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-gray-secondary.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(242, 242, 242);
}
.btn.color-gray-secondary.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-gray-secondary.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-gray-secondary.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-gray-secondary.alert:hover {
  cursor: default;
}
.btn.color-gray-secondary.alert.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.alert.color-gray-secondary div {
  display: flex;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.color-gray-secondary div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-gray-secondary.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-gray-secondary.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(242, 242, 242);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-gray-secondary.fab:hover {
  cursor: pointer;
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary {
  filter: brightness(0.85);
}
.btn.color-gray-secondary.fab:hover.color-gray-secondary-03 {
  filter: brightness(0.25);
}
.btn.color-gray-secondary.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-gray-secondary.fab:disabled {
  opacity: 0.35;
}
.btn.color-gray-secondary.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(242, 242, 242);
  font-size: 14px;
  background-color: rgba(242, 242, 242, 0.1);
  border: 1px solid rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-gray-secondary.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-gray-secondary.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-gray-secondary.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.1);
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-gray-secondary.fab-status.color-gray-secondary div i.end {
  align-self: center;
}
.btn.color-gray-secondary.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-gray-secondary.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-status-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background: rgba(242, 242, 242, 0.2) !important;
  opacity: 0.5;
}
.btn.color-gray-secondary.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #f2f2f2;
  background-color: rgba(242, 242, 242, 0.2);
}
.btn.color-gray-secondary.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #f2f2f2;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-gray-secondary.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(242, 242, 242);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(242, 242, 242);
  background-color: transparent;
}
.btn.color-gray-secondary.fab-outline:disabled {
  color: rgb(242, 242, 242) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-gray-secondary.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #f2f2f2;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-blue.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-blue.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-blue.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-blue.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-blue.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-blue.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-blue.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-blue.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-blue.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-blue.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-blue.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-blue.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-blue.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-blue.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-blue.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-blue.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-blue.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-blue.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-blue.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-blue.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-blue.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-blue.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-blue.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-blue.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-blue.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-blue.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-blue.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-blue.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-blue.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-blue.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue {
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(0, 56, 112);
}
.btn.color-blue.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(0, 56, 112);
}
.btn.color-blue.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue.alert:hover {
  cursor: default;
}
.btn.color-blue.alert.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.alert.color-blue div {
  display: flex;
}
.btn.color-blue.alert.color-blue div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue.alert.color-blue div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(0, 56, 112);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue.fab:hover {
  cursor: pointer;
}
.btn.color-blue.fab:hover.color-blue {
  filter: brightness(0.85);
}
.btn.color-blue.fab:hover.color-blue-03 {
  filter: brightness(0.25);
}
.btn.color-blue.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(0, 56, 112);
  font-size: 14px;
  background-color: rgba(0, 56, 112, 0.1);
  border: 1px solid rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-blue.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-blue.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-blue.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue.fab-status.color-blue {
  background: rgba(0, 56, 112, 0.1);
}
.btn.color-blue.fab-status.color-blue div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue.fab-status.color-blue div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue.fab-status.color-blue div i.end {
  align-self: center;
}
.btn.color-blue.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-status-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background: rgba(0, 56, 112, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #003870;
  background-color: rgba(0, 56, 112, 0.2);
}
.btn.color-blue.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #003870;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(0, 56, 112);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(0, 56, 112);
  background-color: transparent;
}
.btn.color-blue.fab-outline:disabled {
  color: rgb(0, 56, 112) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #003870;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-blue-50.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-blue-50.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-blue-50.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-blue-50.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-blue-50.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-blue-50.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-blue-50.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-blue-50.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-blue-50.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-blue-50.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-blue-50.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-blue-50.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-blue-50.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-blue-50.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-blue-50.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-blue-50.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-blue-50.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-blue-50.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-blue-50.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-blue-50.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-blue-50.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-blue-50.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-blue-50.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-blue-50.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-blue-50.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-blue-50.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-blue-50.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-blue-50.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-blue-50.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-blue-50.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50 {
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline {
  background: transparent;
  border: 1px solid;
  border-color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-blue-50.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-blue-50.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-blue-50.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: rgb(230, 240, 250);
}
.btn.color-blue-50.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-blue-50.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-blue-50.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-blue-50.alert:hover {
  cursor: default;
}
.btn.color-blue-50.alert.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.alert.color-blue-50 div {
  display: flex;
}
.btn.color-blue-50.alert.color-blue-50 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.color-blue-50 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-blue-50.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-blue-50.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab {
  border-radius: 50px;
  padding: 0;
  background: rgb(230, 240, 250);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-blue-50.fab:hover {
  cursor: pointer;
}
.btn.color-blue-50.fab:hover.color-blue-50 {
  filter: brightness(0.85);
}
.btn.color-blue-50.fab:hover.color-blue-50-03 {
  filter: brightness(0.25);
}
.btn.color-blue-50.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-blue-50.fab:disabled {
  opacity: 0.35;
}
.btn.color-blue-50.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: rgb(230, 240, 250);
  font-size: 14px;
  background-color: rgba(230, 240, 250, 0.1);
  border: 1px solid rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-blue-50.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-blue-50.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-blue-50.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-blue-50.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-blue-50.fab-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.1);
}
.btn.color-blue-50.fab-status.color-blue-50 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-blue-50.fab-status.color-blue-50 div i.end {
  align-self: center;
}
.btn.color-blue-50.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-blue-50.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-status-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background: rgba(230, 240, 250, 0.2) !important;
  opacity: 0.5;
}
.btn.color-blue-50.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: #e6f0fa;
  background-color: rgba(230, 240, 250, 0.2);
}
.btn.color-blue-50.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: #e6f0fa;
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-blue-50.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: rgb(230, 240, 250);
  border: solid 1px;
  font-size: 14px;
  border-color: rgb(230, 240, 250);
  background-color: transparent;
}
.btn.color-blue-50.fab-outline:disabled {
  color: rgb(230, 240, 250) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-blue-50.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: #e6f0fa;
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-info-normal-1.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-info-normal-1.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-info-normal-1.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-info-normal-1.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-info-normal-1.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-info-normal-1.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-info-normal-1.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-info-normal-1.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-info-normal-1.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-info-normal-1.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-info-normal-1.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-info-normal-1.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-info-normal-1.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-info-normal-1.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-info-normal-1.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-info-normal-1.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-info-normal-1.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-info-normal-1.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-info-normal-1.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-info-normal-1.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-info-normal-1.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-info-normal-1.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-info-normal-1.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-info-normal-1.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-info-normal-1.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-info-normal-1.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-info-normal-1.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-info-normal-1.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-info-normal-1.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-info-normal-1.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1 {
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-info-normal-1.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-info-normal-1.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--info-normal-1);
}
.btn.color-info-normal-1.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-info-normal-1.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-info-normal-1.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-info-normal-1.alert:hover {
  cursor: default;
}
.btn.color-info-normal-1.alert.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.alert.color-info-normal-1 div {
  display: flex;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.color-info-normal-1 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-info-normal-1.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-info-normal-1.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--info-normal-1);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-info-normal-1.fab:hover {
  cursor: pointer;
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1 {
  filter: brightness(0.85);
}
.btn.color-info-normal-1.fab:hover.color-info-normal-1-03 {
  filter: brightness(0.25);
}
.btn.color-info-normal-1.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-info-normal-1.fab:disabled {
  opacity: 0.35;
}
.btn.color-info-normal-1.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--info-normal-1);
  font-size: 14px;
  background-color: rgba(var(--info-normal-1), 0.1);
  border: 1px solid rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-info-normal-1.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-info-normal-1.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-info-normal-1.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.1);
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-info-normal-1.fab-status.color-info-normal-1 div i.end {
  align-self: center;
}
.btn.color-info-normal-1.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-info-normal-1.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-status-outline:disabled {
  color: var(--info-normal-1) !important;
  background: rgba(var(--info-normal-1), 0.2) !important;
  opacity: 0.5;
}
.btn.color-info-normal-1.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--info-normal-1), 1);
  background-color: rgba(var(--info-normal-1), 0.2);
}
.btn.color-info-normal-1.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--info-normal-1), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-info-normal-1.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--info-normal-1);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--info-normal-1);
  background-color: transparent;
}
.btn.color-info-normal-1.fab-outline:disabled {
  color: var(--info-normal-1) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-info-normal-1.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--info-normal-1), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-1 {
  padding: 4px;
}
.btn.color-yellow-500.fab-status.px-1 {
  padding-right: 4px;
  padding-left: 4px;
}
.btn.color-yellow-500.fab-status.py-1 {
  padding-top: 4px;
  padding-bottom: 4px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-2 {
  padding: 8px;
}
.btn.color-yellow-500.fab-status.px-2 {
  padding-right: 8px;
  padding-left: 8px;
}
.btn.color-yellow-500.fab-status.py-2 {
  padding-top: 8px;
  padding-bottom: 8px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-3 {
  padding: 12px;
}
.btn.color-yellow-500.fab-status.px-3 {
  padding-right: 12px;
  padding-left: 12px;
}
.btn.color-yellow-500.fab-status.py-3 {
  padding-top: 12px;
  padding-bottom: 12px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-4 {
  padding: 16px;
}
.btn.color-yellow-500.fab-status.px-4 {
  padding-right: 16px;
  padding-left: 16px;
}
.btn.color-yellow-500.fab-status.py-4 {
  padding-top: 16px;
  padding-bottom: 16px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-5 {
  padding: 20px;
}
.btn.color-yellow-500.fab-status.px-5 {
  padding-right: 20px;
  padding-left: 20px;
}
.btn.color-yellow-500.fab-status.py-5 {
  padding-top: 20px;
  padding-bottom: 20px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-6 {
  padding: 24px;
}
.btn.color-yellow-500.fab-status.px-6 {
  padding-right: 24px;
  padding-left: 24px;
}
.btn.color-yellow-500.fab-status.py-6 {
  padding-top: 24px;
  padding-bottom: 24px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-7 {
  padding: 28px;
}
.btn.color-yellow-500.fab-status.px-7 {
  padding-right: 28px;
  padding-left: 28px;
}
.btn.color-yellow-500.fab-status.py-7 {
  padding-top: 28px;
  padding-bottom: 28px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-8 {
  padding: 32px;
}
.btn.color-yellow-500.fab-status.px-8 {
  padding-right: 32px;
  padding-left: 32px;
}
.btn.color-yellow-500.fab-status.py-8 {
  padding-top: 32px;
  padding-bottom: 32px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-9 {
  padding: 36px;
}
.btn.color-yellow-500.fab-status.px-9 {
  padding-right: 36px;
  padding-left: 36px;
}
.btn.color-yellow-500.fab-status.py-9 {
  padding-top: 36px;
  padding-bottom: 36px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-10 {
  padding: 40px;
}
.btn.color-yellow-500.fab-status.px-10 {
  padding-right: 40px;
  padding-left: 40px;
}
.btn.color-yellow-500.fab-status.py-10 {
  padding-top: 40px;
  padding-bottom: 40px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-11 {
  padding: 44px;
}
.btn.color-yellow-500.fab-status.px-11 {
  padding-right: 44px;
  padding-left: 44px;
}
.btn.color-yellow-500.fab-status.py-11 {
  padding-top: 44px;
  padding-bottom: 44px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-12 {
  padding: 48px;
}
.btn.color-yellow-500.fab-status.px-12 {
  padding-right: 48px;
  padding-left: 48px;
}
.btn.color-yellow-500.fab-status.py-12 {
  padding-top: 48px;
  padding-bottom: 48px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-13 {
  padding: 52px;
}
.btn.color-yellow-500.fab-status.px-13 {
  padding-right: 52px;
  padding-left: 52px;
}
.btn.color-yellow-500.fab-status.py-13 {
  padding-top: 52px;
  padding-bottom: 52px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-14 {
  padding: 56px;
}
.btn.color-yellow-500.fab-status.px-14 {
  padding-right: 56px;
  padding-left: 56px;
}
.btn.color-yellow-500.fab-status.py-14 {
  padding-top: 56px;
  padding-bottom: 56px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-15 {
  padding: 60px;
}
.btn.color-yellow-500.fab-status.px-15 {
  padding-right: 60px;
  padding-left: 60px;
}
.btn.color-yellow-500.fab-status.py-15 {
  padding-top: 60px;
  padding-bottom: 60px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.btn-status:hover {
  cursor: default;
}
.btn.btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500 {
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline {
  background: transparent;
  border: 1px solid;
  border-color: var(--yellow-500);
}
.btn.color-yellow-500.outline:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.outline:disabled {
  color: rgb(150, 158, 169);
  background: transparent !important;
  border-color: #969EA9;
}
.btn.color-yellow-500.outline div:has(i) {
  display: inline-flex;
  gap: 8px;
  align-items: center;
}
.btn.color-yellow-500.outline-text {
  background: transparent;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-text:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-text:disabled {
  color: #999999;
  background: transparent;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.outline-default {
  background: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: var(--yellow-500);
}
.btn.color-yellow-500.outline-default:hover {
  cursor: pointer;
  font-weight: bold;
  background: rgba(209, 213, 219, 0.2);
}
.btn.color-yellow-500.outline-default:disabled {
  color: #999999;
  background: #E9EAEB;
  border-color: #E9EAEB;
}
.btn.color-yellow-500.alert {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 5px;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn.color-yellow-500.alert:hover {
  cursor: default;
}
.btn.color-yellow-500.alert.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.alert.color-yellow-500 div {
  display: flex;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.start {
  margin-right: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.color-yellow-500 div i.end {
  margin-left: 8px;
  align-self: center;
}
.btn.color-yellow-500.alert.noti-inspect {
  justify-content: flex-start;
}
.btn.color-yellow-500.alert.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab {
  border-radius: 50px;
  padding: 0;
  background: var(--yellow-500);
  color: white;
  width: 30px;
  height: 30px;
  font-size: 12px !important;
}
.btn.color-yellow-500.fab:hover {
  cursor: pointer;
}
.btn.color-yellow-500.fab:hover.color-yellow-500 {
  filter: brightness(0.85);
}
.btn.color-yellow-500.fab:hover.color-yellow-500-03 {
  filter: brightness(0.25);
}
.btn.color-yellow-500.fab.color-black {
  color: black !important;
  background: #E6E6E6 !important;
}
.btn.color-yellow-500.fab:disabled {
  opacity: 0.35;
}
.btn.color-yellow-500.fab-status {
  border-radius: 50px;
  padding: 0px 8px;
  background: #fff;
  color: var(--yellow-500);
  font-size: 14px;
  background-color: rgba(var(--yellow-500), 0.1);
  border: 1px solid rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status.color-pending div {
  display: inline-flex;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.pa-16 {
  padding: 64px;
}
.btn.color-yellow-500.fab-status.px-16 {
  padding-right: 64px;
  padding-left: 64px;
}
.btn.color-yellow-500.fab-status.py-16 {
  padding-top: 64px;
  padding-bottom: 64px;
}
.btn.color-yellow-500.fab-status.bg-clear {
  background-color: transparent;
}
.btn.color-yellow-500.fab-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.1);
}
.btn.color-yellow-500.fab-status.color-yellow-500 div {
  display: inline-flex;
  justify-content: center;
  gap: 5px;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.start {
  margin-bottom: 4px;
  align-self: center;
}
.btn.color-yellow-500.fab-status.color-yellow-500 div i.end {
  align-self: center;
}
.btn.color-yellow-500.fab-status.pending-small {
  font-size: 11px;
}
.btn.color-yellow-500.fab-status-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-status-outline:disabled {
  color: var(--yellow-500) !important;
  background: rgba(var(--yellow-500), 0.2) !important;
  opacity: 0.5;
}
.btn.color-yellow-500.fab-basic {
  border-radius: 50px;
  padding: 0px 8px;
  color: black;
  border: solid 1px;
  font-size: 14px;
  border-color: rgba(var(--yellow-500), 1);
  background-color: rgba(var(--yellow-500), 0.2);
}
.btn.color-yellow-500.fab-clear {
  border-radius: 50px;
  padding: 0px 8px;
  color: rgba(var(--yellow-500), 1);
  border: solid 1px;
  font-size: 14px;
  border-color: #e5e7eb;
  background-color: white;
}
.btn.color-yellow-500.fab-outline {
  border-radius: 50px;
  padding: 0px;
  color: var(--yellow-500);
  border: solid 1px;
  font-size: 14px;
  border-color: var(--yellow-500);
  background-color: transparent;
}
.btn.color-yellow-500.fab-outline:disabled {
  color: var(--yellow-500) !important;
  background-color: transparent !important;
  opacity: 0.3;
}
.btn.color-yellow-500.fab-outline-border {
  border-radius: 50px;
  padding: 0px;
  color: white;
  border: solid 1px;
  font-size: 14px;
  border: 4px solid rgba(0, 0, 0, 0.15);
  background-color: rgba(var(--yellow-500), 1);
}
.btn.fab-icon {
  border-radius: 50px;
  padding: 0px;
  border: none;
  font-size: 14px;
  background-color: transparent;
}
.btn.clear {
  background: transparent;
}
.btn :not(.fab, .fab-basic, .alert) div {
  display: flex;
}
.btn :not(.fab, .fab-basic, .alert) div :not(.fab, .fab-basic, .alert) i {
  margin-right: 0px;
  align-self: center;
}
:not(.fab-outline) .btn:disabled {
  color: #999999;
  background: #E9EAEB !important;
}
.btn:disabled, .btn.disabled {
  pointer-events: none;
}
.btn.close-btn {
  color: white;
  background-color: rgba(255, 255, 255, 0.5);
  border-radius: 50px;
  font-size: 18px;
}
.btn.arrow {
  border-radius: 50px;
  z-index: 1;
  height: 100%;
  font-size: 12px;
}
.btn.arrow.next {
  right: 0;
}
.btn.arrow.prev {
  left: 0;
}
.btn.small {
  font-size: 12px;
}
.btn .noti-badge {
  position: absolute;
  border-radius: 50%;
  right: -10px;
  top: -10px;
  padding: 4px;
  font-size: 14px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn-outline-sm {
  min-height: 26px;
  display: flex;
  align-items: center;
  transition: background 0.15s, border-color 0.15s, color 0.15s;
}
.btn-outline-sm img {
  display: inline-block;
  vertical-align: middle;
  width: 14px;
  height: 14px;
}
.btn-outline-sm:hover:not(:disabled) {
  cursor: pointer;
  font-weight: bold;
  filter: brightness(0.93);
}
.btn-outline-sm:disabled {
  color: #999999 !important;
  background: #f5f5f5 !important;
  border-color: #f5f5f5 !important;
  cursor: not-allowed;
  font-weight: 500;
}

.btn.fab-status:hover {
  cursor: default;
}

.mat-button-toggle-checked {
  background: rgb(229, 243, 249);
}

.mat-button-toggle-label-content {
  color: var(--primary-normal-1);
}

.btn-center.btn div {
  align-items: center;
  display: inline-flex;
  justify-content: center;
  gap: 2.5px;
}

.zoom.btn:disabled {
  background-color: transparent !important;
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-background {
  background: rgba(249, 250, 251, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-success {
  background: rgba(0, 176, 107, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-alert {
  background: rgba(255, 23, 68, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-warning {
  background: rgba(255, 145, 0, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-white {
  background: rgba(255, 255, 255, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-black {
  background: rgba(0, 0, 0, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-communication {
  background: rgba(0, 141, 217, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-pass {
  background: rgba(0, 171, 83, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-edit {
  background: rgba(220, 125, 0, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-pending {
  background: rgba(255, 112, 67, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-await {
  background: rgba(251, 192, 45, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-expire {
  background: rgba(56, 64, 65, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-assign {
  background: rgba(185, 111, 0, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-gray {
  background: rgba(229, 231, 235, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-danger {
  background: rgba(241, 30, 30, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-border {
  background: rgba(209, 213, 219, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-disable {
  background: rgba(233, 234, 235, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-blue {
  background: rgba(0, 56, 112, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}

.approve-comment {
  border: 1px solid;
  border-radius: 12px;
}
.approve-comment .btn-status:hover {
  cursor: default;
}
.approve-comment .btn-status.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}

.pagination {
  display: flex;
}
.pagination .page-sizes {
  gap: 10px;
  display: inline-flex;
  align-items: center;
}

.pagination li {
  display: block;
  border: 1px solid #D8D8D8;
}
.pagination .page-item a {
  text-decoration: none;
  color: black;
  float: left;
  padding: 8px 16px;
  text-decoration: none;
  cursor: pointer;
}
.pagination .previous-item,
.pagination .next-item {
  border: none;
}
.pagination .previous-item a,
.pagination .next-item a {
  color: var(--primary-normal-1);
}
.pagination .previous-item.disabled a,
.pagination .next-item.disabled a {
  color: #969EA9;
}
.pagination li:nth-child(2) {
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
}
.pagination li:nth-last-child(2) {
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
}

.pagination li.active {
  background-color: var(--primary-normal-1);
}
.pagination li.active a {
  color: white;
}
.pagination li.active {
  border: none;
}

.pagination .page-item:hover:not(.active):not(:first-child):not(:last-child) {
  background-color: #D8D8D8;
}

.pagination .page-item:first-child:hover:not(.disabled) a,
.pagination .page-item:last-child:hover:not(.disabled) a {
  opacity: 0.6;
}

.pagination.between {
  justify-content: space-between;
}

.login-customer,
.inspect-content {
  display: flex;
  flex-flow: column;
  gap: 20px;
}
.login-customer *,
.inspect-content * {
  font-size: 16px;
}
.login-customer .mat-button, .login-customer .mat-mdc-button, .login-customer .mat-icon-button, .login-customer .mat-mdc-icon-button,
.login-customer .mat-stroked-button,
.login-customer .mat-mdc-outlined-button,
.login-customer .mat-flat-button,
.login-customer .mat-mdc-unelevated-button,
.inspect-content .mat-button,
.inspect-content .mat-mdc-button,
.inspect-content .mat-icon-button,
.inspect-content .mat-mdc-icon-button,
.inspect-content .mat-stroked-button,
.inspect-content .mat-mdc-outlined-button,
.inspect-content .mat-flat-button,
.inspect-content .mat-mdc-unelevated-button {
  border-radius: 12px !important;
  width: 100% !important;
}
.login-customer .mat-stroked-button, .login-customer .mat-mdc-outlined-button,
.inspect-content .mat-stroked-button,
.inspect-content .mat-mdc-outlined-button {
  font-size: 16px;
  line-height: 48px;
  height: auto !important;
}

.filter-tree .mat-stroked-button, .filter-tree .mat-mdc-outlined-button {
  font-size: 16px;
  padding: 0 12px;
  border-radius: 8px !important;
  border: 1px solid #D8D8D8;
}
.filter-tree .mat-stroked-button:disabled, .filter-tree .mat-mdc-outlined-button:disabled {
  background: var(--gray-50);
  color: rgba(0, 0, 0, 0.38);
}

.bottom-btn {
  position: fixed;
  bottom: 0;
}

.fade-in-btn {
  display: block;
  animation: bounceInleft 0.6s ease infinite;
  animation-iteration-count: 1;
}

@keyframes bounceInleft {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    transform: translateX(0);
  }
}
@media only screen and (max-width: 1180px) {
  .login-customer * {
    font-size: 16px;
  }
  .login-customer {
    width: 95% !important;
    height: 85vh;
    justify-content: space-between;
  }
  .inspect-content .fab-basic *,
  .inspect-content .reason-note * {
    font-size: 10px;
  }
  .inspect-content .fab-basic {
    height: 20px !important;
  }
  .inspect-content {
    margin-bottom: 20%;
  }
  .btn, .btn.fab-status {
    font-size: 16px !important;
  }
  .btn.alert.small {
    font-size: 12px !important;
  }
}
@media only screen and (min-width: 1180px) {
  .inspect-content {
    width: 80% !important;
    margin: auto;
    margin-bottom: 15%;
  }
}
.approver-add-damage {
  height: 56px;
  position: relative;
  clip-path: inset(3px round 12px);
  color: black;
  background-color: white;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 5px;
}
.approver-add-damage::before {
  content: "";
  position: absolute;
  border: 2px dashed #d1d5db;
  top: 0px;
  bottom: 1px;
  left: 1px;
  right: 1px;
  border-radius: 12px;
}
.approver-add-damage:hover {
  background-color: var(--primary-light);
}
.approver-add-damage:disabled {
  background-color: rgba(229, 231, 235, 0.7);
  opacity: 0.7;
  color: rgba(0, 0, 0, 0.3);
}
.approver-add-damage:disabled i {
  color: rgba(0, 0, 0, 0.3);
}
.approver-add-damage:disabled::before {
  content: "";
  position: absolute;
  border: 2px dashed #DFE2E4;
}

.damage-modal .mat-stroked-button, .damage-modal .mat-mdc-outlined-button {
  padding: 0 8px !important;
}
.damage-modal .mat-chip-list > .mat-chip-list-wrapper, .damage-modal .mat-chip-list > .mat-mdc-chip-list-wrapper, .damage-modal .mat-mdc-chip-list > .mat-chip-list-wrapper, .damage-modal .mat-mdc-chip-list > .mat-mdc-chip-list-wrapper {
  max-height: 20vh;
  overflow-y: scroll;
}
.damage-modal .mat-mdc-chip-remove {
  position: relative !important;
}
.damage-modal .mat-mdc-chip.mat-mdc-standard-chip {
  --mat-chip-container-height: 25px;
}
.damage-modal .mat-mdc-standard-chip .mdc-evolution-chip__icon--trailing {
  height: 14px !important;
  width: 14px !important;
  font-size: 14px !important;
}

.tab-send-link {
  --mat-tab-active-label-text-color: #000;
  --mat-tab-active-focus-label-text-color: #000;
  --mat-tab-active-hover-label-text-color: #000;
  --mat-tab-inactive-label-text-color: #000;
  --mat-tab-inactive-focus-label-text-color: #000;
  --mat-tab-inactive-hover-label-text-color: #000;
  --mat-tab-active-indicator-color: #000;
  --mat-tab-active-focus-indicator-color: #000;
  --mat-tab-active-hover-indicator-color: #000;
  --mat-tab-inactive-ripple-color: #000;
  --mat-tab-active-ripple-color: #000;
  --mat-tab-pagination-icon-color: #000;
}
.tab-send-link .mat-tab-label, .tab-send-link .mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab {
  border-radius: 100px;
  gap: 8px;
  color: rgba(0, 0, 0, 0.6);
}
.tab-send-link .mat-mdc-tab {
  position: relative;
  overflow: hidden;
}
.tab-send-link .mat-mdc-tab .mdc-tab__ripple,
.tab-send-link .mat-mdc-tab .mat-mdc-tab-ripple,
.tab-send-link .mat-mdc-tab .mdc-tab__ripple::before,
.tab-send-link .mat-mdc-tab .mat-mdc-tab-ripple .mat-ripple-element {
  border-radius: inherit;
}
.tab-send-link .mat-mdc-tab .mdc-tab__content {
  gap: 8px;
}
.tab-send-link .mat-mdc-tab .mdc-tab__text-label {
  color: rgba(0, 0, 0, 0.6);
}
.tab-send-link .mat-tab-label.active-03, .tab-send-link .active-03.mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab.active-03 {
  border-radius: 100px 0 0 100px;
}
.tab-send-link .mat-tab-label.active-03::after, .tab-send-link .active-03.mat-mdc-tab-label::after,
.tab-send-link .mat-mdc-tab.active-03::after {
  content: "";
  position: absolute;
  right: 0;
  height: 1.2rem;
  border-right: 1px solid rgba(0, 0, 0, 0.5);
  z-index: -1;
  align-self: center;
}
.tab-send-link .mat-tab-label.active-01, .tab-send-link .active-01.mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab.active-01 {
  border-radius: 0 100px 100px 0;
}
.tab-send-link .mat-tab-label.active-01::after, .tab-send-link .active-01.mat-mdc-tab-label::after,
.tab-send-link .mat-mdc-tab.active-01::after {
  content: "";
  position: absolute;
  left: 0;
  height: 1.2rem;
  border-left: 1px solid rgba(0, 0, 0, 0.5);
  z-index: -1;
  align-self: center;
}
.tab-send-link .mat-tab-label-active, .tab-send-link .mat-mdc-tab-label-active,
.tab-send-link .mat-mdc-tab.mdc-tab--active {
  background-color: #fff;
  color: #000;
  opacity: 1;
  border-radius: 100px;
  gap: 8px;
  transition: 500ms cubic-bezier(0.35, 0, 0.25, 1);
  transition-duration: var(--mat-tab-animation-duration, 250ms);
  border: 1px solid #D8D8D8;
}
.tab-send-link .mat-tab-label-active .mdc-tab__text-label, .tab-send-link .mat-mdc-tab-label-active .mdc-tab__text-label,
.tab-send-link .mat-mdc-tab.mdc-tab--active .mdc-tab__text-label {
  color: #000;
}
.tab-send-link .mat-ink-bar,
.tab-send-link .mat-mdc-ink-bar,
.tab-send-link .mdc-tab-indicator__content--underline {
  display: none;
}
.tab-send-link .mat-tab-labels,
.tab-send-link .mat-mdc-tab-labels {
  justify-content: center;
}
.tab-send-link .mat-tab-header,
.tab-send-link .mat-mdc-tab-header {
  border: none;
}
.tab-send-link .mat-tab-header .mat-tab-list,
.tab-send-link .mat-tab-header .mat-mdc-tab-list,
.tab-send-link .mat-mdc-tab-header .mat-tab-list,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list {
  display: flex;
  justify-content: center;
}
.tab-send-link .mat-tab-header .mat-tab-list .mat-tab-labels,
.tab-send-link .mat-tab-header .mat-tab-list .mat-mdc-tab-labels,
.tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-tab-labels,
.tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-tab-labels,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-mdc-tab-labels,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-tab-labels,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels {
  color: #000;
  padding: 2px;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 100px;
  background-color: #F2F2F2;
  width: fit-content;
}
.tab-send-link .mat-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label, .tab-send-link .mat-tab-header .mat-tab-list .mat-tab-labels .mat-mdc-tab-label, .tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-tab-labels .mat-mdc-tab-label, .tab-send-link .mat-tab-header .mat-tab-list .mat-mdc-tab-labels .mat-mdc-tab-label, .tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab-label,
.tab-send-link .mat-tab-header .mat-tab-list .mat-tab-labels .mat-mdc-tab,
.tab-send-link .mat-tab-header .mat-tab-list .mat-mdc-tab-labels .mat-tab-label,
.tab-send-link .mat-tab-header .mat-tab-list .mat-mdc-tab-labels .mat-mdc-tab,
.tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-tab-labels .mat-tab-label,
.tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-tab-labels .mat-mdc-tab,
.tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-tab-label,
.tab-send-link .mat-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-tab-labels .mat-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-tab-labels .mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-tab-labels .mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-mdc-tab-labels .mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-tab-labels .mat-mdc-tab,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-mdc-tab-labels .mat-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-tab-list .mat-mdc-tab-labels .mat-mdc-tab,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-tab-labels .mat-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-tab-labels .mat-mdc-tab,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-tab-label,
.tab-send-link .mat-mdc-tab-header .mat-mdc-tab-list .mat-mdc-tab-labels .mat-mdc-tab {
  height: 32px;
}

.img-card {
  display: flex;
  background: #F9FAFB;
  position: relative;
  border-radius: 12px;
  cursor: pointer;
  overflow: hidden;
  justify-content: center;
  align-items: center;
  object-fit: cover;
}
.img-card.uploaded, .img-card.error, .img-card.approve, .img-card.edit-uploaded, .img-card.upload-file, .img-card.edit, .img-card.edit-customer {
  cursor: auto;
}
.img-card.uploaded .img-container, .img-card.error .img-container, .img-card.approve .img-container, .img-card.edit-uploaded .img-container, .img-card.upload-file .img-container, .img-card.edit .img-container, .img-card.edit-customer .img-container {
  max-width: 100%;
  max-height: 100%;
  min-width: auto;
  min-height: auto;
  height: auto;
  width: auto;
}
.img-card.uploaded .cancel-button, .img-card.error .cancel-button, .img-card.approve .cancel-button, .img-card.edit-uploaded .cancel-button, .img-card.upload-file .cancel-button, .img-card.edit .cancel-button, .img-card.edit-customer .cancel-button {
  cursor: pointer;
  position: absolute;
  top: 5px;
  right: 5px;
}
.img-card.uploaded .image {
  width: 100% !important;
}
.img-card.approve-lg {
  width: 104px;
  height: 104px;
  object-fit: cover;
}
.img-card.approve-lg.active {
  border: 2px solid var(--primary-normal-1);
}
.img-card.approve-sm {
  width: 80px;
  height: 80px;
  object-fit: cover;
}
.img-card.approve-sm.active {
  border: 2px solid var(--primary-normal-1);
}
.img-card.approve-sm.unactive {
  cursor: default;
  border: 1px solid #969EA9;
  opacity: 0.6;
}
.img-card.approve-sm.disabled {
  cursor: default;
  border: 1px solid #969EA9;
  opacity: 0.5;
}
.img-card.approve-md {
  width: 40px;
  height: 40px;
}
.img-card.approve-lg {
  width: 48px;
  height: 48px;
}
.img-card.approve-md, .img-card.approve-lg {
  object-fit: cover;
}
.img-card.approve-md.active, .img-card.approve-lg.active {
  border: 2px solid var(--primary-normal-1);
}
.img-card.approve-md.unactive, .img-card.approve-lg.unactive {
  cursor: default;
  border: 1px solid #969EA9;
  opacity: 0.6;
}
.img-card.approve-md.disabled, .img-card.approve-lg.disabled {
  cursor: default;
  border: 1px solid #969EA9;
  opacity: 0.5;
}
.img-card.approve-xl {
  cursor: auto;
  width: 860px;
  height: 100%;
  border-radius: 0 0 0 8px;
  border: 0px;
  object-fit: contain;
}
.img-card.approve {
  width: 300px;
  height: 100%;
}
.img-card .card-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  align-content: center;
  text-align: center;
}
.img-card .card-content span.required::after {
  position: absolute;
  content: "*";
  color: #FF1744;
  font-size: 25px;
  top: 0;
  right: -12px;
}
.img-card.edit-customer {
  border: 1px solid #FF1744;
}
.img-card .take-image {
  position: absolute;
  border-radius: 12px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: grid;
  justify-content: center;
  align-content: center;
  font-size: 1rem;
  color: white;
  text-align: center;
  gap: 8px;
  z-index: 1;
}
.img-card .take-image i {
  font-size: 2.875rem;
  margin: auto;
}
@media only screen and (min-width: 1180px) {
  .img-card .take-image i {
    font-size: 2rem;
  }
}

.content {
  display: grid;
  margin: 20px auto 20px;
  max-width: 960px;
  gap: 16px 16px;
  justify-content: center;
}

.footer {
  background: #F9FAFB;
}

.inspect-container,
.approve-container {
  margin-top: 12px;
  display: flex;
}
.inspect-container .inspect-upload-container,
.approve-container .inspect-upload-container {
  display: flex;
  flex-direction: column;
}
.inspect-container .inspect-result-container,
.approve-container .inspect-result-container {
  display: flex;
  flex-direction: column;
}
.inspect-container .inspect-buttons-container,
.approve-container .inspect-buttons-container {
  padding: 20px;
}

.approve-container {
  margin-top: 0px;
  flex-direction: row;
  max-width: 80%;
  justify-content: space-evenly;
}
.approve-container .base-accordion.d-flex {
  display: flex;
  flex-direction: row;
}

.img-approve {
  position: relative;
}
.img-approve img {
  cursor: pointer;
  border-radius: 12px;
  height: 100%;
  width: auto;
  margin: auto;
}
.img-approve img.active {
  border: 2px solid var(--primary-normal-1);
}
.img-approve .image {
  position: relative;
  cursor: pointer;
  border-radius: 12px;
  width: 100%;
  aspect-ratio: 16/9;
  background: #000;
  overflow: hidden;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
}
.img-approve .image img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 0;
}
.img-approve .image .edit-image {
  position: absolute;
  border-radius: 12px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: grid;
  justify-content: center;
  align-content: center;
  font-size: 1rem;
  color: white;
  text-align: center;
  gap: 8px;
}
.img-approve .image .edit-image * {
  opacity: 0.8;
}
.img-approve .image .edit-image i {
  font-size: 2.875rem;
  margin: auto;
}
.img-approve .edit-image {
  position: absolute;
  border-radius: 12px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  display: grid;
  justify-content: center;
  align-content: center;
  font-size: 1rem;
  color: white;
  text-align: center;
  gap: 8px;
  z-index: 1;
}
.img-approve .edit-image * {
  opacity: 0.8;
}
.img-approve .edit-image i {
  font-size: 2.875rem;
  margin: auto;
}
.img-approve .edit-image .card-content {
  position: absolute;
  z-index: -1;
  height: 100%;
}
.img-approve .edit-image .card-content .image-svg {
  filter: grayscale(100%) brightness(60%) !important;
}

.card-download .img-approve img {
  width: 100%;
}

.error-image {
  position: absolute;
  border-radius: 12px;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  color: #F11E1E;
  background-color: rgba(253, 196, 196, 0.8);
  display: grid;
  justify-content: center;
  align-content: center;
  font-size: 1rem;
  text-align: center;
  gap: 8px;
  z-index: 1;
}
.error-image i {
  font-size: 2.875rem;
  margin: auto;
}

.img-approve-card {
  position: relative;
}
.img-approve-card img {
  cursor: pointer;
  border-radius: 12px;
  width: 100%;
  object-fit: cover;
  margin: auto;
}
.img-approve-card img.active {
  border: 2px solid var(--primary-normal-1);
}

.pagination-subtask {
  position: sticky;
  top: 62px;
  width: 100%;
  overflow-x: scroll;
  justify-content: center;
}

.pagination-img {
  position: relative;
}
.pagination-img .img-boxcard {
  height: fit-content;
  align-self: center;
}
.pagination-img .img-boxcard.main {
  padding-right: 8px;
  border-right: 1px solid #E6E6E6;
}
.pagination-img .img-boxcard .active img.img-card {
  border: 3px solid var(--primary-normal-1);
}
.pagination-img .img-boxcard.old img {
  cursor: default;
  opacity: 0.6;
}
.pagination-img .img-more {
  width: 100%;
  overflow-x: scroll;
  justify-content: start !important;
}
.pagination-img .box-detail .detail {
  border: 1px solid #E6E6E6;
}

.mat-checkbox-frame, .mat-mdc-checkbox-frame {
  border-width: 1px !important;
  border-radius: 4px !important;
  border-color: #D8D8D8;
}

[type=search]::-webkit-search-cancel-button {
  display: none;
}

@media only screen and (min-width: 1180px) {
  .img-card .card-content {
    height: 100%;
    justify-content: space-evenly;
  }
  .content {
    grid-template-columns: auto auto auto;
  }
  .content[data-page=result] {
    grid-template-columns: auto auto;
  }
  .sticky-spacer {
    display: none;
  }
  .footer {
    width: 100%;
  }
  .inspect-container {
    flex-direction: row;
    min-width: 1110px;
    justify-content: space-evenly;
  }
  .inspect-container .inspect-upload-container {
    background-color: white;
    width: 50%;
  }
  .inspect-container .inspect-result-container {
    width: 45%;
  }
  .inspect-container .inspect-buttons-container {
    display: grid;
    grid-template-columns: auto auto auto;
    margin: 8px 0 8px;
    gap: 16px 16px;
  }
  .approve-container {
    flex-direction: row;
    max-width: 90%;
    min-width: 1300px;
  }
}
.view-image-subtask {
  max-height: 90%;
  height: 86.5%;
  max-width: 100%;
  min-width: 1300px;
  margin: auto;
}

@media only screen and (max-width: 1180px) {
  .img-card.uploaded {
    width: auto;
    height: auto;
    border: 0;
  }
  .img-card.edit {
    width: auto;
    height: auto;
    border: 0;
  }
  .img-card .card-content {
    height: 100%;
    justify-content: space-evenly;
  }
  .img-card[data-compact=true] {
    width: 140px;
    height: 140px;
  }
  .zoom-damage .img-card .card-content {
    height: auto;
    display: grid;
    font-size: 12px;
  }
  .zoom-damage .img-card .card-content img {
    width: 100%;
    height: 100%;
  }
  .content {
    padding-left: 20px;
    padding-right: 20px;
    grid-template-columns: auto auto;
  }
  .sticky-spacer {
    height: 36vh;
  }
  .footer {
    position: sticky;
    width: 100vw;
    bottom: 0;
    box-shadow: 0px -2px 4px rgba(0, 0, 0, 0.1);
    padding: 15px;
  }
  .inspect-container {
    flex-direction: column;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
  }
  .inspect-container .inspect-upload-container {
    background-color: white;
    width: 100%;
  }
  .inspect-container .inspect-result-container {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 100%;
  }
  .inspect-container .inspect-buttons-container {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
  }
  .approve-container.mobile {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    display: grid;
    gap: 0;
  }
  .img-approve-card {
    padding: 8px;
  }
  .view-image-subtask {
    max-height: 90%;
    height: 88.5%;
  }
  .view-image-subtask .box-detail,
  .view-image-subtask .img-view,
  .view-image-subtask .base-accordion {
    width: 100% !important;
  }
  .view-image-subtask .pagination-img .box-detail {
    max-width: 100%;
    min-height: 100px;
  }
  .view-image-subtask .pagination-img .box-detail:nth-child(1), .view-image-subtask .pagination-img .box-detail:nth-child(2) {
    border-bottom: 1px solid #E6E6E6;
  }
  .view-image-subtask .pagination-img .box-detail:not(:nth-last-child(1)) {
    border-right: 1px solid #E6E6E6;
  }
}
.box-subtask > :nth-child(n-1):not(:last-child) {
  margin-right: 8px;
  border-right: 1px solid #E6E6E6;
}

input[type=range] {
  -webkit-appearance: none;
  width: fit-content;
  height: 4px;
  background-color: #E6E6E6;
  border-radius: 100px;
}

input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  border-radius: 20px;
  background-color: var(--primary-normal-2);
  height: 12px;
  width: 12px;
}

@media screen and (max-width: 768px) {
  .view-image-subtask {
    max-height: 90%;
    height: 88.5%;
    max-width: 100%;
    min-width: 100%;
  }
  .view-image-subtask .side-bar,
  .view-image-subtask .box-detail,
  .view-image-subtask .img-view,
  .view-image-subtask .base-accordion {
    height: auto !important;
    width: 100% !important;
  }
  .view-image-subtask .pagination-img {
    grid-template-columns: 100%;
    height: auto;
  }
  .view-image-subtask .pagination-img .box-detail {
    max-width: 100%;
    min-height: 100px;
  }
  .view-image-subtask .pagination-img .box-detail:nth-child(1), .view-image-subtask .pagination-img .box-detail:nth-child(2) {
    border-bottom: 1px solid #E6E6E6;
  }
  .view-image-subtask .pagination-img .box-detail:not(:nth-last-child(1)) {
    border-bottom: 1px solid #E6E6E6;
  }
  .view-image-subtask .pagination-img .img-card .approve-lg {
    height: 48px;
    width: 48px;
  }
  .pagination-subtask {
    justify-content: start;
  }
}
@media screen and (max-height: 414px) {
  .view-image-subtask {
    max-height: 90%;
    height: 88.5%;
  }
  .view-image-subtask .layout-image {
    height: auto;
    display: grid;
    grid-template-columns: 60% 40%;
  }
  .view-image-subtask .pagination-img {
    grid-template-columns: 100%;
  }
  .view-image-subtask .pagination-img .box-detail {
    max-width: 100%;
    min-height: 100px;
  }
  .view-image-subtask .pagination-img .box-detail:nth-child(1), .view-image-subtask .pagination-img .box-detail:nth-child(2) {
    border-bottom: 1px solid #E6E6E6;
  }
  .view-image-subtask .pagination-img .box-detail:not(:nth-last-child(1)) {
    border-right: 1px solid #E6E6E6;
  }
}
@media screen and (max-height: 414px) and (max-width: 736px) {
  .view-image-subtask {
    max-height: 90%;
    height: 88.5%;
  }
  .view-image-subtask .layout-image {
    height: auto;
    display: grid;
    grid-template-columns: 55% 45%;
  }
  .view-image-subtask .pagination-img {
    grid-template-columns: 100%;
  }
  .view-image-subtask .pagination-img .box-detail {
    max-width: 100%;
    min-height: 100px;
  }
  .view-image-subtask .pagination-img .box-detail:nth-child(1), .view-image-subtask .pagination-img .box-detail:nth-child(2) {
    border-bottom: 1px solid #E6E6E6;
  }
  .view-image-subtask .pagination-img .box-detail:not(:nth-last-child(1)) {
    border-right: 1px solid #E6E6E6;
  }
}
@media only screen and (min-width: 1400px) {
  .approve-container {
    max-width: 100%;
    display: block;
  }
}
.img-block-view {
  position: relative;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-primary {
  background: rgba(var(--primary-normal-1), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-primary {
  background: rgba(var(--primary-normal-1), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-secondary {
  background: rgba(var(--secondary-normal), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-secondary {
  background: rgba(var(--secondary-normal), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-secondary-light {
  background: rgba(var(--secondary-light), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-secondary-light {
  background: rgba(var(--secondary-light), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-text {
  background: rgba(150, 158, 169, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-text {
  background: rgba(150, 158, 169, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-body-text {
  background: rgba(0, 0, 0, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-body-text {
  background: rgba(0, 0, 0, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-background {
  background: rgba(249, 250, 251, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-background {
  background: rgba(249, 250, 251, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-success {
  background: rgba(0, 176, 107, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-success {
  background: rgba(0, 176, 107, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-success {
  background: rgba(217, 247, 229, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-success {
  background: rgba(217, 247, 229, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-alert {
  background: rgba(255, 23, 68, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-alert {
  background: rgba(255, 23, 68, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-alert {
  background: rgba(255, 220, 227, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-alert {
  background: rgba(255, 220, 227, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-warning {
  background: rgba(255, 145, 0, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-warning {
  background: rgba(255, 145, 0, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-overlay {
  background: rgba(0, 8, 18, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-overlay {
  background: rgba(0, 8, 18, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-white {
  background: rgba(255, 255, 255, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-white {
  background: rgba(255, 255, 255, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-black {
  background: rgba(0, 0, 0, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-black {
  background: rgba(0, 0, 0, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-compliance {
  background: rgba(249, 149, 0, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-compliance {
  background: rgba(249, 149, 0, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-sentiment {
  background: rgba(61, 182, 27, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-sentiment {
  background: rgba(61, 182, 27, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-communication {
  background: rgba(0, 141, 217, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-communication {
  background: rgba(0, 141, 217, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-politeness {
  background: rgba(255, 23, 148, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-politeness {
  background: rgba(255, 23, 148, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-emotional {
  background: rgba(176, 50, 189, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-emotional {
  background: rgba(176, 50, 189, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-subbody {
  background: rgba(245, 248, 250, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-subbody {
  background: rgba(245, 248, 250, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-pass {
  background: rgba(0, 171, 83, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-pass {
  background: rgba(0, 171, 83, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-edit {
  background: rgba(220, 125, 0, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-edit {
  background: rgba(220, 125, 0, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-light {
  background: rgba(178, 191, 209, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-light {
  background: rgba(178, 191, 209, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-alert-light {
  background: rgba(255, 112, 67, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-alert-light {
  background: rgba(255, 112, 67, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-warning-light {
  background: rgba(251, 192, 45, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-warning-light {
  background: rgba(251, 192, 45, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-overlay-light {
  background: rgba(121, 85, 72, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-overlay-light {
  background: rgba(121, 85, 72, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-cancel {
  background: rgba(121, 85, 72, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-cancel {
  background: rgba(121, 85, 72, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-pending {
  background: rgba(255, 112, 67, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-pending {
  background: rgba(255, 112, 67, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-pending {
  background: rgba(247, 228, 223, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-pending {
  background: rgba(247, 228, 223, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-await {
  background: rgba(251, 192, 45, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-await {
  background: rgba(251, 192, 45, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-expire {
  background: rgba(56, 64, 65, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-expire {
  background: rgba(56, 64, 65, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-pending-brown {
  background: rgba(193, 116, 25, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-pending-brown {
  background: rgba(193, 116, 25, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-background-print {
  background: rgba(246, 249, 251, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-background-print {
  background: rgba(246, 249, 251, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-black-soft {
  background: rgba(93, 93, 98, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-black-soft {
  background: rgba(93, 93, 98, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-primary-light {
  background: rgba(var(--primary-light), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-primary-light {
  background: rgba(var(--primary-light), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-assign {
  background: rgba(185, 111, 0, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-assign {
  background: rgba(185, 111, 0, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-navy-gray {
  background: rgba(58, 69, 83, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-navy-gray {
  background: rgba(58, 69, 83, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-hot-pink {
  background: rgba(254, 4, 255, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-hot-pink {
  background: rgba(254, 4, 255, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-hot-bule {
  background: rgba(1, 255, 215, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-hot-bule {
  background: rgba(1, 255, 215, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-light-gray {
  background: rgba(223, 226, 228, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-light-gray {
  background: rgba(223, 226, 228, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-gray {
  background: rgba(229, 231, 235, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-gray {
  background: rgba(229, 231, 235, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-danger_light {
  background: rgba(252, 201, 201, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-danger_light {
  background: rgba(252, 201, 201, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-background-2 {
  background: rgba(249, 250, 251, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-background-2 {
  background: rgba(249, 250, 251, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-danger {
  background: rgba(241, 30, 30, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-danger {
  background: rgba(241, 30, 30, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-info-normal {
  background: rgba(0, 102, 204, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-info-normal {
  background: rgba(0, 102, 204, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-dividers {
  background: rgba(242, 242, 242, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-dividers {
  background: rgba(242, 242, 242, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-border {
  background: rgba(209, 213, 219, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-border {
  background: rgba(209, 213, 219, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-woodsmoke {
  background: rgba(56, 64, 65, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-woodsmoke {
  background: rgba(56, 64, 65, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-disable {
  background: rgba(233, 234, 235, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-disable {
  background: rgba(233, 234, 235, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-text-body {
  background: rgba(107, 114, 128, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-text-body {
  background: rgba(107, 114, 128, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-charcoal {
  background: rgba(34, 34, 34, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-charcoal {
  background: rgba(34, 34, 34, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-gray-secondary {
  background: rgba(242, 242, 242, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-gray-secondary {
  background: rgba(242, 242, 242, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-blue {
  background: rgba(0, 56, 112, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-blue {
  background: rgba(0, 56, 112, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-blue-50 {
  background: rgba(230, 240, 250, 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-blue-50 {
  background: rgba(230, 240, 250, 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity {
  display: flex;
  position: absolute;
  z-index: 1;
  gap: 10px;
}
.img-block-view .img-activity.top {
  top: 20px;
  right: 20px;
}
.img-block-view .img-activity.top .btn {
  font-size: 18px;
}
.img-block-view .img-activity.bottom {
  bottom: 20px;
  right: 20px;
}
.img-block-view .img-activity .btn.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.6);
}
.img-block-view .img-activity .btn:hover {
  cursor: default;
  opacity: 1;
}
.img-block-view .img-activity .statusdate .btn {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 0 16px;
}
.img-block-view .img-activity .statusdate .btn.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.3);
}
.img-block-view .img-activity .statusdate .btn:hover {
  cursor: default;
  opacity: 1;
}

.guideline-text {
  text-align: center;
  color: white;
  width: 100%;
  position: absolute;
  z-index: 6;
  bottom: 0;
  font-size: 1rem;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 8px 12px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: center;
}
.guideline-text.guide-warning {
  background-color: rgba(255, 132, 0, 0.502);
}

.guideline-img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.guideline-img.guide-warning {
  filter: invert(57%) sepia(96%) saturate(2590%) hue-rotate(360deg) brightness(102%) contrast(106%);
}

.guide-quality {
  background: #222222;
  width: 80%;
  height: auto;
  border-radius: 12px;
  padding: 12px;
  gap: 4px;
  text-align: start;
}
.guide-quality .quality-status {
  color: #F79400;
  width: 100%;
  font-size: 10px;
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: start;
}

.camera-pannel {
  display: grid;
  align-items: center;
  justify-items: center;
  width: 100%;
}
.camera-pannel .btn-retake {
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0);
}

.more-image .img-default {
  color: #b2bfd1;
}
.more-image .img-default .img-card {
  border: 1px dashed;
}
.more-image input[type=text] {
  width: 100%;
}

::-webkit-scrollbar {
  width: 0px;
  background: transparent;
  /* make scrollbar transparent */
}

.mark-list {
  font-size: 16px;
}
.mark-list li::marker {
  font-size: larger;
  list-style-type: disc;
  color: var(--green-600);
}

.inspector-mobile-only-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 40px 20px;
  border-radius: 12px;
  text-align: center;
  min-height: 260px;
  height: 100%;
}
.inspector-mobile-only-state__icon {
  font-size: 40px;
  width: 40px;
  height: 40px;
  color: rgba(0, 0, 0, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
}
.inspector-mobile-only-state__text {
  font-size: 16px;
  line-height: 1.5;
  color: rgba(0, 0, 0, 0.87);
  margin: 0;
}
.inspector-mobile-only-state__text strong {
  font-family: "Noto Sans Thai SemiBold", sans-serif;
  font-weight: 600;
}

@media only screen and (max-width: 1180px) {
  .modal {
    width: 344px;
    height: 344px;
  }
}
.modal {
  position: fixed;
  z-index: 1000;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 25vw;
}
.modal .modal-dialog {
  border: 1px solid transparent;
  border-radius: 12px;
  background: white;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0;
  box-shadow: 1px 1px 5px rgba(136, 136, 136, 0.78);
}
.modal .modal-dialog-bgsecond {
  border: 1px solid transparent;
  border-radius: 12px;
  background: #F9FAFB;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border: 0;
}
.modal .modal-dialog-bgsecond .modal-logo img,
.modal .modal-dialog .modal-logo img {
  height: auto;
  width: auto;
  max-width: 100%;
  max-height: 50vh;
}
.modal .modal-dialog-bgsecond .modal-header,
.modal .modal-dialog .modal-header {
  color: var(--green-600);
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 21px;
}
.modal .modal-dialog-bgsecond .modal-body .approve-confirme,
.modal .modal-dialog .modal-body .approve-confirme {
  max-height: 60vh;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal .modal-dialog-bgsecond .modal-body .approve-confirme *,
.modal .modal-dialog .modal-body .approve-confirme * {
  font-size: 16px;
  line-height: 1.6;
}
.modal .modal-dialog-bgsecond .modal-body .approve-confirme .remark,
.modal .modal-dialog .modal-body .approve-confirme .remark {
  max-height: 350px;
  overflow-x: hidden;
  overflow-y: scroll;
}
.modal .modal-dialog-bgsecond .modal-body .approval-confirme,
.modal .modal-dialog .modal-body .approval-confirme {
  font-size: 16px;
  line-height: 1.6;
  color: rgba(0, 0, 0, 0.6);
}
.modal .modal-dialog-bgsecond .modal-body .modal-inspect-body,
.modal .modal-dialog .modal-body .modal-inspect-body {
  font-size: 16px;
  display: grid;
  gap: 16px;
  justify-content: center;
  overflow: scroll;
}
.modal .modal-dialog-bgsecond .modal-body .modal-inspect-uploaded-body,
.modal .modal-dialog .modal-body .modal-inspect-uploaded-body {
  max-height: 60vh;
  overflow: scroll;
}
.modal .modal-dialog-bgsecond .modal-actions,
.modal .modal-dialog .modal-actions {
  background: white;
  border-radius: 0px 0px 8px 8px;
}
.modal .modal-dialog-bgsecond .modal-actions *,
.modal .modal-dialog .modal-actions * {
  font-size: 16px;
}
.modal .modal-dialog-bgsecond .modal-actions * input[type=checkbox],
.modal .modal-dialog .modal-actions * input[type=checkbox] {
  font-size: 12px;
}
.modal .zoom-damage .camera-view,
.modal .more-image .camera-view {
  height: 100vh;
  width: 100vw;
}

.modal-overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.network-detect .modal {
  top: 35vh !important;
}

@media only screen and (max-width: 1180px) {
  .modal {
    height: 100%;
    width: 95vw !important;
  }
  .modal .modal-inspect-body {
    max-height: 60vh;
  }
  .modal .modal-inspect-uploaded-body {
    max-height: 60vh;
  }
  .zoom-damage .camera-view {
    top: -4vh !important;
    left: -1.1vh !important;
  }
  .more-image .camera-view {
    top: -14vh !important;
    left: -2.25vh !important;
  }
  .guide-modal .modal {
    width: 90vw !important;
  }
}
@media only screen and (max-height: 450px) {
  .modal {
    height: 100%;
    width: 50vw !important;
  }
  .modal .modal-inspect-body {
    max-height: 55vh;
  }
  .modal .modal-inspect-uploaded-body {
    max-height: 40vh !important;
  }
  .zoom-damage .camera-view {
    top: 2.9vh !important;
    left: -5vh !important;
  }
  .zoom-damage .camera-view * video {
    top: 2.9vh !important;
    left: -5.1vh !important;
  }
  .more-image .camera-view {
    top: -7.2vh !important;
    left: -11vh !important;
  }
  .more-image .camera-view * video {
    top: -7.2vh !important;
    left: -11vh !important;
  }
  .network-detect .modal {
    top: 25vh !important;
    width: 50vw !important;
  }
}
@media only screen and (min-width: 1180px) {
  .uploaded-detail .modal {
    width: 50vw !important;
  }
  .img-card.upload-file .img-container {
    height: auto;
    width: auto;
  }
  .img-card.view {
    height: 45vh !important;
  }
  .uploaded-other-detail .modal {
    width: 35vw !important;
  }
  .uploaded-additional-detail .modal {
    width: 40vw !important;
  }
  .uploaded-additional-detail .modal .img-card {
    width: auto;
    height: auto;
    max-height: 55vh;
  }
  .uploaded-view-detail .modal {
    width: 60vw !important;
  }
  .uploaded-view-detail .modal .img-card {
    width: auto;
    height: auto;
  }
  .uploaded-view-detail .modal .img-card.upload-file .img-container {
    max-height: 60vh;
  }
}
.modal-header-complete {
  display: grid;
  gap: 8px;
}

.portrait-alert-content {
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: center;
  width: 100%;
  height: 100%;
  color: white;
  position: absolute;
  z-index: 20;
  top: 0;
  background: rgba(0, 0, 0, 0.8);
  padding: 16px;
}
.portrait-alert-content .rotate-guide {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  border-radius: 20px;
  height: 100%;
  padding: 0;
}
.portrait-alert-content .rotate-guide .text-content {
  display: grid;
  gap: 12px;
  text-align: center;
  font-size: 20px;
}

.pulse_background {
  animation: pulse 400ms infinite alternate;
}
@keyframes pulse {
  0% {
    background-color: rgba(255, 145, 0, 0.6);
  }
  100% {
    background-color: rgba(255, 145, 0, 0.8);
  }
}
.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-1 {
  padding: 4px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-2 {
  padding: 8px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-3 {
  padding: 12px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-4 {
  padding: 16px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-5 {
  padding: 20px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-6 {
  padding: 24px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-7 {
  padding: 28px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-8 {
  padding: 32px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-9 {
  padding: 36px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-10 {
  padding: 40px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-11 {
  padding: 44px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-12 {
  padding: 48px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-13 {
  padding: 52px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-14 {
  padding: 56px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-15 {
  padding: 60px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.base-accordion {
  display: block;
  row-gap: 10px;
  position: relative;
  z-index: 0;
}
.base-accordion .base-accordion-item-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 8px 12px;
  min-height: 50px;
}
.base-accordion .base-accordion-item-header.pa-16 {
  padding: 64px;
}
.base-accordion .base-accordion-item-description {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  column-gap: 10px;
}
.base-accordion .base-accordion-item-description .item-button {
  background: #FFFFFF;
  border: 1px solid #E6E6E6;
  box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.05);
  border-radius: 12px;
}
.base-accordion .base-accordion-item-description .item-button:hover {
  cursor: pointer;
  background: rgba(0, 132, 190, 0.2);
}
.base-accordion .base-accordion-item-body {
  display: flex;
  flex-direction: column;
  row-gap: 20px;
  padding: 20px 16px;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-height: 80px;
  width: 100%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 40%;
  text-align: end;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 35%;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body .accordion-text-topic-wrapper.text-start * {
  text-align: start !important;
}
.base-accordion .base-accordion-item-body.status {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper .accordion-text-topic:not(.tooltip-block) div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.info {
  padding: 0;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 45%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 55%;
}
.base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-body.status-button {
  padding: 0;
  height: auto;
  max-height: 82vh;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 35%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 65%;
}
.base-accordion .base-accordion-item-body.status-button .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion-item-body {
  background-color: transparent;
  padding: 0 16px;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion .base-accordion-item-header:hover {
  cursor: auto;
  background-color: transparent;
}
.base-accordion .base-accordion-item-body.status-button .base-accordion {
  max-height: 700px;
  position: relative;
  overflow-y: scroll;
  height: 100vh;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.bottom.sticky {
  position: sticky;
}
.base-accordion .base-accordion-item-body.status-button .approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}
.base-accordion .base-accordion-item-body.damege-comment {
  padding: 0;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.damege-comment .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.image-approve {
  padding: 0;
}
.base-accordion .base-accordion-item-body.image-approve .body {
  padding: 0;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic {
  line-height: 24.18px;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 50%;
}
.base-accordion .base-accordion-item-body.customer-card .accordion-text-topic-wrapper:nth-child(2) {
  border-left: none;
}
.base-accordion .base-accordion-item-body.summary {
  display: block;
  padding: 0;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:first-child {
  width: 55%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper .accordion-text-topic div:nth-child(2) {
  width: 45%;
}
.base-accordion .base-accordion-item-body.summary .accordion-text-topic-wrapper:nth-child(2) {
  border-left: 1px dashed #969EA9;
}
.base-accordion .base-accordion-item-header:hover {
  cursor: pointer;
  background-color: #eee;
}

.accordion-text-block {
  display: flex;
  flex-direction: row;
  width: 100%;
  column-gap: 20px;
  word-wrap: break-word;
}

@media only screen and (max-width: 1180px) {
  .base-accordion .base-accordion-item-body {
    padding: 8px;
  }
  .inspect-view.base-accordion .base-accordion-item-body {
    padding: 0;
  }
  .damage-block.base-accordion .base-accordion-item-body {
    padding: 8px;
  }
  .base-accordion .base-accordion-item-body.status .accordion-text-topic-wrapper:nth-child(2),
  .base-accordion .base-accordion-item-body.info .accordion-text-topic-wrapper:nth-child(2) {
    border: 0px;
  }
  .base-accordion .base-accordion-item-body.row-ga-0 {
    row-gap: 0;
  }
}
select {
  background: #FFFFFF;
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-radius: 8px;
  min-height: 35px;
  font-size: 16px;
  appearance: none;
  background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
  background-position: calc(100% - 11px) calc(1em + 2px), calc(100% - 6px) calc(1em + 2px);
  background-size: 5px 5px, 5px 5px;
  background-repeat: no-repeat;
  padding: 8px 20px 8px 8px;
}
select:disabled {
  opacity: 0.6;
  box-shadow: none;
  background: #E9EAEB;
}
select:invalid,
select option[value=""] {
  color: #999999;
}
select::before {
  content: "▼";
  font-size: 1rem;
  top: 6px;
  right: 10px;
  position: absolute;
}

.multi-select.mat-mdc-form-field .mat-mdc-text-field-wrapper,
.date-pickup.mat-mdc-form-field .mat-mdc-text-field-wrapper {
  border-radius: 8px;
}
.multi-select.mat-mdc-form-field .mdc-notched-outline__leading,
.multi-select.mat-mdc-form-field .mdc-notched-outline__notch,
.multi-select.mat-mdc-form-field .mdc-notched-outline__trailing,
.date-pickup.mat-mdc-form-field .mdc-notched-outline__leading,
.date-pickup.mat-mdc-form-field .mdc-notched-outline__notch,
.date-pickup.mat-mdc-form-field .mdc-notched-outline__trailing {
  border-color: var(--border) !important;
  border-width: 1px !important;
}
.multi-select.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline .mdc-notched-outline__leading,
.multi-select.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.multi-select.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline .mdc-notched-outline__trailing,
.date-pickup.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline .mdc-notched-outline__leading,
.date-pickup.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline .mdc-notched-outline__notch,
.date-pickup.mat-mdc-form-field:hover:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--primary-normal-1) !important;
}
.multi-select.mat-mdc-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__leading,
.multi-select.mat-mdc-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__notch,
.multi-select.mat-mdc-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__trailing,
.date-pickup.mat-mdc-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__leading,
.date-pickup.mat-mdc-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__notch,
.date-pickup.mat-mdc-form-field.mat-focused .mdc-notched-outline .mdc-notched-outline__trailing {
  border-color: var(--primary-normal-1) !important;
  border-width: 2px !important;
}
.multi-select.mat-mdc-form-field .mdc-notched-outline__leading,
.date-pickup.mat-mdc-form-field .mdc-notched-outline__leading {
  border-radius: 8px 0 0 8px;
}
.multi-select.mat-mdc-form-field .mdc-notched-outline__trailing,
.date-pickup.mat-mdc-form-field .mdc-notched-outline__trailing {
  border-radius: 0 8px 8px 0;
}
.multi-select.mat-mdc-form-field .mat-mdc-form-field-infix,
.date-pickup.mat-mdc-form-field .mat-mdc-form-field-infix {
  min-height: 35px;
  padding: 6px 0 !important;
  border-top: 0 !important;
}
.multi-select.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button,
.date-pickup.mat-mdc-form-field .mat-mdc-form-field-icon-suffix .mat-mdc-icon-button {
  width: 2em;
  height: 2em;
  font-size: inherit;
  padding: 8px;
}
.multi-select.mat-mdc-form-field,
.date-pickup.mat-mdc-form-field {
  /* Target the button wrapper */
}
.multi-select.mat-mdc-form-field .mat-datepicker-toggle,
.date-pickup.mat-mdc-form-field .mat-datepicker-toggle {
  height: 24px;
  /* Adjust button height */
  width: 24px;
  /* Adjust button width */
  padding: 0;
}
.multi-select.mat-mdc-form-field,
.date-pickup.mat-mdc-form-field {
  /* Target the default SVG icon inside the button */
}
.multi-select.mat-mdc-form-field .mat-datepicker-toggle-default-icon,
.date-pickup.mat-mdc-form-field .mat-datepicker-toggle-default-icon {
  width: 18px;
  /* Adjust icon width */
  height: 18px;
  /* Adjust icon height */
}
.multi-select.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper,
.date-pickup.mat-mdc-form-field .mat-mdc-form-field-subscript-wrapper {
  display: none !important;
}
.multi-select .mat-mdc-select-arrow,
.date-pickup .mat-mdc-select-arrow {
  color: black;
}
.multi-select.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick, .multi-select.mat-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick, .multi-select.mat-focused.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick, .multi-select.mat-focused.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick,
.date-pickup.mat-form-field-appearance-outline.mat-focused .mat-form-field-outline-thick,
.date-pickup.mat-form-field-appearance-outline.mat-focused .mat-mdc-form-field-outline-thick,
.date-pickup.mat-focused.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick,
.date-pickup.mat-focused.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick {
  color: #D8D8D8;
}
.multi-select.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick, .multi-select.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-mdc-form-field-outline-thick, .multi-select.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-form-field-outline-thick, .multi-select.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-mdc-form-field-outline-thick, .multi-select.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick, .multi-select.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-mdc-form-field-outline-thick, .multi-select.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-form-field-outline-thick, .multi-select.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-mdc-form-field-outline-thick,
.date-pickup.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick,
.date-pickup.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-mdc-form-field-outline-thick,
.date-pickup.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-form-field-outline-thick,
.date-pickup.mat-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-mdc-form-field-outline-thick,
.date-pickup.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-form-field-outline-thick,
.date-pickup.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-form-field-flex:hover .mat-mdc-form-field-outline-thick,
.date-pickup.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-form-field-outline-thick,
.date-pickup.mat-mdc-form-field-appearance-outline:not(.mat-form-field-disabled):not(.mat-mdc-form-field-disabled) .mat-mdc-form-field-flex:hover .mat-mdc-form-field-outline-thick {
  color: #D8D8D8;
}
.multi-select.mat-form-field.mat-focused.mat-primary .mat-select-arrow, .multi-select.mat-form-field.mat-focused.mat-primary .mat-mdc-select-arrow, .multi-select.mat-focused.mat-primary.mat-mdc-form-field .mat-select-arrow, .multi-select.mat-focused.mat-primary.mat-mdc-form-field .mat-mdc-select-arrow,
.date-pickup.mat-form-field.mat-focused.mat-primary .mat-select-arrow,
.date-pickup.mat-form-field.mat-focused.mat-primary .mat-mdc-select-arrow,
.date-pickup.mat-focused.mat-primary.mat-mdc-form-field .mat-select-arrow,
.date-pickup.mat-focused.mat-primary.mat-mdc-form-field .mat-mdc-select-arrow {
  color: black;
}
.multi-select.mat-form-field-appearance-outline .mat-select-arrow-wrapper, .multi-select.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper, .multi-select.mat-mdc-form-field-appearance-outline .mat-select-arrow-wrapper, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
.date-pickup.mat-form-field-appearance-outline .mat-select-arrow-wrapper,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-select-arrow-wrapper,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-select-arrow-wrapper,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-select-arrow-wrapper {
  transform: translateY(0%) !important;
}
.multi-select.mat-form-field-infix, .multi-select.mat-mdc-form-field-infix,
.date-pickup.mat-form-field-infix,
.date-pickup.mat-mdc-form-field-infix {
  border-top: 0.44375em solid transparent;
}
.multi-select.mat-form-field-appearance-outline .mat-form-field-outline, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline {
  color: #D8D8D8;
  border-radius: 12px;
}
.multi-select.mat-form-field-appearance-outline .mat-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-start {
  border-radius: 12px 0 0 8px;
}
.multi-select.mat-form-field-appearance-outline .mat-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-form-field-outline-end, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-end {
  min-width: 8px;
}
.multi-select.mat-form-field-appearance-outline .mat-form-field-outline-end, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-end {
  border-radius: 0 8px 8px 0;
}
.multi-select.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-start, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-start, .multi-select.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-end, .multi-select.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-end, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-end, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-end,
.multi-select .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
.multi-select .mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-gap,
.multi-select .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.multi-select .mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.multi-select .mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
.multi-select .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-gap,
.multi-select .mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.multi-select .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-start,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-start,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-end,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-end,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-end,
.date-pickup .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
.date-pickup .mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-gap,
.date-pickup .mat-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.date-pickup .mat-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-form-field-outline-gap,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-form-field-outline-gap,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-form-field-outline-thick .mat-mdc-form-field-outline-gap,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-outline-thick .mat-mdc-form-field-outline-gap {
  border-width: 1px;
}
.multi-select.mat-form-field-appearance-outline .mat-form-field-infix, .multi-select.mat-form-field-appearance-outline .mat-mdc-form-field-infix, .multi-select.mat-mdc-form-field-appearance-outline .mat-form-field-infix, .multi-select.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix, .multi-select.mat-form-field-infix, .multi-select.mat-mdc-form-field-infix,
.date-pickup.mat-form-field-appearance-outline .mat-form-field-infix,
.date-pickup.mat-form-field-appearance-outline .mat-mdc-form-field-infix,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-form-field-infix,
.date-pickup.mat-mdc-form-field-appearance-outline .mat-mdc-form-field-infix,
.date-pickup.mat-form-field-infix,
.date-pickup.mat-mdc-form-field-infix {
  padding: 0.7em 0 0.7em 0;
  border-top: 0.44375em solid transparent;
}
.multi-select .mat-datepicker-toggle-active,
.date-pickup .mat-datepicker-toggle-active {
  color: black;
}
.multi-select .mat-form-field-appearance-outline .mat-form-field-prefix, .multi-select .mat-form-field-appearance-outline .mat-mdc-form-field-prefix, .multi-select .mat-mdc-form-field-appearance-outline .mat-form-field-prefix, .multi-select .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix,
.multi-select .mat-form-field-appearance-outline .mat-form-field-suffix,
.multi-select .mat-form-field-appearance-outline .mat-mdc-form-field-suffix,
.multi-select .mat-mdc-form-field-appearance-outline .mat-form-field-suffix,
.multi-select .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix,
.date-pickup .mat-form-field-appearance-outline .mat-form-field-prefix,
.date-pickup .mat-form-field-appearance-outline .mat-mdc-form-field-prefix,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-form-field-prefix,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-prefix,
.date-pickup .mat-form-field-appearance-outline .mat-form-field-suffix,
.date-pickup .mat-form-field-appearance-outline .mat-mdc-form-field-suffix,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-form-field-suffix,
.date-pickup .mat-mdc-form-field-appearance-outline .mat-mdc-form-field-suffix {
  top: 0.35em;
}

.multi-select-overlay-panel .mat-mdc-option {
  padding: 0 !important;
  min-height: 35px;
}
.multi-select-overlay-panel .mat-menu-item, .multi-select-overlay-panel .mat-mdc-menu-item {
  line-height: 35px;
  height: 35px;
  width: 100%;
}
.multi-select-overlay-panel .mat-mdc-option .mat-icon {
  margin-right: 0px;
}
.multi-select-overlay-panel .mat-pseudo-checkbox, .multi-select-overlay-panel .mat-mdc-pseudo-checkbox {
  display: none !important;
}
.multi-select-overlay-panel .mat-mdc-option:hover:not(.mat-mdc-option-disabled),
.multi-select-overlay-panel .mat-mdc-option:focus:not(.mat-mdc-option-disabled) {
  background: none !important;
}
.multi-select-overlay-panel .mat-select-panel .mat-optgroup-label, .multi-select-overlay-panel .mat-select-panel .mat-mdc-optgroup-label, .multi-select-overlay-panel .mat-mdc-select-panel .mat-optgroup-label, .multi-select-overlay-panel .mat-mdc-select-panel .mat-mdc-optgroup-label,
.multi-select-overlay-panel .mat-select-panel .mat-mdc-option,
.multi-select-overlay-panel .mat-mdc-select-panel .mat-mdc-option {
  line-height: 35px;
  height: 35px;
}
.multi-select-overlay-panel .menu-label {
  width: max-content;
}
.multi-select-overlay-panel div.mat-mdc-select-panel {
  --mat-select-container-elevation-shadow: 0 4px 6px -1px #0000001a;
  border: 1px solid #D8D8D8;
  border-radius: 8px !important;
}

.multi-select .mat-form-field-wrapper, .multi-select .mat-mdc-form-field-wrapper {
  padding: 0;
}

.mat-primary .mat-mdc-option.mat-selected:not(.mat-mdc-option-disabled) {
  color: black;
}

.mat-primary .mat-pseudo-checkbox-checked, .mat-primary .mat-mdc-pseudo-checkbox-checked,
.mat-primary .mat-pseudo-checkbox-indeterminate,
.mat-primary .mat-mdc-pseudo-checkbox-indeterminate {
  background: var(--primary-normal-1);
}

.mat-select-panel, .mat-mdc-select-panel {
  max-height: 456px !important;
  border: 1px solid #D8D8D8;
  border-radius: 8px !important;
}

.camera-lists-container {
  color: #ffffff;
  width: fit-content;
  display: flex;
  justify-content: center;
  border-radius: 20px;
  top: 10px;
}

.camera-lists {
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 2px 8px 2px 8px;
  border-radius: 20px;
  color: #ffffff;
  min-height: 25px;
  border: none;
}
.camera-lists option {
  text-align: center;
  color: #ffffff;
  font-size: 12px;
}

.example-tree-invisible {
  display: none;
}

.example-tree ul,
.example-tree li {
  margin-top: 0;
  margin-bottom: 0;
  list-style-type: none;
}

/*
 * This padding sets alignment of the nested nodes.
 */
.example-tree .mat-nested-tree-node div[role=group] {
  padding-left: 20px;
}

/*
 * Padding for leaf nodes.
 * Leaf nodes need to have padding so as to align with other non-leaf nodes
 * under the same parent.
 */
.example-tree div[role=group] > .mat-tree-node {
  padding-left: 22px;
  max-height: 35px;
  min-height: 35px;
}

.mat-tree-node {
  max-height: 35px;
  min-height: 35px;
}
.mat-tree-node .content-wrapper {
  display: flex;
  align-items: center;
}
.mat-tree-node .mat-icon-button,
.mat-tree-node .mat-mdc-icon-button {
  width: 26px;
  height: 26px;
  line-height: 26px;
  margin-left: -4px;
  padding: 0;
}
.mat-tree-node .mat-menu-item, .mat-tree-node .mat-mdc-menu-item {
  line-height: 35px;
  height: 35px;
  padding: 0;
  width: 100%;
}

.link-login-select select {
  /* Firefox */
  /* Safari and Chrome */
  appearance: none;
  background: url("/assets/icons/svg/down_line.svg");
  background-repeat: no-repeat;
  background-position: right 0.45rem top 50%;
  background-size: 1.5rem auto;
}

.mat-menu-item,
.mat-mdc-menu-item {
  line-height: 35px;
  height: 35px;
  width: 100%;
  background: white;
  border: 0;
  display: flex;
  align-items: center;
  padding: 0 16px;
  gap: 6px;
}
.mat-menu-item .mat-icon,
.mat-mdc-menu-item .mat-icon {
  margin-right: 0px;
  color: rgba(0, 0, 0, 0.5411764706);
}
.mat-menu-item .mat-icon.checked,
.mat-mdc-menu-item .mat-icon.checked {
  color: var(--primary-normal-1);
}
.mat-menu-item .menu-icons,
.mat-mdc-menu-item .menu-icons {
  display: contents;
}

.filter-menu .mat-mdc-menu-content {
  max-height: 380px;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 8px 0px;
}

.mat-mdc-menu-panel {
  border: 1px solid #D8D8D8;
  border-radius: 8px !important;
  --mat-menu-container-elevation-shadow: 0 4px 6px -1px #0000001a;
}

.mat-mdc-menu-panel.damage-part-filter {
  max-width: calc(100% - 10px);
}

.filter-tree-menu .mat-mdc-menu-content {
  max-height: 380px;
  overflow-y: auto;
  padding: 12px !important;
  display: grid;
}
.filter-tree-menu .menu-checkbox-item {
  display: flex;
  align-items: center;
  gap: 6px;
}
.filter-tree-menu .menu-icons {
  display: inline-flex;
  align-items: center;
  width: 24px;
}
.filter-tree-menu .menu-label {
  display: inline-block;
}
.filter-tree-menu .mat-tree-node {
  min-height: 35px;
  align-items: center;
  gap: 6px;
}
.filter-tree-menu .mat-tree-node > button[mat-icon-button] {
  width: 18px;
  height: 18px;
  line-height: 18px;
  padding: 0;
  margin-right: 4px;
  flex: 0 0 18px;
}
.filter-tree-menu .mat-tree-node > button[mat-icon-button] .mat-icon {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 18px;
}
.filter-tree-menu .mat-menu-item,
.filter-tree-menu .mat-mdc-menu-item {
  line-height: 35px;
  height: 35px;
  min-height: 35px;
  padding: 0;
  width: 100%;
  gap: 6px;
}
.filter-tree-menu .check-all .mat-menu-item .mat-icon,
.filter-tree-menu .check-all .mat-mdc-menu-item .mat-icon {
  margin-right: 0px;
}
.filter-tree-menu .mat-menu-item.selected .mat-icon.empty,
.filter-tree-menu .mat-mdc-menu-item.selected .mat-icon.empty {
  display: none;
}
.filter-tree-menu .mat-menu-item.selected .mat-icon.checked,
.filter-tree-menu .mat-mdc-menu-item.selected .mat-icon.checked {
  display: unset;
}

.filter-button:disabled {
  pointer-events: none;
  opacity: 0.5;
}

.filter-category-menu .mat-mdc-menu-content {
  padding: 12px !important;
  display: grid;
}

.mat-mdc-menu-trigger .mdc-button__label {
  width: 100%;
  text-align: center;
}

.filter-category-menu .mat-mdc-menu-content {
  max-height: 330px;
  padding: 12px !important;
  display: flex;
  flex-direction: column;
}

.filter-category-menu .mat-mdc-menu-panel {
  max-height: 360px !important;
  padding: 0 !important;
}

.filter-category-menu .actions-footer {
  display: flex;
  gap: 16px;
  justify-content: center;
  margin-top: auto;
  padding-top: 10px;
  background-color: white;
  z-index: 10;
  position: sticky;
  bottom: 0;
  padding-bottom: 10px;
}

.filter-category-menu .actions-footer button {
  padding: 4px 12px;
  border-radius: 8px;
  font-size: 0.875rem;
  min-height: 28px;
  width: 147px;
  height: 28px;
  line-height: 1;
}

.filter-category-menu .actions-footer button.cancel {
  border: 1px solid;
  border-color: #b6b6b6 !important;
  color: #000000 !important;
  background-color: white !important;
  padding: 8px 16px;
}

.filter-category-menu .actions-footer button.bg-blue-500 {
  background-color: var(--primary-normal-1) !important;
  color: white !important;
}

.filter-category-menu .filter-search .fa-solid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.filter-category-menu .filter-search .left-8px {
  left: 8px;
}

.filter-category-menu .filter-search .right-12px {
  right: 12px;
}

.scrollable-tree-wrapper {
  max-height: 190px;
  overflow-y: auto;
  padding-right: 10px;
  padding-left: 10px;
}

.custom-mat-tree .mat-tree-node {
  min-height: 25px !important;
}

.custom-mat-tree .selectable-tree-node:hover {
  background-color: #E6F3F9;
  cursor: pointer;
  width: 100%;
  box-sizing: border-box;
}

.custom-mat-tree .selectable-tree-node.bg-blue-500 {
  background-color: #005186;
  color: white;
  width: 100%;
  box-sizing: border-box;
}

.filter-menu .filter-search .fa-solid,
.filter-category-menu .filter-search .fa-solid,
.multi-select .filter-search .fa-solid,
.filter-tree-menu .filter-search .fa-solid {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.filter-menu .filter-search .left-8px,
.filter-category-menu .filter-search .left-8px,
.multi-select .filter-search .left-8px,
.filter-tree-menu .filter-search .left-8px {
  left: 8px;
}
.filter-menu .filter-search .right-12px,
.filter-category-menu .filter-search .right-12px,
.multi-select .filter-search .right-12px,
.filter-tree-menu .filter-search .right-12px {
  right: 12px;
}

:root {
  --mat-select-trigger-text-size: 14px !important;
}

owl-carousel-o {
  width: 100%;
}

.owl-item {
  /* height: 100vh; */
  width: 100%;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: 50% 50%;
}

/* img {
  width: 100%;
  height: auto;
  max-width: 99vh;
} */
/* Feel free to change duration  */
.animated {
  animation-duration: 1000 ms;
  animation-fill-mode: both;
}

/* .owl-animated-out - only for current item */
/* This is very important class. Use z-index if you want move Out item above In item */
.owl-animated-out {
  z-index: 1;
}

/* .owl-animated-in - only for upcoming item
/* This is very important class. Use z-index if you want move In item above Out item */
.owl-animated-in {
  z-index: 0;
}

/* .fadeOut is style taken from Animation.css and this is how it looks in owl.carousel.css:  */
.fadeOut {
  animation-name: fadeOut;
}
@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
/* Crousel css*/
.crousel {
  position: relative;
  padding: 20px;
}
.crousel .itm {
  text-align: center;
}
.crousel .itm img {
  border-radius: 12px;
  height: 25vh;
  width: 100%;
  object-fit: cover;
  margin: auto;
}
.crousel .owl-theme .owl-nav [class*=owl-] {
  color: var(--primary-normal-1);
  background: transparent;
  margin: 0;
}
.crousel .owl-theme .owl-dots {
  margin-top: -25px;
  z-index: -1;
}
.crousel .owl-theme .owl-dots .owl-dot.active span, .crousel .owl-theme .owl-dots .owl-dot:hover span {
  background: var(--primary-normal-1);
}
.crousel .image-approve-guide {
  border-radius: 12px;
  width: 100%;
  height: 25vh;
  justify-content: center;
  align-items: center;
  display: flex;
}
.crousel .image-approve-guide img {
  width: 100px;
  height: 100px;
}
.crousel .image-approve-guide.image-ADD {
  background: rgba(var(--primary-normal-1), 0.1);
  border: 1px dashed var(--primary-normal-1);
}
.crousel .image-approve-guide.image-NEW {
  height: 18.1818181818vh;
  background: rgba(251, 192, 45, 0.1);
  border: 1px solid rgb(251, 192, 45);
}

.crousel :not(.multi-page) .owl-theme .owl-nav {
  display: none;
}
.crousel :not(.multi-page) .owl-theme .owl-dots {
  display: block;
  margin-top: 13px;
}

.crousel .add-card .owl-theme .owl-nav {
  display: none;
}
.crousel .add-card .owl-theme .owl-dots {
  display: none;
  margin-top: 0;
}

.image-paginator .container1 {
  display: flex;
  position: relative;
  justify-content: center;
}
.image-paginator .cards-ex {
  width: 50%;
  overflow: hidden;
}
.image-paginator .overflow-ex {
  position: relative;
  transition: left 0.5s ease-in-out;
}
.image-paginator .card-ex {
  background-color: transparent;
  border-radius: 5px;
  display: inline-block;
  margin-right: 10px;
  position: relative;
}
.image-paginator .no-right-margin-ex {
  margin-right: 0px;
}
.image-paginator .card-ex span {
  font-size: 48px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.image-paginator .left-ex,
.image-paginator .right-ex {
  height: 30px;
  width: 30px;
  background-color: #0072bc;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.image-paginator .left-ex.disabled, .image-paginator .right-ex.disabled {
  background-color: #CCC;
}
.image-paginator .left-ex {
  left: 0;
}
.image-paginator .right-ex {
  right: 0;
}
.image-paginator .page {
  position: absolute;
  display: flex;
  bottom: 10px;
}
.image-paginator .page-index {
  position: absolute;
  display: flex;
  top: 10px;
  justify-content: center;
}
.image-paginator .page-index .index::after {
  content: "\a";
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #E6E6E6;
  display: inline-block;
  margin: 0 5px;
}
.image-paginator .page-index .index.active::after {
  background: var(--primary-normal-1);
}

.carousel {
  position: relative;
}

.carousel.pointer-event {
  touch-action: pan-y;
}

.carousel-inner {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.carousel-item {
  position: relative;
  display: none;
  float: left;
  width: 100%;
  margin-right: -100%;
  backface-visibility: hidden;
  transition: transform 0.6s ease-in-out;
}

.carousel-item.active,
.carousel-item-next,
.carousel-item-prev {
  display: block;
}

.carousel-item-next:not(.carousel-item-start),
.active.carousel-item-end {
  transform: translateX(100%);
}

.carousel-item-prev:not(.carousel-item-end),
.active.carousel-item-start {
  transform: translateX(-100%);
}

.carousel-fade .carousel-item {
  opacity: 0;
  transition-property: opacity;
  transform: none;
}
.carousel-fade .carousel-item.active,
.carousel-fade .carousel-item-next.carousel-item-start,
.carousel-fade .carousel-item-prev.carousel-item-end {
  z-index: 1;
  opacity: 1;
}
.carousel-fade .active.carousel-item-start,
.carousel-fade .active.carousel-item-end {
  z-index: 0;
  opacity: 0;
  transition: opacity 0s 0.6s;
}

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 15%;
  padding: 0;
  color: #fff;
  text-align: center;
  background: none;
  border: 0;
  opacity: 0.5;
  transition: opacity 0.15s ease;
}
.carousel-control-prev:hover, .carousel-control-prev:focus,
.carousel-control-next:hover,
.carousel-control-next:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  opacity: 0.9;
}

.carousel-control-prev {
  left: 0;
}

.carousel-control-next {
  right: 0;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

/* rtl:options: {
  "autoRename": true,
  "stringMap":[ {
    "name"    : "prev-next",
    "search"  : "prev",
    "replace" : "next"
  } ]
} */
.carousel-control-prev-icon {
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/></svg>"));
}

.carousel-control-next-icon {
  background-image: escape-svg(url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='#fff'><path d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/></svg>"));
}

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 2;
  display: flex;
  justify-content: center;
  padding: 0;
  margin-right: 15%;
  margin-bottom: 1rem;
  margin-left: 15%;
}
.carousel-indicators [data-bs-target] {
  box-sizing: content-box;
  flex: 0 1 auto;
  width: 30px;
  height: 3px;
  padding: 0;
  margin-right: 3px;
  margin-left: 3px;
  text-indent: -999px;
  cursor: pointer;
  background-color: #fff;
  background-clip: padding-box;
  border: 0;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  opacity: 0.5;
  transition: opacity 0.6s ease;
}
.carousel-indicators .active {
  opacity: 1;
}

.carousel-caption {
  position: absolute;
  right: 15%;
  bottom: 1.25rem;
  left: 15%;
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
  color: #fff;
  text-align: center;
}

input[type=text],
textarea,
input[type=password],
input[type=time],
select {
  background: #FFFFFF;
  border: 1px solid #D8D8D8;
  border-radius: 8px;
  padding-left: 8px;
}
input[type=text]:disabled, input[type=text]:read-only(:not(select)),
textarea:disabled,
textarea:read-only(:not(select)),
input[type=password]:disabled,
input[type=password]:read-only(:not(select)),
input[type=time]:disabled,
input[type=time]:read-only(:not(select)),
select:disabled,
select:read-only(:not(select)) {
  background: rgba(229, 231, 235, 0.5);
}
input[type=text].ng-touched.ng-invalid:not([readonly]),
textarea.ng-touched.ng-invalid:not([readonly]),
input[type=password].ng-touched.ng-invalid:not([readonly]),
input[type=time].ng-touched.ng-invalid:not([readonly]),
select.ng-touched.ng-invalid:not([readonly]) {
  border: 1px solid #FF1744;
}
input[type=text].ng-dirty.ng-invalid:not([readonly]),
textarea.ng-dirty.ng-invalid:not([readonly]),
input[type=password].ng-dirty.ng-invalid:not([readonly]),
input[type=time].ng-dirty.ng-invalid:not([readonly]),
select.ng-dirty.ng-invalid:not([readonly]) {
  border: 1px solid #FF1744;
}
input[type=text].err-license-plate.ng-dirty.ng-invalid:not([readonly]),
textarea.err-license-plate.ng-dirty.ng-invalid:not([readonly]),
input[type=password].err-license-plate.ng-dirty.ng-invalid:not([readonly]),
input[type=time].err-license-plate.ng-dirty.ng-invalid:not([readonly]),
select.err-license-plate.ng-dirty.ng-invalid:not([readonly]) {
  color: #FF1744;
}

textarea[resize=none] {
  resize: none;
}

input[type=text],
input[type=time],
input[type=password] {
  font-size: 16px;
  line-height: 36px;
}
input[type=text]::placeholder,
input[type=time]::placeholder,
input[type=password]::placeholder {
  color: rgba(0, 0, 0, 0.5);
}
input[type=text]::placeholder:disabled,
input[type=time]::placeholder:disabled,
input[type=password]::placeholder:disabled {
  color: rgba(0, 0, 0, 0.38);
}

.login-container input[type=text]::placeholder,
.login-container input[type=password]::placeholder {
  color: rgba(255, 255, 255, 0.6);
}

textarea[readonly] {
  background: transparent;
  border: none;
  border-radius: 0px;
  line-height: 22px;
  margin-top: 5px;
  padding: 0;
  font-size: 14px;
}

textarea[readonly]:focus-visible {
  outline: -webkit-focus-ring-color auto 0px;
}

input[type=radio]:not(.mdc-radio__native-control):not(.mat-radio-input) {
  transform: scale(1.8);
  -webkit-appearance: none;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  outline: none;
  box-shadow: 0 0 0 1.5px var(--primary-normal-1);
}

input[type=radio]:not(.mdc-radio__native-control):not(.mat-radio-input):checked {
  box-shadow: 0 0 0 1.5px var(--primary-normal-1);
}

input[type=radio]:not(.mdc-radio__native-control):not(.mat-radio-input):before {
  content: "";
  display: block;
  width: 60%;
  height: 60%;
  border-radius: 50%;
}

input[type=radio]:not(.mdc-radio__native-control):not(.mat-radio-input):checked:before {
  background: var(--primary-normal-1);
}

.mat-radio-button,
.mat-mdc-radio-button {
  --mat-radio-selected-icon-color: var(--primary-normal-1);
  --mat-radio-selected-hover-icon-color: var(--primary-normal-1);
  --mat-radio-selected-focus-icon-color: var(--primary-normal-1);
  --mat-radio-selected-pressed-icon-color: var(--primary-normal-1);
  --mat-radio-checked-ripple-color: var(--primary-normal-1);
}

.mat-mdc-radio-button,
.mat-mdc-radio-button .mdc-radio__native-control {
  --mat-radio-state-layer-size: 25px;
}

.mat-mdc-radio-button .mdc-radio {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.mat-mdc-radio-button .mdc-radio__background {
  inset: 0;
  margin: auto;
}

.mat-mdc-radio-button.mat-primary,
.mat-mdc-radio-button.mat-accent,
.mat-mdc-radio-button.mat-warn {
  --mat-radio-selected-icon-color: var(--primary-normal-1);
  --mat-radio-selected-hover-icon-color: var(--primary-normal-1);
  --mat-radio-selected-focus-icon-color: var(--primary-normal-1);
  --mat-radio-selected-pressed-icon-color: var(--primary-normal-1);
  --mat-radio-checked-ripple-color: var(--primary-normal-1);
}

.mat-radio-button,
.mat-mdc-radio-button {
  font-size: 18px;
}
.mat-radio-button .mat-radio-outer-circle, .mat-radio-button .mat-mdc-radio-outer-circle,
.mat-radio-button .mdc-radio__outer-circle,
.mat-mdc-radio-button .mat-radio-outer-circle,
.mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.mat-mdc-radio-button .mdc-radio__outer-circle {
  width: 30px;
  height: 30px;
  border: 1px solid rgba(216, 223, 234, 0.75);
}
.mat-radio-button .mat-radio-container, .mat-radio-button .mat-mdc-radio-container,
.mat-radio-button .mat-radio-inner-circle,
.mat-radio-button .mat-mdc-radio-inner-circle,
.mat-radio-button .mdc-radio__background,
.mat-radio-button .mdc-radio__inner-circle,
.mat-mdc-radio-button .mat-radio-container,
.mat-mdc-radio-button .mat-mdc-radio-container,
.mat-mdc-radio-button .mat-radio-inner-circle,
.mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.mat-mdc-radio-button .mdc-radio__background,
.mat-mdc-radio-button .mdc-radio__inner-circle {
  width: 30px;
  height: 30px;
}

.mat-radio-group.ai-opinion,
.mat-mdc-radio-group.ai-opinion,
.mat-radio-group.remark-opinion,
.mat-mdc-radio-group.remark-opinion {
  gap: 12px;
}
.mat-radio-group.ai-opinion .mat-radio-button,
.mat-radio-group.ai-opinion .mat-mdc-radio-button,
.mat-mdc-radio-group.ai-opinion .mat-radio-button,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button,
.mat-radio-group.remark-opinion .mat-radio-button,
.mat-radio-group.remark-opinion .mat-mdc-radio-button,
.mat-mdc-radio-group.remark-opinion .mat-radio-button,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button {
  font-size: 14px;
  --mat-radio-touch-target-size: 25px;
  --mat-radio-state-layer-size: 25px;
}
.mat-radio-group.ai-opinion .mat-radio-button .mdc-radio,
.mat-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-touch-target,
.mat-radio-group.ai-opinion .mat-radio-button .mdc-radio__native-control,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-touch-target,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__native-control,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-radio,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-touch-target,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-radio__native-control,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-touch-target,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__native-control,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-radio,
.mat-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-touch-target,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-radio__native-control,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-touch-target,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__native-control,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-radio,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-touch-target,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-radio__native-control,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-touch-target,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__native-control {
  width: 25px;
  height: 25px;
}
.mat-radio-group.ai-opinion .mat-radio-button .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__background {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.mat-radio-group.ai-opinion .mat-radio-button .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__outer-circle {
  width: 16px;
  height: 16px;
  border: 1px solid rgba(216, 223, 234, 0.75);
}
.mat-radio-group.ai-opinion .mat-radio-button .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-radio-button .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-radio__inner-circle {
  width: 16px;
  height: 16px;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mdc-radio__outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle {
  width: 16px;
  height: 16px;
  border: 5px solid var(--primary-normal-1);
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mdc-radio__background, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__background {
  width: 16px;
  height: 16px;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-radio-inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mdc-radio__inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__inner-circle {
  display: none;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__outer-circle {
  width: 16px;
  height: 16px;
  border: 5px solid var(--green-600);
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__background, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__background {
  width: 16px;
  height: 16px;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.success-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.success-radio .mdc-radio__inner-circle {
  display: none;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-outer-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__outer-circle {
  width: 16px;
  height: 16px;
  border: 5px solid #FF1744;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__background, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__background,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-container,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__background {
  width: 16px;
  height: 16px;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle, .mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-radio-checked.alert-radio .mdc-radio__inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mat-mdc-radio-inner-circle,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-mdc-radio-checked.alert-radio .mdc-radio__inner-circle {
  display: none;
}
.mat-radio-group.ai-opinion .mat-radio-button .mdc-label,
.mat-radio-group.ai-opinion .mat-mdc-radio-button .mdc-label,
.mat-mdc-radio-group.ai-opinion .mat-radio-button .mdc-label,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button .mdc-label,
.mat-radio-group.remark-opinion .mat-radio-button .mdc-label,
.mat-radio-group.remark-opinion .mat-mdc-radio-button .mdc-label,
.mat-mdc-radio-group.remark-opinion .mat-radio-button .mdc-label,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button .mdc-label {
  display: flex;
  align-items: center;
}
.mat-radio-group.ai-opinion .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element, .mat-radio-group.ai-opinion .mat-radio-button.mat-accent .mat-mdc-radio-ripple .mat-ripple-element, .mat-radio-group.ai-opinion .mat-accent.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element, .mat-radio-group.ai-opinion .mat-accent.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.ai-opinion .mat-radio-button.mat-accent .mat-mdc-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.ai-opinion .mat-accent.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.ai-opinion .mat-accent.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element,
.mat-radio-group.remark-opinion .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element,
.mat-radio-group.remark-opinion .mat-radio-button.mat-accent .mat-mdc-radio-ripple .mat-ripple-element,
.mat-radio-group.remark-opinion .mat-accent.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element,
.mat-radio-group.remark-opinion .mat-accent.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.remark-opinion .mat-radio-button.mat-accent .mat-mdc-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.remark-opinion .mat-accent.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element,
.mat-mdc-radio-group.remark-opinion .mat-accent.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element {
  background-color: rgba(var(--primary-normal-1), 0.5);
}
.mat-radio-group.ai-opinion .mat-mdc-radio-button.mat-accent,
.mat-mdc-radio-group.ai-opinion .mat-mdc-radio-button.mat-accent,
.mat-radio-group.remark-opinion .mat-mdc-radio-button.mat-accent,
.mat-mdc-radio-group.remark-opinion .mat-mdc-radio-button.mat-accent {
  --mat-radio-checked-ripple-color: rgba(map-get($color-palette-rgba, 'iiv-primary'), 0.5);
}

.approve-radio-group .mat-radio-button.mat-primary.mat-radio-checked, .approve-radio-group .mat-radio-button.mat-primary.mat-mdc-radio-checked, .approve-radio-group .mat-primary.mat-radio-checked.mat-mdc-radio-button, .approve-radio-group .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked {
  color: var(--green-600);
}
.approve-radio-group .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-primary.mat-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-radio-button.mat-primary.mat-radio-checked .mat-mdc-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .approve-radio-group .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-radio-outer-circle, .approve-radio-group .mat-primary.mat-radio-checked.mat-mdc-radio-button .mdc-radio__outer-circle, .approve-radio-group .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-outer-circle, .approve-radio-group .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: var(--green-600);
}
.approve-radio-group .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked {
  color: var(--green-600);
}
.approve-radio-group .mat-radio-button.mat-primary .mat-radio-inner-circle, .approve-radio-group .mat-radio-button.mat-primary .mdc-radio__inner-circle, .approve-radio-group .mat-radio-button.mat-primary .mat-mdc-radio-inner-circle, .approve-radio-group .mat-primary.mat-mdc-radio-button .mat-radio-inner-circle, .approve-radio-group .mat-primary.mat-mdc-radio-button .mdc-radio__inner-circle, .approve-radio-group .mat-primary.mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.approve-radio-group .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-radio-button.mat-primary .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-primary.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-primary.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-primary.mat-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-radio-persistent-ripple,
.approve-radio-group .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-primary:active .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-primary.mat-mdc-radio-button:active .mat-radio-persistent-ripple,
.approve-radio-group .mat-primary.mat-mdc-radio-button:active .mat-mdc-radio-persistent-ripple {
  background-color: var(--green-600);
}
.approve-radio-group .mat-radio-button.mat-warn.mat-radio-checked, .approve-radio-group .mat-radio-button.mat-warn.mat-mdc-radio-checked, .approve-radio-group .mat-warn.mat-radio-checked.mat-mdc-radio-button, .approve-radio-group .mat-warn.mat-mdc-radio-button.mat-mdc-radio-checked {
  color: #FF1744;
}
.approve-radio-group .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-warn.mat-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-radio-button.mat-warn.mat-radio-checked .mat-mdc-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-warn.mat-mdc-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-warn.mat-mdc-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-radio-button.mat-warn.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .approve-radio-group .mat-warn.mat-radio-checked.mat-mdc-radio-button .mat-radio-outer-circle, .approve-radio-group .mat-warn.mat-radio-checked.mat-mdc-radio-button .mdc-radio__outer-circle, .approve-radio-group .mat-warn.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-outer-circle, .approve-radio-group .mat-warn.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-warn.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-warn.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: #FF1744;
}
.approve-radio-group .mat-mdc-radio-button.mat-warn.mat-mdc-radio-checked {
  color: #FF1744;
}
.approve-radio-group .mat-radio-button.mat-warn .mat-radio-inner-circle, .approve-radio-group .mat-radio-button.mat-warn .mdc-radio__inner-circle, .approve-radio-group .mat-radio-button.mat-warn .mat-mdc-radio-inner-circle, .approve-radio-group .mat-warn.mat-mdc-radio-button .mat-radio-inner-circle, .approve-radio-group .mat-warn.mat-mdc-radio-button .mdc-radio__inner-circle, .approve-radio-group .mat-warn.mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.approve-radio-group .mat-radio-button.mat-warn .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-radio-button.mat-warn .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-warn.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-warn.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-radio-button.mat-warn.mat-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-warn.mat-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-warn.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-warn.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-warn.mat-radio-checked.mat-mdc-radio-button .mat-radio-persistent-ripple,
.approve-radio-group .mat-warn.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-warn.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-warn.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-warn:active .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-warn:active .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-warn.mat-mdc-radio-button:active .mat-radio-persistent-ripple,
.approve-radio-group .mat-warn.mat-mdc-radio-button:active .mat-mdc-radio-persistent-ripple {
  background-color: #FF1744;
}
.approve-radio-group .mat-radio-button.mat-accent.mat-radio-checked, .approve-radio-group .mat-radio-button.mat-accent.mat-mdc-radio-checked, .approve-radio-group .mat-accent.mat-radio-checked.mat-mdc-radio-button, .approve-radio-group .mat-accent.mat-mdc-radio-button.mat-mdc-radio-checked {
  color: #F79400;
}
.approve-radio-group .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-accent.mat-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-radio-button.mat-accent.mat-radio-checked .mat-mdc-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-accent.mat-mdc-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-radio-button.mat-accent.mat-mdc-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-radio-button.mat-accent.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .approve-radio-group .mat-accent.mat-radio-checked.mat-mdc-radio-button .mat-radio-outer-circle, .approve-radio-group .mat-accent.mat-radio-checked.mat-mdc-radio-button .mdc-radio__outer-circle, .approve-radio-group .mat-accent.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-outer-circle, .approve-radio-group .mat-accent.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .approve-radio-group .mat-accent.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .approve-radio-group .mat-accent.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: #F79400;
}
.approve-radio-group .mat-mdc-radio-button.mat-accent.mat-mdc-radio-checked {
  color: #F79400;
}
.approve-radio-group .mat-radio-button.mat-accent .mat-radio-inner-circle, .approve-radio-group .mat-radio-button.mat-accent .mdc-radio__inner-circle, .approve-radio-group .mat-radio-button.mat-accent .mat-mdc-radio-inner-circle, .approve-radio-group .mat-accent.mat-mdc-radio-button .mat-radio-inner-circle, .approve-radio-group .mat-accent.mat-mdc-radio-button .mdc-radio__inner-circle, .approve-radio-group .mat-accent.mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.approve-radio-group .mat-radio-button.mat-accent .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-radio-button.mat-accent .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-accent.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-accent.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.approve-radio-group .mat-radio-button.mat-accent.mat-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-accent.mat-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-accent.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-accent.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-accent.mat-radio-checked.mat-mdc-radio-button .mat-radio-persistent-ripple,
.approve-radio-group .mat-accent.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-accent.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.approve-radio-group .mat-accent.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-accent:active .mat-radio-persistent-ripple,
.approve-radio-group .mat-radio-button.mat-accent:active .mat-mdc-radio-persistent-ripple,
.approve-radio-group .mat-accent.mat-mdc-radio-button:active .mat-radio-persistent-ripple,
.approve-radio-group .mat-accent.mat-mdc-radio-button:active .mat-mdc-radio-persistent-ripple {
  background-color: #F79400;
}
.approve-radio-group .mat-mdc-radio-button.mat-primary {
  --mat-radio-selected-icon-color: var(--green-600);
  --mat-radio-selected-hover-icon-color: var(--green-600);
  --mat-radio-selected-focus-icon-color: var(--green-600);
  --mat-radio-selected-pressed-icon-color: var(--green-600);
  --mat-radio-checked-ripple-color: var(--green-600);
}
.approve-radio-group .mat-mdc-radio-button.mat-warn {
  --mat-radio-selected-icon-color: #FF1744;
  --mat-radio-selected-hover-icon-color: #FF1744;
  --mat-radio-selected-focus-icon-color: #FF1744;
  --mat-radio-selected-pressed-icon-color: #FF1744;
  --mat-radio-checked-ripple-color: #FF1744;
}
.approve-radio-group .mat-mdc-radio-button.mat-accent {
  --mat-radio-selected-icon-color: #F79400;
  --mat-radio-selected-hover-icon-color: #F79400;
  --mat-radio-selected-focus-icon-color: #F79400;
  --mat-radio-selected-pressed-icon-color: #F79400;
  --mat-radio-checked-ripple-color: #F79400;
}

.option-radio-group .mat-radio-button,
.option-radio-group .mat-mdc-radio-button {
  border: 1px solid #D8D8D8;
}
.option-radio-group .mat-radio-button.mat-radio-checked, .option-radio-group .mat-radio-button.mat-mdc-radio-checked, .option-radio-group .mat-radio-checked.mat-mdc-radio-button,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked {
  border-color: var(--primary-normal-1);
}

.sms-radio-group .mat-radio-button,
.sms-radio-group .mat-mdc-radio-button,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control, .option-radio-group .mat-radio-button,
.option-radio-group .mat-mdc-radio-button,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control {
  font-size: 16px;
  --mat-radio-touch-target-size: 30px;
  --mat-radio-state-layer-size: 25px;
  --mat-radio-label-text-line-height: 20px;
  margin: 0;
}
.sms-radio-group .mat-radio-button.align-button-top .mat-radio-label, .sms-radio-group .mat-radio-button.align-button-top .mat-mdc-radio-label,
.sms-radio-group .mat-radio-button.align-button-top .mdc-label,
.sms-radio-group .mat-mdc-radio-button.align-button-top .mat-radio-label,
.sms-radio-group .mat-mdc-radio-button.align-button-top .mat-mdc-radio-label,
.sms-radio-group .mat-mdc-radio-button.align-button-top .mdc-label,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control.align-button-top .mat-radio-label,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control.align-button-top .mat-mdc-radio-label,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control.align-button-top .mdc-label, .option-radio-group .mat-radio-button.align-button-top .mat-radio-label, .option-radio-group .mat-radio-button.align-button-top .mat-mdc-radio-label,
.option-radio-group .mat-radio-button.align-button-top .mdc-label,
.option-radio-group .mat-mdc-radio-button.align-button-top .mat-radio-label,
.option-radio-group .mat-mdc-radio-button.align-button-top .mat-mdc-radio-label,
.option-radio-group .mat-mdc-radio-button.align-button-top .mdc-label,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control.align-button-top .mat-radio-label,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control.align-button-top .mat-mdc-radio-label,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control.align-button-top .mdc-label {
  align-items: flex-start;
}
.sms-radio-group .mat-radio-button .mat-radio-outer-circle, .sms-radio-group .mat-radio-button .mat-mdc-radio-outer-circle,
.sms-radio-group .mat-radio-button .mdc-radio__outer-circle,
.sms-radio-group .mat-mdc-radio-button .mat-radio-outer-circle,
.sms-radio-group .mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__outer-circle,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mat-radio-outer-circle,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mdc-radio__outer-circle, .option-radio-group .mat-radio-button .mat-radio-outer-circle, .option-radio-group .mat-radio-button .mat-mdc-radio-outer-circle,
.option-radio-group .mat-radio-button .mdc-radio__outer-circle,
.option-radio-group .mat-mdc-radio-button .mat-radio-outer-circle,
.option-radio-group .mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.option-radio-group .mat-mdc-radio-button .mdc-radio__outer-circle,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mat-radio-outer-circle,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mdc-radio__outer-circle {
  width: 20px;
  height: 20px;
  border: 1px solid rgba(216, 223, 234, 0.75);
}
.sms-radio-group .mat-radio-button .mat-radio-container, .sms-radio-group .mat-radio-button .mat-mdc-radio-container,
.sms-radio-group .mat-radio-button .mat-radio-inner-circle,
.sms-radio-group .mat-radio-button .mat-mdc-radio-inner-circle,
.sms-radio-group .mat-radio-button .mdc-radio__background,
.sms-radio-group .mat-radio-button .mdc-radio__inner-circle,
.sms-radio-group .mat-mdc-radio-button .mat-radio-container,
.sms-radio-group .mat-mdc-radio-button .mat-mdc-radio-container,
.sms-radio-group .mat-mdc-radio-button .mat-radio-inner-circle,
.sms-radio-group .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__background,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__inner-circle,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mat-radio-container,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mat-radio-inner-circle,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mdc-radio__background,
.sms-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mdc-radio__inner-circle, .option-radio-group .mat-radio-button .mat-radio-container, .option-radio-group .mat-radio-button .mat-mdc-radio-container,
.option-radio-group .mat-radio-button .mat-radio-inner-circle,
.option-radio-group .mat-radio-button .mat-mdc-radio-inner-circle,
.option-radio-group .mat-radio-button .mdc-radio__background,
.option-radio-group .mat-radio-button .mdc-radio__inner-circle,
.option-radio-group .mat-mdc-radio-button .mat-radio-container,
.option-radio-group .mat-mdc-radio-button .mat-mdc-radio-container,
.option-radio-group .mat-mdc-radio-button .mat-radio-inner-circle,
.option-radio-group .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.option-radio-group .mat-mdc-radio-button .mdc-radio__background,
.option-radio-group .mat-mdc-radio-button .mdc-radio__inner-circle,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mat-radio-container,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mat-radio-inner-circle,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mdc-radio__background,
.option-radio-group .mat-mdc-radio-button .mdc-radio__native-control .mdc-radio__inner-circle {
  width: 20px;
  height: 20px;
}
.sms-radio-group .mat-radio-button.mat-radio-checked, .sms-radio-group .mat-radio-button.mat-mdc-radio-checked, .sms-radio-group .mat-radio-checked.mat-mdc-radio-button,
.sms-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked, .option-radio-group .mat-radio-button.mat-radio-checked, .option-radio-group .mat-radio-button.mat-mdc-radio-checked, .option-radio-group .mat-radio-checked.mat-mdc-radio-button,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked {
  color: black;
}
.sms-radio-group .mat-radio-button.mat-radio-checked .mat-radio-outer-circle, .sms-radio-group .mat-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle, .sms-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .sms-radio-group .mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .sms-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .sms-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-radio-outer-circle, .sms-radio-group .mat-radio-checked.mat-mdc-radio-button .mdc-radio__outer-circle, .sms-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.sms-radio-group .mat-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.sms-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.sms-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.sms-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .option-radio-group .mat-radio-button.mat-radio-checked .mat-radio-outer-circle, .option-radio-group .mat-radio-button.mat-radio-checked .mat-mdc-radio-outer-circle, .option-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .option-radio-group .mat-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .option-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .option-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-radio-outer-circle, .option-radio-group .mat-radio-checked.mat-mdc-radio-button .mdc-radio__outer-circle, .option-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-outer-circle,
.option-radio-group .mat-radio-button.mat-radio-checked .mdc-radio__outer-circle,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle {
  border-color: var(--primary-normal-1);
}
.sms-radio-group .mat-radio-button .mat-radio-inner-circle, .sms-radio-group .mat-radio-button .mdc-radio__inner-circle, .sms-radio-group .mat-radio-button .mat-mdc-radio-inner-circle, .sms-radio-group .mat-mdc-radio-button .mat-radio-inner-circle, .sms-radio-group .mat-mdc-radio-button .mdc-radio__inner-circle, .sms-radio-group .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.sms-radio-group .mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.sms-radio-group .mat-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.sms-radio-group .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.sms-radio-group .mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.sms-radio-group .mat-radio-button.mat-radio-checked .mat-radio-persistent-ripple,
.sms-radio-group .mat-radio-button.mat-radio-checked .mat-mdc-radio-persistent-ripple,
.sms-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.sms-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.sms-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-radio-persistent-ripple,
.sms-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-persistent-ripple,
.sms-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.sms-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.sms-radio-group .mat-radio-button:active .mat-radio-persistent-ripple,
.sms-radio-group .mat-radio-button:active .mat-mdc-radio-persistent-ripple,
.sms-radio-group .mat-mdc-radio-button:active .mat-radio-persistent-ripple,
.sms-radio-group .mat-mdc-radio-button:active .mat-mdc-radio-persistent-ripple, .option-radio-group .mat-radio-button .mat-radio-inner-circle, .option-radio-group .mat-radio-button .mdc-radio__inner-circle, .option-radio-group .mat-radio-button .mat-mdc-radio-inner-circle, .option-radio-group .mat-mdc-radio-button .mat-radio-inner-circle, .option-radio-group .mat-mdc-radio-button .mdc-radio__inner-circle, .option-radio-group .mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.option-radio-group .mat-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.option-radio-group .mat-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.option-radio-group .mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.option-radio-group .mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.option-radio-group .mat-radio-button.mat-radio-checked .mat-radio-persistent-ripple,
.option-radio-group .mat-radio-button.mat-radio-checked .mat-mdc-radio-persistent-ripple,
.option-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.option-radio-group .mat-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.option-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-radio-persistent-ripple,
.option-radio-group .mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-persistent-ripple,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.option-radio-group .mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.option-radio-group .mat-radio-button:active .mat-radio-persistent-ripple,
.option-radio-group .mat-radio-button:active .mat-mdc-radio-persistent-ripple,
.option-radio-group .mat-mdc-radio-button:active .mat-radio-persistent-ripple,
.option-radio-group .mat-mdc-radio-button:active .mat-mdc-radio-persistent-ripple {
  background-color: var(--primary-normal-1);
}
.sms-radio-group .mat-mdc-radio-button, .option-radio-group .mat-mdc-radio-button {
  --mat-radio-selected-icon-color: var(--primary-normal-1);
  --mat-radio-selected-hover-icon-color: var(--primary-normal-1);
  --mat-radio-selected-focus-icon-color: var(--primary-normal-1);
  --mat-radio-selected-pressed-icon-color: var(--primary-normal-1);
}

.sms-checkbox .mat-checkbox-indeterminate.mat-primary .mat-checkbox-background, .sms-checkbox .mat-checkbox-indeterminate.mat-primary .mat-mdc-checkbox-background, .sms-checkbox .mat-primary.mat-mdc-checkbox-indeterminate .mat-checkbox-background, .sms-checkbox .mat-primary.mat-mdc-checkbox-indeterminate .mat-mdc-checkbox-background, .sms-checkbox .mat-checkbox-checked.mat-primary .mat-checkbox-background, .sms-checkbox .mat-checkbox-checked.mat-primary .mat-mdc-checkbox-background, .sms-checkbox .mat-primary.mat-mdc-checkbox-checked .mat-checkbox-background, .sms-checkbox .mat-primary.mat-mdc-checkbox-checked .mat-mdc-checkbox-background {
  background-color: var(--primary-normal-1);
}
.sms-checkbox .mat-mdc-checkbox.mat-primary {
  --mdc-checkbox-selected-icon-color: var(--primary-normal-1);
  --mdc-checkbox-selected-focus-icon-color: var(--primary-normal-1);
  --mdc-checkbox-selected-hover-icon-color: var(--primary-normal-1);
  --mdc-checkbox-selected-pressed-icon-color: var(--primary-normal-1);
}

.iiv-radio {
  align-items: baseline;
  background-color: rgba(249, 250, 251, 0.5);
  border-radius: 12px;
}
.iiv-radio .mat-radio-button.mat-primary.mat-radio-checked, .iiv-radio .mat-radio-button.mat-primary.mat-mdc-radio-checked, .iiv-radio .mat-primary.mat-radio-checked.mat-mdc-radio-button, .iiv-radio .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked {
  color: var(--primary-normal-1);
}
.iiv-radio .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-outer-circle, .iiv-radio .mat-radio-button.mat-primary.mat-radio-checked .mdc-radio__outer-circle, .iiv-radio .mat-radio-button.mat-primary.mat-radio-checked .mat-mdc-radio-outer-circle, .iiv-radio .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-radio-outer-circle, .iiv-radio .mat-radio-button.mat-primary.mat-mdc-radio-checked .mdc-radio__outer-circle, .iiv-radio .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-outer-circle, .iiv-radio .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-radio-outer-circle, .iiv-radio .mat-primary.mat-radio-checked.mat-mdc-radio-button .mdc-radio__outer-circle, .iiv-radio .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-outer-circle, .iiv-radio .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-outer-circle, .iiv-radio .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mdc-radio__outer-circle, .iiv-radio .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-outer-circle {
  border-color: var(--primary-normal-1);
}
.iiv-radio .mat-mdc-radio-button.mat-primary.mat-mdc-radio-checked {
  color: var(--primary-normal-1);
}
.iiv-radio .mat-radio-button.mat-primary .mat-radio-inner-circle, .iiv-radio .mat-radio-button.mat-primary .mdc-radio__inner-circle, .iiv-radio .mat-radio-button.mat-primary .mat-mdc-radio-inner-circle, .iiv-radio .mat-primary.mat-mdc-radio-button .mat-radio-inner-circle, .iiv-radio .mat-primary.mat-mdc-radio-button .mdc-radio__inner-circle, .iiv-radio .mat-primary.mat-mdc-radio-button .mat-mdc-radio-inner-circle,
.iiv-radio .mat-radio-button.mat-primary .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.iiv-radio .mat-radio-button.mat-primary .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.iiv-radio .mat-primary.mat-mdc-radio-button .mat-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.iiv-radio .mat-primary.mat-mdc-radio-button .mat-mdc-radio-ripple .mat-ripple-element:not(.mat-radio-persistent-ripple):not(.mat-mdc-radio-persistent-ripple),
.iiv-radio .mat-radio-button.mat-primary.mat-radio-checked .mat-radio-persistent-ripple,
.iiv-radio .mat-radio-button.mat-primary.mat-radio-checked .mat-mdc-radio-persistent-ripple,
.iiv-radio .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.iiv-radio .mat-radio-button.mat-primary.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.iiv-radio .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-radio-persistent-ripple,
.iiv-radio .mat-primary.mat-radio-checked.mat-mdc-radio-button .mat-mdc-radio-persistent-ripple,
.iiv-radio .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-radio-persistent-ripple,
.iiv-radio .mat-primary.mat-mdc-radio-button.mat-mdc-radio-checked .mat-mdc-radio-persistent-ripple,
.iiv-radio .mat-radio-button.mat-primary:active .mat-radio-persistent-ripple,
.iiv-radio .mat-radio-button.mat-primary:active .mat-mdc-radio-persistent-ripple,
.iiv-radio .mat-primary.mat-mdc-radio-button:active .mat-radio-persistent-ripple,
.iiv-radio .mat-primary.mat-mdc-radio-button:active .mat-mdc-radio-persistent-ripple {
  background-color: var(--primary-normal-1);
}
.iiv-radio .mat-mdc-radio-button.mat-primary,
.iiv-radio .mat-mdc-radio-button.mat-accent,
.iiv-radio .mat-mdc-radio-button.mat-warn {
  --mat-radio-selected-icon-color: var(--primary-normal-1);
  --mat-radio-selected-hover-icon-color: var(--primary-normal-1);
  --mat-radio-selected-focus-icon-color: var(--primary-normal-1);
  --mat-radio-selected-pressed-icon-color: var(--primary-normal-1);
  --mat-radio-checked-ripple-color: var(--primary-normal-1);
}

input[type=checkbox] {
  transform: scale(1.5);
  font-size: 12px;
  height: 14px;
  width: 14px;
  vertical-align: middle;
  border: 1px solid #E6E6E6;
  -webkit-appearance: none;
  margin-right: 0.8em;
  margin-top: 1.5px;
}

input[type=checkbox] {
  border-radius: 3px;
}

input[type=checkbox]:not(:disabled):hover {
  border-color: var(--primary-normal-1);
}

input[type=checkbox]:active:not(:disabled) {
  border-color: var(--primary-normal-1);
}

input[type=checkbox]:checked {
  border-color: var(--primary-normal-1);
  background-color: var(--primary-normal-1);
}

input[type=radio]:not(.mdc-radio__native-control):not(.mat-radio-input):checked:before {
  content: "";
  display: block;
  position: relative;
  border-radius: 100%;
}

input[type=checkbox]:checked:before {
  font-family: "Font Awesome 6 Free";
  content: "\f00c";
  display: block;
  transform: scale(1);
  accent-color: var(--primary-normal-1);
  color: #fff;
  margin-left: 1px;
}

input:disabled,
textarea:disabled {
  box-shadow: none;
  background: var(--gray-50);
  color: rgba(0, 0, 0, 0.38);
}
input:disabled::placeholder,
textarea:disabled::placeholder {
  color: rgba(0, 0, 0, 0.38);
}

input[type=radio]:not(.mdc-radio__native-control):not(.mat-radio-input):disabled {
  transform: scale(1);
  top: 2px;
  left: auto;
  margin: 3px 3px 0 5px;
}

input:disabled + label {
  opacity: 0.6;
  cursor: default;
  -webkit-user-select: none;
}

textarea.ng-invalid.ng-touched {
  border: 2px solid;
  border-color: #FF1744;
}

a {
  color: var(--blue-500);
}

label.required:after {
  content: "*";
  color: red;
}

div.required:after {
  content: "*";
  color: red;
}

div#loginBackground {
  margin: 0;
  padding: 0;
  width: 100%;
  height: auto;
  background: url("/assets/images/login_background.svg") no-repeat center center fixed;
  background-size: cover;
  min-height: 100vh;
}

.login {
  background-color: white;
  font-family: Noto Sans Thai, sans-serif;
}
.login .login-container {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100vh;
  width: 100vw;
  min-height: inherit;
}
.login .login-container .login-card {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
  background-color: rgba(1, 57, 134, 0.4);
}
.login .login-container .login-card .login-form {
  display: flex;
  flex-direction: column;
  width: 50%;
  row-gap: 30px;
}
.login .login-container .login-card .login-form .logo-container {
  display: flex;
  align-self: center;
  border-radius: 50%;
  margin-top: -25%;
}
.login .login-container .login-card .login-form .logo-container img {
  width: 168px;
  height: 168px;
}
.login .login-container .login-card .login-form input {
  height: 50px;
  background: rgba(0, 0, 0, 0.15);
  border: 0;
  border-radius: 77px;
  padding: 0 40px;
}
.login .login-container .login-card .login-form input.invalid {
  border: 1px solid red;
}
.login .login-container .login-card .login-form .icon-prefix {
  width: 40px;
  position: absolute;
  padding: 12px;
  color: #969EA9;
}
.login .login-container .login-card .login-form .icon-suffix {
  width: 40px;
  position: absolute;
  cursor: pointer;
  padding: 8px;
  right: 0;
  color: #969EA9;
}
.login .login-container .login-card .login-form .reset-password a:link {
  color: white;
  background-color: transparent;
  text-decoration: underline;
}
.login .login-container .login-card .login-form .reset-password a:hover {
  color: var(--primary-normal-1);
  background-color: transparent;
  text-decoration: underline;
}
.login .login-container .login-card .login-form .reset-password a:active {
  color: #969EA9;
  background-color: transparent;
  text-decoration: underline;
}
.login .login-container .login-company-content {
  width: 60vw;
  height: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-top-right-radius: 50px;
  justify-content: center;
  position: relative;
}
@media only screen and (max-width: 1180px) {
  .login .login-container .login-company-content {
    display: none;
  }
}
@media only screen and (min-width: 1180px) {
  .login .login-container .login-company-content {
    display: grid;
  }
}
.login .login-container .login-company-content img {
  width: 100%;
  height: 100%;
  min-height: 100%;
  min-width: 100%;
  object-fit: cover;
  object-position: center;
  border-top-right-radius: 34px;
}
.login .login-container .login-company-content .bg-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background: linear-gradient(180deg, rgba(225, 225, 225, 0), rgba(0, 0, 0, 0.45));
}
.login .login-container .login-company-content .tag-line {
  position: absolute;
  bottom: 26px;
  width: auto;
  display: flex;
  justify-self: center;
  align-items: center;
  font-size: 28px;
  gap: 12px;
}
.login .login-container .login-company-content .tag-line .tag-line-text {
  color: white;
}
.login .login-container .login-company-content .tag-line .tag-line-logo {
  background-image: url(/assets/images/moverse-Inspections-full.svg);
  background-repeat: no-repeat;
  min-width: 165px;
  height: 40px;
  background-position: center;
  background-size: 100%;
}
.login .login-container .login-form {
  padding: 20px;
  height: 100%;
  display: grid;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 1180px) {
  .login .login-container .login-form {
    width: 100vw;
  }
}
@media only screen and (min-width: 1180px) {
  .login .login-container .login-form {
    width: 40vw;
  }
}
.login .login-container .login-form .login-card {
  display: flex;
  justify-content: center;
  width: 100%;
  background-color: white;
  gap: 16px;
  max-width: 400px;
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  min-width: 365px;
}
.login .login-container .login-form .login-card .login-card-single-logo {
  align-self: center;
  width: 80px;
  height: 80px;
  border-radius: 50px;
  padding: 12px;
  align-items: center;
  display: flex;
}
.login .login-container .login-form .login-card .login-card-multi-logo {
  align-self: center;
  padding: 0 12px;
  align-items: center;
  display: flex;
  justify-content: center;
}
.login .login-container .login-form .login-card .login-form-input {
  width: 100%;
  display: grid;
  gap: 12px;
  font-size: 16px;
}
.login .login-container .login-form .login-card .login-form-input .logo-container {
  display: flex;
  align-self: center;
  border-radius: 50%;
  margin-top: -25%;
}
.login .login-container .login-form .login-card .login-form-input .logo-container img {
  width: 168px;
  height: 168px;
}
.login .login-container .login-form .login-card .login-form-input input {
  height: 50px;
  padding: 0 40px;
}
.login .login-container .login-form .login-card .login-form-input input.invalid {
  border: 1px solid red;
}
.login .login-container .login-form .login-card .login-form-input .icon-prefix {
  position: absolute;
  color: var(--zinc-700);
  left: 12px;
}
.login .login-container .login-form .login-card .login-form-input .icon-suffix {
  position: absolute;
  cursor: pointer;
  right: 12px;
  color: var(--zinc-700);
}
.login .login-container .login-form .login-card .login-form-input .reset-password a:link {
  color: var(--info-normal);
  background-color: transparent;
  text-decoration: none;
}
.login .login-container .login-form .login-card .login-form-input .reset-password a:hover {
  color: rgba(var(--info-normal), 0.6);
  background-color: transparent;
  text-decoration: none;
}
.login .login-container .login-form .login-card .login-form-input .reset-password a:active {
  color: #969EA9;
  background-color: transparent;
  text-decoration: none;
}
.login .login-container .login-form .login-card .login-card-title {
  width: 100%;
  display: grid;
  gap: 12px;
  text-align: center;
}
@media only screen and (max-width: 1180px) {
  .login .login-container .login-card {
    width: 90%;
  }
  .login .login-container .login-card .login-form {
    width: 90%;
  }
}

.form-icon .icon-prefix {
  position: absolute;
  left: 18px;
  top: 50%;
  transform: translate(-50%, -50%);
  color: #969EA9;
}
.form-icon input {
  padding-left: 35px !important;
}

.alert-required {
  position: absolute;
  background: #ffd7dd;
  right: 0px;
  padding: 5px 10px;
  border-radius: 12px;
}
.alert-required.alert-error {
  color: #FF1744;
}
.alert-required.alert-error.arrow-left::after, .alert-required.alert-error.arrow-top::after, .alert-required.alert-error.arrow-bottom::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background-color: #ffd7dd;
  transform: rotate(45deg);
}
.alert-required.alert-error.arrow-left::after {
  bottom: 10px;
  left: -5px;
}
.alert-required.alert-error.arrow-top::after {
  left: 16px;
  top: -4px;
}
.alert-required.alert-error.arrow-bottom {
  top: -37px;
}
.alert-required.alert-error.arrow-bottom ::after {
  bottom: -4px;
  left: 16px;
}

.report-dashboard {
  display: flex;
  flex-direction: column;
  justify-content: center;
  row-gap: 20px;
}
@media only screen and (max-width: 1180px) {
  .report-dashboard {
    width: 100%;
  }
}
@media only screen and (min-width: 1180px) {
  .report-dashboard {
    width: 80%;
  }
}

@media only screen and (max-width: 1180px) {
  .report-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 10px;
  }
  .report-container .report-date-form {
    display: flex;
    flex-direction: column;
    row-gap: 15px;
    width: 100%;
  }
  .report-container .report-download-button {
    width: 100%;
    height: 40px;
  }
}
@media only screen and (min-width: 1180px) {
  .report-container {
    display: flex;
    flex-direction: row;
    align-items: center;
  }
  .report-container .report-date-form {
    display: flex;
    flex-direction: row;
    column-gap: 30px;
    width: 85%;
  }
  .report-container .report-download-button {
    width: 15%;
    height: 40px;
  }
}

.form-input-change input[type=password],
.form-input-change input[type=text] {
  padding-left: 48px !important;
  line-height: 40px !important;
}
.form-input-change .icon-prefix {
  position: absolute;
  left: 16px;
}
.form-input-change .icon-suffix {
  cursor: pointer;
  right: 16px;
  position: absolute;
  color: #969EA9;
}

.login-info-card {
  padding: 16px 8px;
}
@media only screen and (max-width: 1180px) {
  .login-info-card {
    width: 90vw;
  }
}
@media only screen and (min-width: 1180px) {
  .login-info-card {
    width: 25vw;
  }
}

.create-form-section-header {
  display: flex;
  flex-direction: row;
  align-items: center;
  background: #F2F2F2;
  height: 42px;
}
@media only screen and (max-width: 1180px) {
  .create-form-section-header {
    padding-left: 16px;
    justify-content: flex-start;
  }
}
@media only screen and (min-width: 1180px) {
  .create-form-section-header {
    justify-content: flex-start;
    padding-left: 16px;
  }
}

.create-form-section {
  display: flex;
  justify-content: center;
  align-items: flex-start;
}
@media only screen and (max-width: 1180px) {
  .create-form-section {
    width: 90%;
    flex-direction: column;
    row-gap: 20px;
  }
}
@media only screen and (min-width: 1180px) {
  .create-form-section {
    flex-direction: row;
    padding: 0 16px;
    width: 100%;
    column-gap: 15px;
  }
}

.create-form-date-layout {
  display: flex;
}
@media only screen and (max-width: 1180px) {
  .create-form-date-layout {
    flex-direction: column;
    row-gap: 10px;
  }
}
@media only screen and (min-width: 1180px) {
  .create-form-date-layout {
    flex-direction: row;
    column-gap: 15px;
  }
}

.create-form-res-width {
  display: flex;
}
@media only screen and (max-width: 1180px) {
  .create-form-res-width {
    width: 90%;
  }
}
@media only screen and (min-width: 1180px) {
  .create-form-res-width {
    padding: 0 16px;
    width: 100%;
  }
}

.create-form-grid {
  display: grid;
  row-gap: 20px;
}
@media only screen and (max-width: 1180px) {
  .create-form-grid {
    grid-template-columns: auto;
    width: 90%;
  }
}
@media only screen and (min-width: 1180px) {
  .create-form-grid {
    padding: 0 16px;
    grid-template-columns: auto auto;
    width: 100%;
    column-gap: 15px;
  }
}

@media only screen and (max-width: 1180px) {
  .reset-password-card {
    width: calc(100vw - 60px);
  }
}
@media only screen and (min-width: 1180px) {
  .reset-password-card {
    min-width: 420px;
  }
}
.reset-password-card .reset-password-card-logo {
  align-self: center;
  width: 80px;
  height: 80px;
  border: 1px solid #D8D8D8;
  border-radius: 50px;
  padding: 12px;
}

i[class*=fc-] {
  -webkit-mask-size: cover;
          mask-size: cover;
  -webkit-mask-position: 50% 50%;
          mask-position: 50% 50%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  background: currentColor;
  width: 1em;
  height: 1em;
}
i[class*=fc-car-damage] {
  -webkit-mask-image: url("/assets/icons/svg/car-damage.svg");
  -webkit-mask-size: contain; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/car-damage.svg");
  mask-size: contain; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-nodamage] {
  -webkit-mask-image: url("/assets/icons/svg/car-nodamage.svg");
  -webkit-mask-size: contain; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/car-nodamage.svg");
  mask-size: contain; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-circle-pen] {
  -webkit-mask-image: url("/assets/icons/svg/circle-pen.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/circle-pen.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-circle-success] {
  -webkit-mask-image: url("/assets/icons/svg/circle-success.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/circle-success.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-circle-cancel] {
  -webkit-mask-image: url("/assets/icons/svg/circle-cancel.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/circle-cancel.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-circle-edit] {
  -webkit-mask-image: url("/assets/icons/svg/circle-edit.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/circle-edit.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-user] {
  -webkit-mask-image: url("/assets/icons/svg/user.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/user.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-wash] {
  -webkit-mask-image: url("/assets/icons/svg/car-wash.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/car-wash.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-sun] {
  -webkit-mask-image: url("/assets/icons/svg/car-wash.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("/assets/icons/svg/sun.svg");
          mask-image: url("/assets/icons/svg/sun.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-damagezoom] {
  -webkit-mask-image: url("/assets/icons/svg/car_damagezoom.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/car_damagezoom.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-camera] {
  -webkit-mask-image: url("/assets/icons/svg/camera.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/camera.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-pen] {
  -webkit-mask-image: url("/assets/icons/svg/pen.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/pen.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-download] {
  -webkit-mask-image: url("/assets/icons/svg/download.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/download.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-file-list] {
  -webkit-mask-image: url("/assets/icons/svg/file-list.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/file-list.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-timer-count] {
  -webkit-mask-image: url("/assets/icons/svg/timer-count.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/timer-count.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-lock-regular] {
  -webkit-mask-image: url("/assets/icons/svg/lock_regular.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/lock_regular.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-camera-ai] {
  -webkit-mask-image: url("/assets/icons/svg/camera-ai.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/camera-ai.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-img-progress] {
  -webkit-mask-image: url("/assets/icons/svg/img-in-progress.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/img-in-progress.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-info] {
  -webkit-mask-image: url("/assets/icons/svg/info.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/info.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-camera-second] {
  -webkit-mask-image: url("/assets/icons/svg/icon-camera.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/icon-camera.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-approver-check] {
  -webkit-mask-image: url("/assets/icons/svg/approver-check.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/approver-check.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-ai] {
  -webkit-mask-image: url("/assets/icons/svg/car-ai.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/car-ai.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-save] {
  -webkit-mask-image: url("/assets/icons/svg/save.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/save.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-location-error] {
  -webkit-mask-image: url("/assets/icons/svg/location-error.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/location-error.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-stopwatch-alert] {
  -webkit-mask-image: url("/assets/icons/svg/stopwatch-alert.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/stopwatch-alert.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-time-waiting] {
  -webkit-mask-image: url("/assets/icons/time-waiting.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/time-waiting.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-warning] {
  -webkit-mask-image: url("/assets/icons/svg/warning.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/warning.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-img-ai] {
  -webkit-mask-image: url("/assets/icons/svg/menu/pic_ai_line.svg");
  mask-image: url("/assets/icons/svg/menu/pic_ai_line.svg");
  -webkit-mask-size: cover;
          mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-img-approver] {
  -webkit-mask-image: url("/assets/icons/svg/approver.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/approver.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-img-default] {
  -webkit-mask-image: url("/assets/icons/svg/menu/img-default.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/img-default.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-cencel-ai] {
  -webkit-mask-image: url("/assets/icons/svg/menu/Cencel_AI_Detect.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/Cencel_AI_Detect.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-photo-plus] {
  -webkit-mask-image: url("/assets/icons/svg/menu/photo-plus.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/photo-plus.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-waiting] {
  -webkit-mask-image: url("/assets/icons/svg/waiting.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/waiting.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-info-status] {
  -webkit-mask-image: url("/assets/icons/svg/info-status.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/info-status.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-file-text] {
  -webkit-mask-image: url("/assets/icons/svg/text-file-solid.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/text-file-solid.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-file-img] {
  -webkit-mask-image: url("/assets/icons/svg/img-text-solid.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/img-text-solid.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-alert-status] {
  -webkit-mask-image: url("/assets/icons/svg/alert-status.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/alert-status.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-minimize] {
  -webkit-mask-image: url("/assets/icons/svg/menu/minimize.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/minimize.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-plus] {
  -webkit-mask-image: url("/assets/icons/svg/menu/plus.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/plus.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-minus] {
  -webkit-mask-image: url("/assets/icons/svg/menu/minus.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/minus.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-maximize] {
  -webkit-mask-image: url("/assets/icons/svg/menu/maximize.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/menu/maximize.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-rounded-plus] {
  -webkit-mask-image: url("/assets/icons/svg/rounded-plus.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/rounded-plus.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-eye] {
  -webkit-mask-image: url("/assets/icons/svg/eye.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/eye.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-eye-closed] {
  -webkit-mask-image: url("/assets/icons/svg/eye-closed.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/eye-closed.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-reload] {
  -webkit-mask-image: url("/assets/icons/svg/reload-line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/reload-line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-xmark] {
  -webkit-mask-image: url("/assets/icons/svg/close_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/close_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-check] {
  -webkit-mask-image: url("/assets/icons/svg/check_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/check_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-add-box] {
  -webkit-mask-image: url("/assets/icons/svg/add_circle_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/add_circle_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-map-pin] {
  -webkit-mask-image: url("/assets/icons/svg/map-pin.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/map-pin.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-save-regula] {
  -webkit-mask-image: url("/assets/icons/svg/save_2_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/save_2_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-trash] {
  -webkit-mask-image: url("/assets/icons/svg/trash.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/trash.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-check-circle] {
  -webkit-mask-image: url("/assets/icons/svg/check-circle.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/check-circle.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-photo-error] {
  -webkit-mask-image: url("/assets/icons/svg/photo-error.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/photo-error.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-undo] {
  -webkit-mask-image: url("/assets/icons/svg/mi_undo.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/mi_undo.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-clock-hour] {
  -webkit-mask-image: url("/assets/icons/svg/clock-hour-5.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/clock-hour-5.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-calendar-event] {
  -webkit-mask-image: url("/assets/icons/svg/calendar-event.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/calendar-event.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-loader] {
  -webkit-mask-image: url("/assets/icons/svg/loader.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/loader.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-pencil] {
  -webkit-mask-image: url("/assets/icons/svg/pencil.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/pencil.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-copy] {
  -webkit-mask-image: url("/assets/icons/svg/copy.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/copy.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-link] {
  -webkit-mask-image: url("/assets/icons/svg/link.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  mask-image: url("/assets/icons/svg/link.svg");
  mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-not-car] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-not-car.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-not-car.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-blur] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-blur.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-blur.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-angle] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-angle.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-angle.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-brightness] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-brightness.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-brightness.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-distance] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-distance.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-distance.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-reflection] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-reflection.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-reflection.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-noti-shoot-from-screen] {
  -webkit-mask-image: url("/assets/icons/ai-status/ai-noti-shoot-from-screen.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai-status/ai-noti-shoot-from-screen.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-right-line] {
  -webkit-mask-image: url("/assets/icons/system/arrows/right_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/system/arrows/right_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-fit-100] {
  -webkit-mask-image: url("/assets/icons/svg/fit-photo-line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/fit-photo-line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-right-fill] {
  -webkit-mask-image: url("/assets/icons/system/arrows/right_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/system/arrows/right_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-information-line] {
  -webkit-mask-image: url("/assets/icons/svg/information_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/information_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-exit-full-size] {
  -webkit-mask-image: url("/assets/icons/svg/fullscreen_exit_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/fullscreen_exit_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-information-line] {
  -webkit-mask-image: url("/assets/icons/svg/information_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/information_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-file-time-fille] {
  -webkit-mask-image: url("/assets/icons/svg/file_time_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/file_time_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-pencil-fill] {
  -webkit-mask-image: url("/assets/icons/svg/pencil_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/pencil_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-checks-line] {
  -webkit-mask-image: url("/assets/icons/svg/checks_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/checks_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-file-check-fill] {
  -webkit-mask-image: url("/assets/icons/svg/file_check_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/file_check_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-corner-down-right] {
  -webkit-mask-image: url("/assets/icons/svg/corner-down-right.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/corner-down-right.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-bling-fill] {
  -webkit-mask-image: url("/assets/icons/svg/bling_fill.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/bling_fill.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-font] {
  -webkit-mask-image: url("/assets/icons/car/front-straight-angle.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/front-straight-angle.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-font_left] {
  -webkit-mask-image: url("/assets/icons/car/front-left-angle-45.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/front-left-angle-45.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-font_right] {
  -webkit-mask-image: url("/assets/icons/car/front-right-angle-45.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/front-right-angle-45.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-left] {
  -webkit-mask-image: url("/assets/icons/car/left-side-angle.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/left-side-angle.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-rear] {
  -webkit-mask-image: url("/assets/icons/car/rear-corner.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/rear-corner.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-rear_left] {
  -webkit-mask-image: url("/assets/icons/car/rear-left-angle-45.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/rear-left-angle-45.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-rear_right] {
  -webkit-mask-image: url("/assets/icons/car/rear-right-angle-45.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/rear-right-angle-45.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-right] {
  -webkit-mask-image: url("/assets/icons/car/right-side-angle.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/right-side-angle.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-top] {
  -webkit-mask-image: url("/assets/icons/car/roof-angle.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car/roof-angle.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-success] {
  -webkit-mask-image: url("/assets/icons/success.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/success.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-pdf-line] {
  -webkit-mask-image: url("/assets/icons/svg/pdf_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/pdf_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-lock-fill] {
  -webkit-mask-image: url("/assets/icons/svg/lock_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/lock_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-refresh-fill] {
  -webkit-mask-image: url("/assets/icons/svg/refresh_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/refresh_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-information-fill] {
  -webkit-mask-image: url("/assets/icons/svg/information_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/information_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-file-more] {
  -webkit-mask-image: url("/assets/icons/svg/file_more_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/file_more_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-qrcode-fill] {
  -webkit-mask-image: url("/assets/icons/svg/qrcode_2_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/qrcode_2_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-phone-fill] {
  -webkit-mask-image: url("/assets/icons/svg/phone-filled.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/phone-filled.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-information-fill] {
  -webkit-mask-image: url("/assets/icons/svg/information_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/information_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-image-add] {
  -webkit-mask-image: url("/assets/icons/svg/img-add-filled.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/img-add-filled.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-user-line] {
  -webkit-mask-image: url("/assets/icons/svg/user_1_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/user_1_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-email] {
  -webkit-mask-image: url("/assets/icons/svg/envelope.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/envelope.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-copyright] {
  -webkit-mask-image: url("/assets/icons/svg/copyright.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/copyright.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-check-list] {
  -webkit-mask-image: url("/assets/icons/svg/list_check_3_line.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/list_check_3_line.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-lock-fill-bg] {
  -webkit-mask-image: url("/assets/icons/svg/lock_fill_bg.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-image: url("/assets/icons/svg/lock_fill.svg");
          mask-image: url("/assets/icons/svg/lock_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-camera-action] {
  -webkit-mask-image: url("/assets/icons/svg/camera_action.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/camera_action.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-time-fill] {
  -webkit-mask-image: url("/assets/icons/svg/time_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/time_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-manual] {
  -webkit-mask-image: url("/assets/icons/svg/manual.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/manual.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-ai-wink-outline] {
  -webkit-mask-image: url("/assets/icons/ai_wink_outline.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/ai_wink_outline.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-car-icon] {
  -webkit-mask-image: url("/assets/icons/car-icon.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/car-icon.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-document-icon] {
  -webkit-mask-image: url("/assets/icons/document-icon.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/document-icon.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-inspector-icon] {
  -webkit-mask-image: url("/assets/icons/inspector-icon.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/inspector-icon.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-link-history-icon] {
  -webkit-mask-image: url("/assets/icons/link-history-icon.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/link-history-icon.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-user-icon] {
  -webkit-mask-image: url("/assets/icons/user-icon.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/user-icon.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-frame-righ], i[class*=fc-frame-right] {
  -webkit-mask-image: url("/assets/icons/svg/frame_right.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/frame_right.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-frame-left] {
  -webkit-mask-image: url("/assets/icons/svg/frame_left.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/frame_left.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-safe-alert-fill] {
  -webkit-mask-image: url("/assets/icons/svg/safe_alert_fill.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/safe_alert_fill.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-close-circle-line] {
  -webkit-mask-image: url("/assets/icons/svg/close_circle_line.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/close_circle_line.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-check-circle-line] {
  -webkit-mask-image: url("/assets/icons/svg/check_circle_line.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/check_circle_line.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-download-2-line] {
  -webkit-mask-image: url("/assets/system/file/download_2_line.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/system/file/download_2_line.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-arrow-left-line] {
  -webkit-mask-image: url("/assets/system/arrows/arrow_left_line.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/system/arrows/arrow_left_line.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-bling-fill] {
  -webkit-mask-image: url("/assets/icons/svg/bling_fill.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/icons/svg/bling_fill.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-upload-line] {
  -webkit-mask-image: url("/assets/system/file/upload_2_line.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/system/file/upload_2_line.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-photo-album-fill] {
  -webkit-mask-image: url("/assets/system/file/photo_album_fill.svg");
  -webkit-mask-size: cover;
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/system/file/photo_album_fill.svg");
  mask-size: cover;
  mask-position: center;
  mask-repeat: no-repeat;
}
i[class*=fc-check-fill] {
  -webkit-mask-image: url("/assets/system/check_fill.svg");
  -webkit-mask-size: cover; /* OR cover OR fixed values */
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-image: url("/assets/system/check_fill.svg");
  mask-size: cover; /* OR cover OR fixed values */
  mask-position: center;
  mask-repeat: no-repeat;
}

.audio-player .badge-track {
  position: relative;
  min-height: 50px;
}
.audio-player .badge-track .badge {
  display: inline-block;
  height: 25px;
  width: 25px;
  border-radius: 50%;
}
.audio-player .time-bar {
  position: relative;
  height: 30px;
  overflow: hidden;
}
.audio-player .time-bar .time-bar-background {
  position: absolute;
  height: 100%;
  background-color: #E8EAF6;
  z-index: 1;
}
.audio-player .time-bar .time-bar-agent {
  position: absolute;
  height: 100%;
  background-color: #0300AE;
  z-index: 2;
}
.audio-player .time-bar .time-bar-customer {
  position: absolute;
  height: 100%;
  background-color: #3DB61B;
  z-index: 2;
}
.audio-player .vertical-divider {
  border-left: 1px solid #E8EAF6;
  height: 50px;
}

#tickmarks {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 2px;
  height: 30px;
}

#tickmarks p {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  text-align: center;
  width: 1px;
  color: var(--secondary-light);
  background: var(--secondary-light);
  height: 10px;
  line-height: 40px;
  margin: 20px 0 0 0;
}

.overview-container {
  height: 330px;
}
@media (min-width: 1280px) {
  .overview-container {
    width: 600px;
  }
}
@media (min-width: 1920px) {
  .overview-container {
    width: 680px;
  }
}

.breakdown-container {
  height: 330px;
}
@media (min-width: 1280px) {
  .breakdown-container {
    width: 600px;
  }
}
@media (min-width: 1920px) {
  .breakdown-container {
    width: 680px;
  }
}

.categories-container {
  height: 1200px;
}
@media (min-width: 1280px) {
  .categories-container {
    width: 1225px;
  }
}
@media (min-width: 1920px) {
  .categories-container {
    width: 1380px;
  }
}

.audio-player-container {
  height: 380px;
}
@media (min-width: 1280px) {
  .audio-player-container {
    width: 1225px;
  }
}
@media (min-width: 1920px) {
  .audio-player-container {
    width: 1380px;
  }
}

.conversation-container {
  height: 580px;
}
@media (min-width: 1280px) {
  .conversation-container {
    width: 1225px;
  }
}
@media (min-width: 1920px) {
  .conversation-container {
    width: 1380px;
  }
}

.overview-card {
  border: 1px solid #E8EAF6;
  width: 23%;
  height: 210px;
  margin-left: 4px;
  margin-right: 4px;
}
.overview-card .overview-time {
  font-size: 28px;
  font-weight: bold;
}
.overview-card .overview-topic {
  font-size: 16px;
}

.category-card {
  width: 20%;
  margin-left: 12px;
  margin-right: 12px;
}
.category-card .category-header {
  width: 100%;
  height: 70px;
}
.category-card .category-header[data-category=compliance] {
  background-color: #F6B545;
}
.category-card .category-header[data-category=sentiment] {
  background-color: #3DB61B;
}
.category-card .category-header[data-category=communication] {
  background-color: #5EBDFA;
}
.category-card .category-header[data-category=politeness] {
  background-color: #FF1794;
}
.category-card .category-header[data-category=emotional] {
  background-color: #7000C8;
}
.category-card .category-card-bg {
  width: 100%;
  height: 899px;
}
.category-card .category-card-bg[data-category=compliance] {
  background-color: rgba(246, 181, 69, 0.05);
}
.category-card .category-card-bg[data-category=sentiment] {
  background-color: rgba(61, 182, 27, 0.05);
}
.category-card .category-card-bg[data-category=communication] {
  background-color: rgba(94, 189, 250, 0.05);
}
.category-card .category-card-bg[data-category=politeness] {
  background-color: rgba(255, 23, 148, 0.05);
}
.category-card .category-card-bg[data-category=emotional] {
  background-color: rgba(112, 0, 200, 0.05);
}
.category-card .category-subheader {
  width: 100%;
  height: 50px;
}
.category-card .category-subheader[data-category=compliance] {
  background-color: rgba(246, 181, 69, 0.1);
}
.category-card .category-subheader[data-category=sentiment] {
  background-color: rgba(61, 182, 27, 0.1);
}
.category-card .category-subheader[data-category=communication] {
  background-color: rgba(94, 189, 250, 0.1);
}
.category-card .category-subheader[data-category=politeness] {
  background-color: rgba(255, 23, 148, 0.1);
}
.category-card .category-subheader[data-category=emotional] {
  background-color: rgba(246, 181, 69, 0.1);
}

.conversation-bg {
  background-color: #EDEFF7;
  height: 400px;
}

.message-bubble {
  display: inline-block;
  min-width: 200px;
  max-width: 650px;
  background-color: white;
}

.message-bubble[data-sender=customer] {
  display: block;
  float: right;
  background-color: #D3D7EE;
}

.comment-container .comment-bubble .comment-section .comment-body .comment-delete-btn {
  display: flex;
  flex-direction: row;
  align-self: flex-end;
  justify-content: flex-end;
  float: right;
  width: 20%;
}

.stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label {
  color: black;
  position: absolute;
  top: 8px;
  padding: 0;
  left: 0;
}
.stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header .mat-step-label span button {
  width: 40px;
  height: 40px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
.stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:hover .mat-step-label {
  display: block;
  padding: 0;
}
.stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::before, [dir=rtl] .stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::before, .stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:last-child)::after, [dir=rtl] .stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header:not(:first-child)::after {
  width: calc(50% - 15px);
}
.stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::after, .stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header::before, .stepper-approve.mat-stepper-label-position-bottom .mat-stepper-horizontal-line {
  top: 30px;
  z-index: 1;
}
.stepper-approve .mat-step-header .mat-step-icon {
  z-index: 2;
  background-color: white;
  border: 1px solid;
  border-color: #D8D8D8;
  color: black;
}
.stepper-approve .mat-step-header .mat-step-icon .mat-step-icon-content {
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}
.stepper-approve .mat-step-header .mat-step-icon .mat-step-icon-content app-submit-button {
  margin-top: -1px;
}
.stepper-approve .mat-step-header .mat-step-icon .text {
  position: absolute;
  color: white;
  margin-top: 1px;
}
.stepper-approve .mat-step-header .mat-step-icon .text.approved {
  color: var(--green-600);
}
.stepper-approve .mat-step-header .mat-step-icon .text.edit {
  color: rgb(255, 112, 67);
}
.stepper-approve .mat-step-header .mat-step-icon .text.alert {
  color: #FF1744;
}
.stepper-approve .mat-step-header .mat-step-icon .text.draft, .stepper-approve .mat-step-header .mat-step-icon .text.pending {
  color: black;
}
.stepper-approve .mat-step-header .mat-step-icon.mat-step-icon-state-REJECTED, .stepper-approve .mat-step-header .mat-step-icon.mat-step-icon-state-FAIL {
  border-color: #FF1744;
  color: #FF1744;
  background-color: #FFDCE3;
}
.stepper-approve .mat-step-header .mat-step-icon.mat-step-icon-state-APPROVED, .stepper-approve .mat-step-header .mat-step-icon.mat-step-icon-state-PASS {
  border-color: var(--green-600);
  color: var(--green-600);
  background-color: #D9F7E5;
}
.stepper-approve .mat-step-header .mat-step-icon.mat-step-icon-state-EDIT {
  border: 1px solid !important;
  border-color: rgb(255, 112, 67);
  color: rgb(255, 112, 67);
  background-color: #F7E4DF;
}
.stepper-approve .mat-step-header .mat-step-icon.mat-step-icon-state-DRAFT {
  border-color: #384041;
  color: black;
  background-color: #EBECEC;
}
.stepper-approve .mat-step-header .mat-step-icon-selected {
  min-width: 180px;
  max-width: 230px;
  border-radius: 100px;
  background-color: transparent;
}
.stepper-approve .mat-step-header .mat-step-icon-selected, .stepper-approve .mat-step-header .mat-step-icon-state-done, .stepper-approve .mat-step-header .mat-step-icon-state-edit {
  width: 180px;
  border-radius: 100px;
  background-color: white;
  border: 1px solid #E6E6E6;
  box-shadow: 0px 2px 4px 1px rgba(0, 0, 0, 0.05);
  color: black;
}
.stepper-approve .mat-step-header .mat-step-icon-selected .tooltip-text-page, .stepper-approve .mat-step-header .mat-step-icon-state-done .tooltip-text-page, .stepper-approve .mat-step-header .mat-step-icon-state-edit .tooltip-text-page {
  width: 60%;
  overflow: hidden;
  text-overflow: ellipsis;
}
.stepper-approve .mat-step-header .mat-step-icon-state-disabled {
  background-color: #D8D8D8;
  border: none;
  color: #fff;
}
.stepper-approve .mat-horizontal-stepper-header::before, .stepper-approve .mat-horizontal-stepper-header::after, .stepper-approve .mat-stepper-horizontal-line {
  border-top-color: #D8D8D8;
}
.stepper-approve.mat-stepper-label-position-bottom .mat-horizontal-stepper-header, .stepper-approve.mat-vertical-stepper-header {
  display: block;
  padding: 10px;
}
.stepper-approve .mat-step-icon {
  width: 40px;
  height: 40px;
}
.stepper-approve .mat-step-icon .mat-icon {
  font-size: 22px;
  height: 22px;
  width: 22px;
}
.stepper-approve .mat-horizontal-stepper-header-container {
  background-color: #fff;
}
.stepper-approve .mat-step-header.cdk-keyboard-focused, .stepper-approve .mat-step-header.cdk-program-focused, .stepper-approve .mat-step-header:hover:not([aria-disabled]), .stepper-approve .mat-step-header:hover[aria-disabled=false] {
  background-color: transparent;
}
.stepper-approve.mat-stepper-horizontal {
  background-color: transparent;
}
.stepper-approve .mat-horizontal-content-container {
  padding: 0;
}

.paginator-stepper,
.navigator {
  padding: 0 5px;
  overflow: hidden;
  outline: none;
  cursor: pointer;
  position: relative;
  box-sizing: content-box;
  -webkit-tap-highlight-color: transparent;
  display: flex;
  align-items: center;
  background-color: #fff;
}
.paginator-stepper .btn,
.navigator .btn {
  padding: 0;
  border-radius: 50%;
  position: relative;
}

.stepper-approve.width-up .mat-step-header .mat-step-icon-selected,
.stepper-approve.width-up .mat-step-header .mat-step-icon-state-done,
.stepper-approve.width-up .mat-step-header .mat-step-icon-state-edit {
  width: 225px;
}

.save-draft {
  background-color: #384041 !important;
}

.table-comment {
  width: 100%;
  display: table;
  border-radius: 12px;
}

.table-body {
  display: table-row-group;
}

.table-row {
  display: table-row;
}
.table-row:first-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-top-left-radius: 8px;
  border-bottom: 0;
}
.table-row:first-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-top-right-radius: 8px;
  border-bottom: 0;
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-secondary {
  background: rgba(var(--secondary-normal), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-secondary-light {
  background: rgba(var(--secondary-light), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-text {
  background: rgba(150, 158, 169, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-body-text {
  background: rgba(0, 0, 0, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-background {
  background: rgba(249, 250, 251, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-success {
  background: rgba(0, 176, 107, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-success {
  background: rgba(217, 247, 229, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-alert {
  background: rgba(255, 23, 68, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-alert {
  background: rgba(255, 220, 227, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-warning {
  background: rgba(255, 145, 0, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-overlay {
  background: rgba(0, 8, 18, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-white {
  background: rgba(255, 255, 255, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-black {
  background: rgba(0, 0, 0, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-compliance {
  background: rgba(249, 149, 0, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-sentiment {
  background: rgba(61, 182, 27, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-communication {
  background: rgba(0, 141, 217, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-politeness {
  background: rgba(255, 23, 148, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-emotional {
  background: rgba(176, 50, 189, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-subbody {
  background: rgba(245, 248, 250, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-iiv-primary {
  background: rgba(var(--primary-normal-1), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-pass {
  background: rgba(0, 171, 83, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-edit {
  background: rgba(220, 125, 0, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-light {
  background: rgba(178, 191, 209, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-alert-light {
  background: rgba(255, 112, 67, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-warning-light {
  background: rgba(251, 192, 45, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-overlay-light {
  background: rgba(121, 85, 72, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-cancel {
  background: rgba(121, 85, 72, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-pending {
  background: rgba(255, 112, 67, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-pending {
  background: rgba(247, 228, 223, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-await {
  background: rgba(251, 192, 45, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-expire {
  background: rgba(56, 64, 65, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-pending-brown {
  background: rgba(193, 116, 25, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-background-print {
  background: rgba(246, 249, 251, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-black-soft {
  background: rgba(93, 93, 98, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-primary-dark {
  background: rgba(var(--primary-normal-2), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-primary-light {
  background: rgba(var(--primary-light), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-text-secondary {
  background: rgba(230, 230, 230, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-assign {
  background: rgba(185, 111, 0, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-hightlight-text {
  background: rgba(var(--primary-normal-2), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-navy-gray {
  background: rgba(58, 69, 83, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-hot-pink {
  background: rgba(254, 4, 255, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-hot-bule {
  background: rgba(1, 255, 215, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-light-gray {
  background: rgba(223, 226, 228, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-gray {
  background: rgba(229, 231, 235, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-danger_light {
  background: rgba(252, 201, 201, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-background-2 {
  background: rgba(249, 250, 251, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-danger {
  background: rgba(241, 30, 30, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-info-normal {
  background: rgba(0, 102, 204, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-dividers {
  background: rgba(242, 242, 242, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-border {
  background: rgba(209, 213, 219, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-woodsmoke {
  background: rgba(56, 64, 65, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-disable {
  background: rgba(233, 234, 235, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-text-body {
  background: rgba(107, 114, 128, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-soft-woodsmoke {
  background: rgba(235, 236, 236, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-tables-striped-rows {
  background: rgba(249, 249, 255, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-charcoal {
  background: rgba(34, 34, 34, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-gray-secondary {
  background: rgba(242, 242, 242, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-blue {
  background: rgba(0, 56, 112, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-blue-50 {
  background: rgba(230, 240, 250, 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-info-normal-1 {
  background: rgba(var(--info-normal-1), 0.2);
}
.table-row:last-child .table-body-cell:first-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-left-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:first-child.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}
.table-row:last-child .table-body-cell:last-child {
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-bottom-right-radius: 8px;
  border-top: 0;
}
.table-row:last-child .table-body-cell:last-child.color-yellow-500 {
  background: rgba(var(--yellow-500), 0.2);
}

.table-body-cell {
  display: table-cell;
  padding: 8px;
  vertical-align: top;
  text-align: center;
  table-layout: auto;
}

@media only screen and (max-width: 1180px) {
  .inspect-container .mat-elevation-z8 {
    background: transparent;
    box-shadow: none;
  }
  .inspect-container .mat-header-row, .inspect-container .mat-mdc-header-row {
    display: none;
  }
  .inspect-container tbody {
    display: block;
    width: 100%;
  }
  .inspect-container .mat-table, .inspect-container .mat-mdc-table {
    background: transparent;
  }
  .inspect-container .mat-table *, .inspect-container .mat-mdc-table * {
    box-sizing: border-box;
  }
  .inspect-container .mat-table .mat-row, .inspect-container .mat-table .mat-mdc-row, .inspect-container .mat-mdc-table .mat-row, .inspect-container .mat-mdc-table .mat-mdc-row {
    display: block;
    overflow: hidden;
    height: auto;
    position: relative;
    clear: both;
    box-shadow: 0 2px 1px -1px rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 1px 3px 0 rgba(0, 0, 0, 0.12);
    background-color: #fff;
    border-radius: 3px;
  }
  .inspect-container .mat-table .mat-row + .mat-row, .inspect-container .mat-table .mat-mdc-row + .mat-row, .inspect-container .mat-table .mat-row + .mat-mdc-row, .inspect-container .mat-table .mat-mdc-row + .mat-mdc-row, .inspect-container .mat-mdc-table .mat-row + .mat-row, .inspect-container .mat-mdc-table .mat-mdc-row + .mat-row, .inspect-container .mat-mdc-table .mat-row + .mat-mdc-row, .inspect-container .mat-mdc-table .mat-mdc-row + .mat-mdc-row {
    margin-top: 24px;
  }
  .inspect-container .mat-table .mat-cell, .inspect-container .mat-table .mat-mdc-cell, .inspect-container .mat-mdc-table .mat-cell, .inspect-container .mat-mdc-table .mat-mdc-cell {
    display: block;
    width: 100%;
    padding: 0 16px;
    margin: 16px 0;
    border: 0 none;
  }
  .inspect-container .mat-table .mat-cell:first-child, .inspect-container .mat-table .mat-mdc-cell:first-child, .inspect-container .mat-mdc-table .mat-cell:first-child, .inspect-container .mat-mdc-table .mat-mdc-cell:first-child {
    padding: 0 48px 0 16px;
  }
  .inspect-container .mat-table .mat-cell:first-child a, .inspect-container .mat-table .mat-mdc-cell:first-child a, .inspect-container .mat-mdc-table .mat-cell:first-child a, .inspect-container .mat-mdc-table .mat-mdc-cell:first-child a {
    font-size: 20px;
    color: inherit;
  }
  .inspect-container .mat-table .mat-cell:first-child:before, .inspect-container .mat-table .mat-mdc-cell:first-child:before, .inspect-container .mat-mdc-table .mat-cell:first-child:before, .inspect-container .mat-mdc-table .mat-mdc-cell:first-child:before {
    display: none;
  }
  .inspect-container .mat-table .mat-cell.m-card-sub-title, .inspect-container .mat-table .m-card-sub-title.mat-mdc-cell, .inspect-container .mat-mdc-table .mat-cell.m-card-sub-title, .inspect-container .mat-mdc-table .m-card-sub-title.mat-mdc-cell {
    margin-top: -8px;
    padding: 0 48px 0 16px;
    color: rgba(0, 0, 0, 0.54);
  }
  .inspect-container .mat-table .has_label_on_mobile:before, .inspect-container .mat-mdc-table .has_label_on_mobile:before {
    content: attr(data-label);
    display: inline;
    font-weight: normal;
  }
  .inspect-container .mat-table .mat-column-star, .inspect-container .mat-mdc-table .mat-column-star {
    width: auto;
    padding: 8px 0 0 !important;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
  }
  .inspect-container .mat-table .mat-column-star:before, .inspect-container .mat-mdc-table .mat-column-star:before {
    display: none;
  }
  .inspect-container .mat-paginator, .inspect-container .mat-mdc-paginator {
    margin-top: 24px;
  }
}
.emptry-data {
  display: flex;
  height: 200px;
  min-height: 200px;
  padding: 12px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  background: var(--gray-50);
  font-size: 16px;
}

.mat-mdc-header-cell {
  color: rgba(0, 0, 0, 0.6);
  font-weight: 500;
  font-size: 14px;
  border-bottom-width: var(--mat-table-row-item-outline-width, 1px) !important;
}

.mat-mdc-cell {
  --mat-table-row-item-outline-width: 0px;
}

.notification-content {
  position: absolute;
  max-width: 100vw;
  width: 30vw;
  top: 30px;
  right: -4.8vw;
  background: white;
  color: black;
  height: fit-content;
  font-size: 16px;
  border-radius: 12px;
  box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12);
}
.notification-content::after {
  content: "";
  height: 25px;
  width: 25px;
  position: absolute;
  background-color: #ffffff;
  transform: rotate(45deg);
  right: 11%;
  top: -5px;
}
.notification-content .body {
  min-height: 10vh;
  max-height: 40vh;
  overflow: hidden;
  overflow-y: scroll;
}
.notification-content .body > div {
  border-top: 1px solid rgba(216, 223, 234, 0.75);
}
.notification-content .empty-body {
  min-height: 10vh;
  max-height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(249, 250, 251, 0.5);
}
.notification-content .empty-body > div {
  border-top: 1px solid rgba(216, 223, 234, 0.75);
}

.menu-notification .mat-mdc-menu-content {
  box-shadow: 0 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);
  border-radius: 12px;
  border: 1px solid rgba(216, 223, 234, 0.75);
  font-size: 14px;
  background: white;
  color: black;
  height: fit-content;
  display: grid;
  align-content: space-between;
  padding: 0;
}
.menu-notification .mat-mdc-menu-content .header {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
}
.menu-notification .mat-mdc-menu-content .header .mat-chip.mat-chip-selected, .menu-notification .mat-mdc-menu-content .header .mat-chip.mat-mdc-chip-selected, .menu-notification .mat-mdc-menu-content .header .mat-chip-selected.mat-mdc-chip, .menu-notification .mat-mdc-menu-content .header .mat-mdc-chip.mat-mdc-chip-selected {
  background-color: var(--primary-normal-1);
}
.menu-notification .mat-mdc-menu-content .header .mat-mdc-standard-chip {
  background-color: white;
  --mat-chip-outline-color: #e5e7eb;
  --mat-chip-outline-width: 0.5px;
}
.menu-notification .mat-mdc-menu-content .header .selected.mat-mdc-standard-chip {
  --mat-chip-label-text-color: white;
}
.menu-notification .mat-mdc-menu-content .header mat-chip-list {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  margin: -4px;
  gap: 6px;
}
.menu-notification .mat-mdc-menu-content .body {
  min-height: 10vh;
  max-height: 40vh;
  overflow: hidden;
  overflow-y: scroll;
}
.menu-notification .mat-mdc-menu-content .body > div {
  border-top: 1px solid rgba(216, 223, 234, 0.75);
}
.menu-notification .mat-mdc-menu-content .empty-body {
  min-height: 10vh;
  max-height: 40vh;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(249, 250, 251, 0.5);
}
.menu-notification .mat-mdc-menu-content .empty-body > div {
  border-top: 1px solid rgba(216, 223, 234, 0.75);
}
.menu-notification .mat-mdc-menu-content .footer {
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  height: 36px;
  background-color: white;
  width: 100%;
  border-radius: 0 0 12px 12px;
}

@media only screen and (max-width: 1180px) {
  .menu-notification .mat-mdc-menu-content .header {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: 6px;
    height: auto;
  }
  .menu-notification .mat-mdc-menu-content .header mat-chip-list {
    width: 100%;
  }
  .menu-notification .mat-mdc-menu-content .header mat-chip-list .mat-chip-list-wrapper, .menu-notification .mat-mdc-menu-content .header mat-chip-list .mat-mdc-chip-list-wrapper {
    justify-content: center;
  }
  .notification-content {
    width: 95vw;
    top: 30px;
    right: -65px;
  }
}
.toast-container .notification-toast.toast-info {
  background-color: white;
  color: black;
  border-radius: 12px;
  padding: 15px;
  margin-left: -5px;
}
.toast-container .notification-toast.toast-info.success {
  border-left: 5px solid var(--green-600);
}
.toast-container .notification-toast.toast-info.alert {
  border-left: 5px solid #FF1744;
}
.toast-container .notification-toast.toast-info.warning {
  border-left: 5px solid #F79400;
}
.toast-container .notification-toast.toast-info.cancel {
  border-left: 5px solid #795548;
}
.toast-container .notification-toast.toast-info.pending {
  border-left: 5px solid rgb(255, 112, 67);
}
.toast-container .notification-toast.toast-info.expire {
  border-left: 5px solid #384041;
}
.toast-container .notification-toast.toast-info.await {
  border-left: 5px solid rgb(251, 192, 45);
}
.toast-container .notification-toast.toast-info.assign {
  border-left: 5px solid #B96F00;
}

.notification-list .mat-chip-list-wrapper .mat-chip.mat-chip-selected, .notification-list .mat-chip-list-wrapper .mat-chip.mat-mdc-chip-selected, .notification-list .mat-mdc-chip-list-wrapper .mat-chip.mat-chip-selected, .notification-list .mat-mdc-chip-list-wrapper .mat-chip.mat-mdc-chip-selected, .notification-list .mat-chip-list-wrapper .mat-chip-selected.mat-mdc-chip, .notification-list .mat-chip-list-wrapper .mat-mdc-chip.mat-mdc-chip-selected, .notification-list .mat-mdc-chip-list-wrapper .mat-chip-selected.mat-mdc-chip, .notification-list .mat-mdc-chip-list-wrapper .mat-mdc-chip.mat-mdc-chip-selected {
  background-color: var(--primary-normal-1);
}
.notification-list .body .card-responsive-flex {
  display: flex;
}
@media only screen and (min-width: 1180px) {
  .notification-list .body .card-responsive-flex {
    flex-direction: row;
    justify-content: space-between;
  }
  .notification-list .body .card-responsive-flex .text-right {
    text-align: end;
  }
}
@media only screen and (max-width: 1180px) {
  .notification-list .body .card-responsive-flex {
    flex-direction: column;
  }
}
@media only screen and (min-width: 1180px) {
  .notification-list {
    width: 50%;
  }
}
@media only screen and (max-width: 1180px) {
  .notification-list {
    width: 95%;
  }
}

.inspection-task-detail-card-layout {
  display: flex;
  width: 100%;
  column-gap: 30px;
}
.inspection-task-detail-card-layout .contact-info-layout {
  display: flex;
  width: 100%;
  row-gap: 2px;
}
.inspection-task-detail-card-layout .contact-info-layout .contain-info-value {
  overflow: hidden;
  text-overflow: ellipsis;
}
.inspection-task-detail-card-layout .icon-container {
  width: 50%;
}

.inspection-task-detail-card {
  padding: 24px;
}

.task-detail-contain {
  display: grid;
  min-width: 1300px;
  max-width: 1300px;
  gap: 20px;
}

.disagree-box {
  max-height: auto;
  min-width: 250px;
  top: 65px;
  z-index: 2;
  right: 0;
  box-shadow: 0px 2px 5px 4px rgba(0, 0, 0, 0.07);
}
.disagree-box::after {
  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  background-color: white;
  top: -6px;
  right: 55px;
  transform: rotate(45deg);
  box-shadow: -2px -2px 4px 1px rgba(0, 0, 0, 0.05);
}

.disagree-box.dis-agree::after {
  content: "";
  height: 14px;
  width: 14px;
  position: absolute;
  background-color: white;
  top: -6px;
  right: 16px;
  transform: rotate(45deg);
  box-shadow: -2px -2px 4px 1px rgba(0, 0, 0, 0.05);
}

.ai-bounding-boxs {
  opacity: 1;
}

.status-log-card {
  width: 100%;
}

@media only screen and (max-width: 1180px) {
  .inspection-task-detail-card-layout {
    flex-direction: column;
    row-gap: 20px;
  }
  .inspection-task-detail-card-layout app-info-card {
    width: 100%;
  }
  .inspection-task-detail-card-layout .contact-info-layout {
    gap: 8px;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-key {
    width: 100%;
    text-align: start;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-value {
    width: 100%;
    text-align: start;
    display: grid;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-value.contain-icon {
    display: flex !important;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-value .icon-container {
    display: flex;
    width: fit-content;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-value .icon-container i {
    margin: 0;
    align-self: center;
  }
  .inspection-task-detail-card-layout .icon-container {
    display: block;
  }
  .task-detail-contain {
    max-width: 100%;
    min-width: 100%;
  }
  .inspection-task-detail-card {
    padding: 4px;
  }
}
.zoom-image {
  width: 100%;
  max-height: 620px;
  overflow: hidden;
  position: relative;
}
.zoom-image img {
  position: absolute;
  width: auto;
  height: auto;
}

.zoom-image {
  width: 100%;
  max-height: 620px;
  background: #000000;
  overflow: hidden;
  position: relative;
}
.zoom-image.read_only > img {
  position: absolute;
  width: 100% !important;
  height: max-content !important;
  max-height: 620px;
  max-width: fit-content;
  min-height: 620px;
}

.zoom-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 5;
}
.zoom-controls .zoom {
  display: inline-block;
  min-width: 30px;
  height: 30px;
  background: grey;
}
.zoom-controls .zoom-in {
  background: green;
}
.zoom-controls .zoom-out {
  background: red;
}
.zoom-controls .zoom-reset {
  background: yellow;
}

.zoom0 {
  width: 300px;
  height: 200px;
}

.zoom1 {
  width: 500px;
  height: 100px;
}

.range-wrap {
  position: absolute;
  display: grid;
  align-content: center;
  height: 120px;
  transform: translateX(-36%) translateY(0%) rotate(-90deg);
}

.range {
  width: 100%;
}

.bubble {
  color: var(--primary-normal-2);
  padding: 4px 2px;
  position: absolute;
  border-radius: 4px;
  transform: translateX(-50%) translateY(105%) rotate(90deg);
  font-size: 7px;
}

.bubble::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 2px;
  top: -1px;
  left: 50%;
}

@media only screen and (min-width: 1180px) {
  .inspection-task-detail-card-layout {
    flex-direction: row;
  }
  .inspection-task-detail-card-layout app-info-card {
    width: 100%;
  }
  .inspection-task-detail-card-layout .contact-info-layout {
    flex-direction: row;
    column-gap: 30px;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-key {
    width: 50%;
    text-align: end;
  }
  .inspection-task-detail-card-layout .contact-info-layout .contain-info-value {
    width: 50%;
    text-align: start;
  }
  .inspection-task-detail-card-layout .icon-container {
    margin-left: 8px;
  }
  .status-log-card {
    width: 30% !important;
  }
}
.bounce2 {
  background: white;
  border-top: 1px solid rgba(216, 223, 234, 0.75);
  animation: bounce-in-down 0.6s ease infinite;
  animation-iteration-count: 1;
}

@keyframes bounce-in-down {
  0% {
    transform: translateY(0px);
  }
  20% {
    transform: translateY(-15px);
  }
  100% {
    transform: translateY(0px);
  }
}
.copy-link-tooltip {
  display: flex;
  margin-top: 4px;
  gap: 4px;
  align-items: center;
}
.copy-link-tooltip input {
  font-size: 14px;
}

.image-status-remark__small {
  @apply absolute top-1 right-1;
}
.image-status-remark__medium {
  @apply absolute right-4;
}

.p-tooltip .p-tooltip-text {
  @apply font-noto-sans px-3 py-1;
  background-color: white !important;
  box-shadow: none !important;
  color: black !important;
}

.mat-mdc-tooltip-panel-left .info-tooltip::after,
.mat-mdc-tooltip-panel-left .not-data-tooltip::after,
.mat-mdc-tooltip-panel-left .no-photo-tooltip::after,
.mat-mdc-tooltip-panel-left .waiting-data-tooltip::after,
.mat-mdc-tooltip-panel-left .note-tooltip::after,
.mat-mdc-tooltip-panel-left .info-ai-tooltip::after,
.mat-mdc-tooltip-panel-left .not-ai-data-tooltip::after,
.mat-mdc-tooltip-panel-left .waiting-ai-data-tooltip::after,
.mat-mdc-tooltip-panel-left .success-tooltip::after,
.mat-mdc-tooltip-panel-left .success-ai-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  top: 47%;
  right: -5px;
  left: auto;
  transform: rotate(-45deg);
}

.mat-mdc-tooltip-panel-below .info-tooltip::after,
.mat-mdc-tooltip-panel-below .not-data-tooltip::after,
.mat-mdc-tooltip-panel-below .no-photo-tooltip::after,
.mat-mdc-tooltip-panel-below .waiting-data-tooltip::after,
.mat-mdc-tooltip-panel-below .note-tooltip::after,
.mat-mdc-tooltip-panel-below .info-ai-tooltip::after,
.mat-mdc-tooltip-panel-below .not-ai-data-tooltip::after,
.mat-mdc-tooltip-panel-below .waiting-ai-data-tooltip::after,
.mat-mdc-tooltip-panel-below .success-tooltip::after,
.mat-mdc-tooltip-panel-below .success-ai-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  top: -5px;
  left: 47%;
  transform: rotate(225deg);
}

.mat-mdc-tooltip-panel-right .info-tooltip::after,
.mat-mdc-tooltip-panel-right .not-data-tooltip::after,
.mat-mdc-tooltip-panel-right .no-photo-tooltip::after,
.mat-mdc-tooltip-panel-right .waiting-data-tooltip::after,
.mat-mdc-tooltip-panel-right .note-tooltip::after,
.mat-mdc-tooltip-panel-right .info-ai-tooltip::after,
.mat-mdc-tooltip-panel-right .not-ai-data-tooltip::after,
.mat-mdc-tooltip-panel-right .waiting-ai-data-tooltip::after,
.mat-mdc-tooltip-panel-right .success-tooltip::after,
.mat-mdc-tooltip-panel-right .success-ai-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  top: 47%;
  left: -5px;
  transform: rotate(135deg);
}

.info-ai-tooltip,
.not-ai-data-tooltip,
.waiting-ai-data-tooltip,
.success-ai-tooltip {
  background: #fff;
}
.info-ai-tooltip .mdc-tooltip__surface,
.not-ai-data-tooltip .mdc-tooltip__surface,
.waiting-ai-data-tooltip .mdc-tooltip__surface,
.success-ai-tooltip .mdc-tooltip__surface {
  font-family: Noto Sans Thai, sans-serif !important;
  font-size: 16px !important;
  background: #fff !important;
  color: black !important;
  padding: 12px 16px !important;
  border-radius: 12px !important;
  transform: none !important;
  animation: none !important;
  min-width: 200px !important;
  max-width: 280px !important;
  white-space: pre-line !important;
  text-align: start !important;
  line-height: 24px !important;
}
.info-ai-tooltip .mdc-tooltip__surface::first-line,
.not-ai-data-tooltip .mdc-tooltip__surface::first-line,
.waiting-ai-data-tooltip .mdc-tooltip__surface::first-line,
.success-ai-tooltip .mdc-tooltip__surface::first-line {
  align-self: flex-start !important;
  font-size: 16px;
  font-weight: 600;
}

.info-tooltip,
.info-ai-tooltip {
  border: 1px solid var(--primary-normal-1);
  border-radius: 12px;
  min-width: 100px;
}
.info-tooltip::after,
.info-ai-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  bottom: -5px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px var(--primary-normal-1);
  border-right: solid 1px var(--primary-normal-1);
}

.not-data-tooltip,
.not-ai-data-tooltip {
  border: 1px solid #FF1744;
  border-radius: 12px;
}
.not-data-tooltip::after,
.not-ai-data-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  bottom: -5px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: 1px solid #FF1744;
  border-right: 1px solid #FF1744;
}

.no-photo-tooltip {
  border: 1px solid #F79400;
  border-radius: 12px;
}
.no-photo-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  bottom: -5.7px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F79400;
  border-right: solid 1px #F79400;
}

.waiting-data-tooltip,
.waiting-ai-data-tooltip {
  border: 1px solid #F79400;
  border-radius: 12px;
}
.waiting-data-tooltip::after,
.waiting-ai-data-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  bottom: -5.7px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: solid 1px #F79400;
  border-right: solid 1px #F79400;
}

.success-tooltip,
.success-ai-tooltip {
  border: 1px solid var(--success-normal);
  border-radius: 12px;
  min-width: 100px;
}
.success-tooltip::after,
.success-ai-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  bottom: -5px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: 1px solid var(--success-normal);
  border-right: 1px solid var(--success-normal);
}

.note-tooltip {
  @apply shadow-sm border-gray-200;
  border: 1px solid #e5e7eb;
}
.note-tooltip::after {
  @apply shadow-sm;
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: #fff !important;
  bottom: -5px;
  left: 47%;
  transform: rotate(45deg);
  border-bottom: 1px solid #e5e7eb;
  border-right: 1px solid #e5e7eb;
}

.dark-tooltip {
  font-size: 14px !important;
}
.dark-tooltip::after {
  content: "";
  height: 10px;
  width: 10px;
  position: absolute;
  background: black !important;
  bottom: -5px;
  left: 47%;
  transform: rotate(45deg);
}

.approver-shadow-box {
  width: 100%;
  height: 20px;
  position: sticky;
  background-size: 100% 20px;
  opacity: 0.7;
}
.approver-shadow-box.bottom {
  bottom: 0;
  position: absolute;
  background: radial-gradient(at bottom, rgba(0, 0, 0, 0.2), transparent 45%) bottom;
}
.approver-shadow-box.bottom.sticky {
  position: sticky;
}
.approver-shadow-box.top {
  top: 0;
  background: radial-gradient(at 50% 0, rgba(0, 0, 0, 0.2), transparent 45%);
}

.box-reason-note {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}

.approve-confirme ul,
.approve-confirme li {
  list-style-type: disc;
}
.approve-confirme ul span,
.approve-confirme li span {
  margin-left: -6px;
}

.qr-block {
  display: flex;
  padding: 16px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 20px;
  flex: 1 0 0;
  font-size: 16px;
}
.qr-block .qr-block-info {
  display: flex;
  width: 380px;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-padding-none, 0px);
  border-radius: 12px;
}
.qr-block .qr-block-info .logo-block {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 4px;
  align-self: stretch;
  background: var(--gray-50);
  height: 66px;
  width: 100%;
  border-radius: 12px 12px 0 0;
}
.qr-block .qr-block-info .logo-block .logo {
  display: flex;
  padding: 4px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  border-radius: 8px;
  background-color: white;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.qr-block .qr-block-info .logo-block .logo img {
  max-height: 30px;
}
.qr-block .qr-block-info .footer {
  display: flex;
  padding: 16px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  align-self: stretch;
  border-radius: 0 0 12px 12px;
  background: var(--gray-50);
}
.qr-block .img-block {
  display: flex;
  justify-content: center;
  align-items: center;
}

.landing-page {
  height: 100vh;
  width: 100vw;
  position: absolute;
  z-index: 9999;
  top: 0;
}

.landing-page-content {
  height: 100vh;
  width: 100vw;
  background-color: white;
  position: absolute;
  z-index: 9999;
  display: grid;
  align-items: end;
  justify-content: center;
  text-align: center;
  font-size: 16px;
}
.landing-page-content .logo {
  display: flex;
  align-items: center;
}

.camera-input-block {
  position: absolute;
  top: -20px;
  width: 10px;
  height: 10px;
}

.camera-view-live > .camera-title {
  position: absolute;
  display: flex;
  justify-content: center;
  width: 100%;
  color: white;
  text-align: center;
  z-index: 7;
  top: 5%;
  font-size: 1rem;
}
.camera-view-live > .camera-title .angle-title {
  padding: 4px 8px;
  border-radius: 16px;
  align-self: center;
  background: rgba(0, 0, 0, 0.6);
}

.portrait-mode {
  display: grid;
  width: 100%;
  height: 100%;
}
.portrait-mode .camera-point-1 {
  height: 100%;
  position: relative;
  width: 100%;
}
.portrait-mode .camera-point-2 {
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-around;
  height: 20vh;
  width: 100vw;
  position: absolute;
  z-index: 20;
  bottom: 0;
  background: linear-gradient(360deg, black, transparent);
}
.portrait-mode .camera-point-2 .camera-pannel {
  transform: rotate(90deg);
  height: auto !important;
}
.portrait-mode .camera-point-2 .camera-pannel .guide-quality {
  width: auto !important;
}
.portrait-mode .camera-view-live,
.portrait-mode .image-pre-view {
  position: absolute;
  display: block;
  width: 100vh;
  height: 100vw;
  margin-top: 50%;
  margin-left: -26.8vh;
  object-fit: fill;
  z-index: 5;
  transform: rotate(90deg) !important;
}
.portrait-mode .camera-view-live.ios-chrome {
  width: 85vh;
  margin-left: -18vh;
  margin-top: 35%;
}
.portrait-mode .camera-view-live.ios-safari {
  width: 90vh;
  margin-left: -19vh;
  margin-top: 35%;
}
.portrait-mode .image-pre-view.android-chrome, .portrait-mode .image-pre-view.ios-chrome, .portrait-mode .image-pre-view.ios-safari {
  transform: rotate(0deg) !important;
  width: 100%;
  margin-left: 0;
  margin-top: 0;
  height: 100%;
}
.portrait-mode .video-stream {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 4;
  visibility: visible;
  object-fit: cover;
}

.landscape-mode {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
.landscape-mode .camera-point-1 {
  height: 100%;
  width: 100%;
}
.landscape-mode .camera-point-2 {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-around;
  width: 20%;
  height: 100%;
  position: absolute;
  z-index: 20;
  right: 0;
  background: linear-gradient(270deg, black, transparent);
}
.landscape-mode .camera-point-2 .guide-quality {
  width: auto !important;
}
.landscape-mode .camera-view-live,
.landscape-mode .image-pre-view {
  position: absolute;
  width: 100%;
  height: 100%;
}
.landscape-mode .video-stream {
  position: absolute;
  width: 100vw;
  height: 100vh;
  object-fit: cover;
  z-index: 4;
  visibility: visible;
}

.success {
  background-color: var(--green-600);
}

.warning {
  background-color: #F79400;
}

.error {
  background-color: #FF1744;
}

.toast-header {
  color: white;
}

.spin-anim {
  animation: spin 1s linear infinite;
}

@keyframes spin {
  100% {
    transform: rotate(360deg);
  }
}
.loader-dot-3 {
  width: 60px;
  aspect-ratio: 2;
  --_g: no-repeat radial-gradient(circle closest-side,lightgray 90%,#0000);
  background: var(--_g) 0% 50%, var(--_g) 50% 50%, var(--_g) 100% 50%;
  background-size: 33.3333333333% 50%;
  animation: l3 1s infinite linear;
}

@keyframes l3 {
  20% {
    background-position: 0% 0%, 50% 50%, 100% 50%;
  }
  40% {
    background-position: 0% 100%, 50% 0%, 100% 50%;
  }
  60% {
    background-position: 0% 50%, 50% 100%, 100% 0%;
  }
  80% {
    background-position: 0% 50%, 50% 50%, 100% 100%;
  }
}
/*
Compatibility layer for Angular Material MDC class names.
This adds MDC selectors to the same rules that target legacy `.mat-*` classes,
so existing styles keep working after upgrading to Material 15+.
*/
/* Form field */
/* Select / option */
/* Menu */
/* Checkbox */
/* Radio */
/* Buttons */
/* Table */
/* Tabs */
/* Chips */
/* Paginator */
/* Spinner */
/* Tooltip */

/*!*******************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./projects/poc/src/styles.layouts.css?ngGlobalStyle ***!
  \*******************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* Portrait and Landscape */
:root {
  /* Value */
  /* colors */
  --primary-50: #e6f3f9;
  --primary-100: #b0d9eb;
  --primary-200: #8ac6e1;
  --primary-300: #54add3;
  --primary-400: #339dcb;
  --primary-500: #0084be;
  --primary-600: #0078ad;
  --primary-700: #005e87;
  --primary-800: #004969;
  --primary-900: #003750;
  --secondary-50: #e6e7f2;
  --secondary-100: #b0b5d5;
  --secondary-200: #8a91c1;
  --secondary-300: #555ea5;
  --secondary-400: #343f93;
  --secondary-500: #010f78;
  --secondary-600: #010e6d;
  --secondary-700: #010b55;
  --secondary-800: #010842;
  --secondary-900: #000632;
  --gray-50: #f2f2f2;
  --gray-100: #d8d8d8;
  --gray-200: #c5c5c5;
  --gray-300: #aaa;
  --gray-400: #999;
  --gray-500: #808080;
  --gray-600: #747474;
  --gray-700: #5b5b5b;
  --gray-800: #464646;
  --gray-900: #363636;
  --zinc-50: #f2f3f4;
  --zinc-100: #d7dadd;
  --zinc-200: #c3c8cc;
  --zinc-300: #a8afb5;
  --zinc-400: #979fa7;
  --zinc-500: #7d8791;
  --zinc-600: #727b84;
  --zinc-700: #596067;
  --zinc-800: #454a50;
  --zinc-900: #35393d;
  --red-50: #fff0f0;
  --red-100: #ffd0d0;
  --red-200: #ffb9b9;
  --red-300: #f67a7a;
  --red-400: #f94e4e;
  --red-500: #f11e1e;
  --red-600: #e85e5e;
  --red-700: #971212;
  --red-800: #8c3939;
  --red-900: #6d0303;
  --orange-50: #fff3e6;
  --orange-100: #ffd9b0;
  --orange-200: #ffc68a;
  --orange-300: #ffad54;
  --orange-400: #ff9d33;
  --orange-500: #ff8400;
  --orange-600: #e87800;
  --orange-700: #b55e00;
  --orange-800: #8c4900;
  --orange-900: #6b3700;
  --amber-50: #fff9e6;
  --amber-100: #ffecb0;
  --amber-200: #ffe38a;
  --amber-300: #ffd654;
  --amber-400: #ffce33;
  --amber-500: #ffc200;
  --amber-600: #e8b100;
  --amber-700: #b58a00;
  --amber-800: #8c6b00;
  --amber-900: #6b5100;
  --yellow-50: #fffde6;
  --yellow-100: #fff9b0;
  --yellow-200: #fff68a;
  --yellow-300: #fff254;
  --yellow-400: #ffef33;
  --yellow-500: #ffeb00;
  --yellow-600: #e8d600;
  --yellow-700: #b5a700;
  --yellow-800: #8c8100;
  --yellow-900: #6b6300;
  --lime-50: #f8fbed;
  --lime-100: #e8f3c7;
  --lime-200: #ddeeac;
  --lime-300: #cde686;
  --lime-400: #c3e16f;
  --lime-500: #b4d94b;
  --lime-600: #a4c544;
  --lime-700: #809a35;
  --lime-800: #637729;
  --lime-900: #4c5b20;
  --green-50: #e6f9f1;
  --green-100: #b0ecd5;
  --green-200: #8ae2c0;
  --green-300: #54d5a3;
  --green-400: #33cd91;
  --green-500: #00c176;
  --green-600: #00b06b;
  --green-700: #008954;
  --green-800: #006a41;
  --green-900: #005132;
  --emerald-50: #e6f7f4;
  --emerald-100: #b0e7de;
  --emerald-200: #8adcce;
  --emerald-300: #54cbb8;
  --emerald-400: #33c1aa;
  --emerald-500: #00b295;
  --emerald-600: #00a288;
  --emerald-700: #007e6a;
  --emerald-800: #006252;
  --emerald-900: #004b3f;
  --teal-50: #e6f4f4;
  --teal-100: #b0dcdc;
  --teal-200: #8acbcb;
  --teal-300: #54b4b4;
  --teal-400: #33a5a5;
  --teal-500: #008f8f;
  --teal-600: #008282;
  --teal-700: #066;
  --teal-800: #004f4f;
  --teal-900: #003c3c;
  --blue-50: #e6f0fa;
  --blue-100: #b0d0ef;
  --blue-200: #8ab9e8;
  --blue-300: #5498dd;
  --blue-400: #3385d6;
  --blue-500: #06c;
  --blue-600: #005dba;
  --blue-700: #004891;
  --blue-800: #003870;
  --blue-900: #002b56;
  --indigo-50: #efedfa;
  --indigo-100: #ccc8f0;
  --indigo-200: #b3aee9;
  --indigo-300: #9089df;
  --indigo-400: #7b72d9;
  --indigo-500: #5a4fcf;
  --indigo-600: #5248bc;
  --indigo-700: #403893;
  --indigo-800: #322b72;
  --indigo-900: #262157;
  --violet-50: #f3f0fb;
  --violet-100: #dbd0f1;
  --violet-200: #c9b9ea;
  --violet-300: #b199e1;
  --violet-400: #a185db;
  --violet-500: #8a67d2;
  --violet-600: #7e5ebf;
  --violet-700: #624995;
  --violet-800: #4c3974;
  --violet-900: #3a2b58;
  --purple-50: #f2f1f8;
  --purple-100: #d7d4e8;
  --purple-200: #c4bfdd;
  --purple-300: #a9a1cd;
  --purple-400: #988fc4;
  --purple-500: #7e73b5;
  --purple-600: #7369a5;
  --purple-700: #595281;
  --purple-800: #453f64;
  --purple-900: #35304c;
  --fuchsia-50: #faf0fa;
  --fuchsia-100: #eecff0;
  --fuchsia-200: #e6b8e9;
  --fuchsia-300: #db97df;
  --fuchsia-400: #d483d9;
  --fuchsia-500: #c964cf;
  --fuchsia-600: #b75bbc;
  --fuchsia-700: #8f4793;
  --fuchsia-800: #6f3772;
  --fuchsia-900: #542a57;
  --pink-50: #fff2fb;
  --pink-100: #ffd7f2;
  --pink-200: #ffc4eb;
  --pink-300: #ffa9e2;
  --pink-400: #f9d;
  --pink-500: #ff7fd4;
  --pink-600: #e874c1;
  --pink-700: #b55a97;
  --pink-800: #8c4675;
  --pink-900: #6b3559;
  --rose-50: #fff0f8;
  --rose-100: #ffd1e8;
  --rose-200: #ffbadd;
  --rose-300: #ff9bcd;
  --rose-400: #ff87c3;
  --rose-500: #ff69b4;
  --rose-600: #e860a4;
  --rose-700: #b54b80;
  --rose-800: #8c3a63;
  --rose-900: #6b2c4c;
  --brown-50: #f6f0ec;
  --brown-100: #e4d1c4;
  --brown-200: #d7baa7;
  --brown-300: #c59b7f;
  --brown-400: #b98766;
  --brown-500: #a86940;
  --brown-600: #99603a;
  --brown-700: #774b2d;
  --brown-800: #5c3a23;
  --brown-900: #472c1b;
  --tangerine-50: #fff6eb;
  --tangerine-100: #ffe3c0;
  --tangerine-200: #ffd6a1;
  --tangerine-300: #ffc376;
  --tangerine-400: #ffb75c;
  --tangerine-500: #ffa533;
  --tangerine-600: #e8962e;
  --tangerine-700: #b57524;
  --tangerine-800: #8c5b1c;
  --tangerine-900: #6b4515;
  --cyan-50: #e6f7fa;
  --cyan-100: #b0e7ef;
  --cyan-200: #8adce8;
  --cyan-300: #54cbdd;
  --cyan-400: #33c1d6;
  --cyan-500: #00b2cc;
  --cyan-600: #00a2ba;
  --cyan-700: #007e91;
  --cyan-800: #006270;
  --cyan-900: #004b56;
  --sky-50: #eff6fb;
  --sky-100: #cde4f1;
  --sky-200: #b5d7eb;
  --sky-300: #94c5e2;
  --sky-400: #7fb9dc;
  --sky-500: #5fa8d3;
  --sky-600: #5699c0;
  --sky-700: #437796;
  --sky-800: #345c74;
  --sky-900: #284759;
  --primary-normal: #0066cc;
  --primary-normal-1: rgb(0, 132, 190);
  --primary-normal-2: rgb(0, 81, 134);
  --primary-light: rgb(230, 243, 249);
  --primary-dark: #003750;
  --secondary-normal: rgb(42, 76, 121);
  --secondary-light: rgb(230, 231, 242);
  --secondary-dark: #000632;
  --black: #000;
  --white: #fff;
  --background: #f9fafb;
  --border: #d1d5db;
  --border-login: #4f68a3;
  --disable: #e9eaeb;
  --dividers: #f3f4f6;
  --background-blue-login: #01438e;
  --background-input-login: #013e7c;
  --tables-striped-rows: #f9f9ff;
  --text-primary: #000;
  --text-body: #6b7280;
  --placeholder: #6b7280;
  --success-normal: #00b06b;
  --success-light: #e6f9f1;
  --success-dark: #005132;
  --success-600: var(--green-600);
  --success-600-rgb: var(--green-600);
  --warning-normal: #ff8400;
  --warning-light: #fff3e6;
  --warning-dark: #6b3700;
  --danger-normal: #f11e1e;
  --danger-light: #fff0f0;
  --danger-dark: #6d0303;
  --waiting-normal: #ffc200;
  --waiting-light: #fff9e6;
  --waiting-dark: #6b5100;
  --info-normal: #06c;
  --info-light: rgb(199,219,243);
  --info-dark: #002b56;
  --default-light: var(--zinc-50);
  --default-dark: var(--black);
  --info-normal-1: rgb(0, 132, 190);
  --hot-bule: #01ffd7;
  --hot-blue: var(--hot-bule);
  /* size */
  --None: 0px;
  --size-4: 4px;
  --size-6: 6px;
  --size-8: 8px;
  --size-10: 10px;
  --size-12: 12px;
  --size-16: 16px;
  --size-20: 20px;
  --size-24: 24px;
  --size-26: 26px;
  --size-30: 30px;
  --size-34: 34px;
  --size-38: 38px;
  --size-42: 42px;
  --size-46: 46px;
  --size-50: 50px;
  --size-54: 54px;
  --size-58: 58px;
  --size-62: 62px;
  --size-full: 1000px;
  --waiting: var(--warning-normal);
  --waiting-50: var(--warning-light);
  --done: var(--blue-500);
  --done-50: var(--blue-50);
  --success: var(--success-normal);
  --success-50: var(--success-light);
  --waiting-approve: var(--warning-normal);
  --waiting-approve-50: var(--warning-light);
  --reject: var(--danger-normal);
  --reject-50: var(--danger-light);
  --send: var(--teal-500);
  --send-50: var(--teal-50);
  --cancel-doc: var(--brown-500);
  --cancel-doc-50: var(--brown-50);
  --cancel: var(--gray-500);
  --cancel-50: var(--gray-50);
  --danger: var(--red-700);
  --danger-50: var(--red-50);
  --default-50: var(--zinc-50);
  --default: var(--black);
  --rgb-warning-normal: 255, 132, 0;
  --rgb-success-normal: 0, 176, 107;
  --rgb-primary-normal: 0, 132, 190;
  --rgb-alert-normal: rgb(151, 18, 18);
  --mat-option-focus-state-layer-color: transparent;
}

/*
This file is used to contain all component imports.
Files inside this folder can contain specific element styles and layout.
*/
.notification {
  position: fixed;
  display: flex;
  flex-direction: row;
  align-items: center;
  color: white;
  z-index: 2;
}
.notification.alert {
  background-color: #FF1744;
}
.notification.success {
  background-color: var(--green-600);
}
.notification.warning {
  background-color: #F79400;
}

@media only screen and (max-width: 1180px) {
  .notification {
    height: 40px;
  }
}
@media only screen and (min-width: 1180px) {
  .notification {
    height: 50px;
    justify-content: center;
  }
}
.main-nav {
  background: transparent;
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
  align-content: center;
  color: var(--primary-normal-2);
  height: 62px;
}
.main-nav a {
  color: var(--primary-normal-2);
  text-decoration: none;
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 150%;
}
.main-nav a.btn {
  display: flex;
  color: var(--primary-normal-2);
  padding: 14px 18px;
  text-align: center;
  text-decoration: none;
  align-content: center;
  border-radius: 0;
  height: 100%;
}
.main-nav a.btn.active-link {
  background: var(--primary-normal-2);
  color: #ffffff;
}
.main-nav a.btn:not(.active-link) span.nav-text {
  filter: brightness(50%);
}
.main-nav a:hover {
  color: var(--primary-normal-1);
}
.main-nav a:hover:not(.active-link) span.nav-text {
  filter: brightness(100%);
}

.menu-nav .mat-menu-item {
  color: var(--primary-normal-2);
  font-weight: 600;
}
.menu-nav .mat-menu-item.active-link {
  background: var(--primary-normal-2);
  color: #ffffff;
}
.menu-nav .mat-menu-item .i-last-child {
  right: 16px;
  position: absolute;
  color: #b2bfd1;
}

.toolbar {
  background: white;
  position: sticky;
  color: var(--primary-normal-2);
  top: 0;
  max-height: 64px;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 999;
  border-bottom: 1px solid #D8D8D8;
}
.toolbar.sandbox-mode {
  max-height: 90px;
}

.header,
.province {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  border-radius: 12px 12px 0 0;
  height: 48px;
}
.header .block-status,
.province .block-status {
  column-gap: 10px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;
}
.header .block-status.angle,
.province .block-status.angle {
  font-size: 14px;
}
@media only screen and (max-width: 1180px) {
  .header,
  .province {
    border-radius: 0;
  }
}

.block-status span.required::after {
  position: absolute;
  content: "*";
  color: #FF1744;
  font-size: 25px;
  top: 0;
}

nav,
.custom-bread-crumb {
  background: rgb(246, 249, 251);
  height: 40px;
  position: sticky;
}

.breadcrumb,
.breadcrumb-item,
.custom-bread-crumb {
  align-items: center;
  display: flex;
}

.breadcrumb {
  border-radius: 2px;
  background: rgb(246, 249, 251);
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  min-height: 2.5rem;
  padding: 0 16px;
  height: 40px;
  width: 100%;
}
@media only screen and (min-width: 1536px) {
  .breadcrumb {
    max-width: 1536px;
    padding: 0;
  }
}

.breadcrumb-item {
  transition-duration: 0.3s;
  transition-property: color;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  color: rgba(0, 0, 0, 0.54);
}
.breadcrumb-item.active {
  color: black;
}

.breadcrumb-item a {
  color: inherit;
  text-decoration: none;
}

.breadcrumb-item + .breadcrumb-item {
  margin-left: 0.5rem;
}

.moverse-header {
  background-size: cover;
  background-repeat: no-repeat;
}
.moverse-header .header-content {
  width: 100%;
  gap: 12px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  padding: 0 16px;
  margin: auto;
}
@media only screen and (min-width: 1536px) {
  .moverse-header .header-content {
    max-width: 1536px;
    padding: 0;
  }
}

.moverse-header .logo, .login-card-multi-logo .logo, .reset-password-card .logo {
  background-color: white;
  width: 100%;
  height: 63px;
  color: black;
  display: flex;
  padding: 0;
  gap: 12px;
  align-items: center;
}
.moverse-header .logo img.logo-company, .login-card-multi-logo .logo img.logo-company, .reset-password-card .logo img.logo-company {
  max-height: 80px;
}
.moverse-header .logo img, .login-card-multi-logo .logo img, .reset-password-card .logo img {
  height: inherit;
}
.moverse-header .logo-mobile, .login-card-multi-logo .logo-mobile, .reset-password-card .logo-mobile {
  display: inline-flex;
  background: white;
  height: 60px;
  max-height: 64px;
  position: relative;
  gap: 4px;
  align-items: center;
}
.moverse-header .logo-mobile img, .login-card-multi-logo .logo-mobile img, .reset-password-card .logo-mobile img {
  width: inherit;
  height: inherit;
}

app-company-logo {
  width: max-content;
  justify-self: center;
}

.menu-header .mat-mdc-menu-content {
  padding: 16px !important;
  border: 1px solid rgba(216, 223, 234, 0.75);
  border-radius: 8px;
  font-size: 16px;
  display: grid;
  align-content: space-between;
  max-height: 90vh;
}
.menu-header .mat-mdc-menu-content .role {
  font-size: 12.8px;
}
.menu-header .mat-mdc-menu-content .mat-menu-item {
  font-family: "Noto Sans Thai", sans-serif;
  font-size: 16px;
  border-radius: 12px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  gap: 10px;
}
.menu-header .mat-mdc-menu-content .mat-menu-item .i-last-child {
  right: 16px;
  position: absolute;
  color: #000000;
}
.menu-header .mat-mdc-menu-content .mat-menu-item .disabled {
  color: #969EA9;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=primary] {
  background: var(--primary-normal-1);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=secondary] {
  background: var(--secondary-normal);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=secondary-light] {
  background: var(--secondary-light);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-text] {
  background: #969EA9;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=body-text] {
  background: #000000;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=background] {
  background: #F9FAFB;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=success] {
  background: var(--green-600);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-success] {
  background: #D9F7E5;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=alert] {
  background: #FF1744;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-alert] {
  background: #FFDCE3;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=warning] {
  background: #F79400;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=overlay] {
  background: #000812;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=white] {
  background: white;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=black] {
  background: black;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=compliance] {
  background: #F99500;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=sentiment] {
  background: #3DB61B;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=communication] {
  background: #008DD9;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=politeness] {
  background: #FF1794;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=emotional] {
  background: #B032BD;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=subbody] {
  background: #F6F9FB;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=iiv-primary] {
  background: var(--primary-normal-1);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=iiv-primary-linear] {
  background: linear-gradient(90deg, var(--primary-normal-2) -3.06%, var(--primary-normal-1) 106.53%);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=background-soft] {
  background: rgba(249, 250, 251, 0.5);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-light] {
  background: #b2bfd1;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=alert-light] {
  background: #FF7043;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=warning-light] {
  background: #fbc02d;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=overlay-light] {
  background: #795548;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=cancel] {
  background: #795548;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=pending] {
  background: rgb(255, 112, 67);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-pending] {
  background: #F7E4DF;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=await] {
  background: rgb(251, 192, 45);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=expire] {
  background: #384041;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=pending-brown] {
  background: rgb(193, 116, 25);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=background-print] {
  background: #f6f9fb;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=black-soft] {
  background: #5d5d62;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=primary-dark] {
  background: var(--primary-normal-2);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=primary-light] {
  background: var(--primary-light);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-text-secondary] {
  background: #E6E6E6;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=assign] {
  background: #B96F00;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=hightlight-text] {
  background: var(--primary-normal-2);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=navy-gray] {
  background: #3A4553;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=hot-pink] {
  background: #FE04FF;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=hot-bule] {
  background: #01ffd7;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=light-gray] {
  background: #DFE2E4;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=danger] {
  background: #F11E1E;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=gray] {
  background: #e5e7eb;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=danger_light] {
  background: #FCC9C9;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=background-2] {
  background: #F9FAFB;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=info-normal] {
  background: #0066CC;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=dividers] {
  background: #F2F2F2;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=border] {
  background: #D8D8D8;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=woodsmoke] {
  background: #384041;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=disable] {
  background: #E9EAEB;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=text-body] {
  background: #6b7280;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=soft-woodsmoke] {
  background: #EBECEC;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=tables-striped-rows] {
  background: #f9f9ff;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=charcoal] {
  background: #222222;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=gray-secondary] {
  background: #f2f2f2;
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=blue] {
  background: var(--blue-800);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=blue-50] {
  background: var(--blue-50);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=info-normal-1] {
  background: var(--info-normal-1);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=gray-500] {
  background: var(--gray-500);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=yellow-500] {
  background: var(--yellow-500);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=orange-50] {
  background: var(--orange-50);
}
.menu-header .mat-mdc-menu-content .mat-menu-item[color=orange-800] {
  background: var(--orange-800);
}

.cdk-overlay-pane {
  max-width: 95vw;
}

.mat-mdc-menu-panel.menu-header {
  border: none;
  border-radius: 16px;
  margin-top: 10px;
  max-width: 95vw;
  width: 20vw;
}
.mat-mdc-menu-panel.menu-notification {
  border: none;
  border-radius: 12px;
  margin-top: 20px;
  max-width: 100vw;
  width: 30vw;
}
.mat-mdc-menu-panel.menu-notification .mat-mdc-menu-content {
  padding-top: 0;
  padding-bottom: 0;
}

.fab-name {
  background-color: var(--primary-normal-2);
  color: white;
  text-align: center;
  align-content: center;
  display: inline-grid;
  min-width: 24px;
  min-height: 24px;
  border-radius: 50px;
  font-weight: 400;
}

.chips-user {
  font-weight: 600;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 4px 8px 4px 4px;
  gap: 4px;
  border-radius: 100px;
  background-color: white;
  color: var(--primary-normal-2);
  border: 1px solid rgb(230, 230, 230);
  width: auto;
  height: 32px;
}

@media only screen and (max-width: 1180px) {
  .moverse-header .header-content {
    width: 100%;
    gap: 4px;
  }
  .moverse-header .btn {
    padding: 10px 5px;
  }
  .moverse-header .btn i {
    font-size: 2em;
    line-height: 1em;
  }
  .moverse-header .end-menu i {
    font-size: 1.25rem;
  }
  .mat-mdc-menu-panel.menu-header {
    margin-top: 10px;
    max-width: 95vw;
    width: 95vw;
  }
  .mat-mdc-menu-panel.menu-notification {
    margin-top: 25px;
    max-width: 95vw;
    width: 95vw;
    margin-left: 12px;
  }
  .fab-name {
    min-width: 34px;
    min-height: 34px;
  }
}
.counter-badget {
  padding: 4px 8px;
  display: flex;
  height: 29px;
  align-items: center;
  gap: 4px;
  border-radius: 100px;
  border: 1px solid var(--color-border-normal, #D8D8D8);
  background: #F2F2F2;
  color: black;
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  position: absolute;
  right: 10px;
  bottom: -36px;
  box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
}
.counter-badget i {
  color: var(--warning-normal);
}
.counter-badget.camera-mode {
  position: fixed;
  top: 10px;
  left: 15px;
  right: auto;
  z-index: 9;
}
.counter-badget.camera-mode.landscape-lock {
  transform: rotate(90deg);
  top: 8%;
  left: 80%;
}
.counter-badget.toolbar-mode {
  position: fixed;
  right: 10px;
  top: 74px;
  bottom: auto;
  z-index: 998;
}
.counter-badget.toolbar-mode.toolbar-hidden {
  top: 15px;
}
.counter-badget.toolbar-mode.sandbox-mode {
  top: 100px;
}
.counter-badget.toolbar-mode.sandbox-mode.toolbar-hidden {
  top: 15px;
}
.counter-badget.d-none {
  display: none;
}

/* ============================================================
   Task Info Page Layout — unit-5x-task-info-layout
   Used by: Seller detail, Inspector detail, Approver detail
   ============================================================ */
.tip-page-layout {
  display: grid;
  grid-template-columns: 355px minmax(0, 1fr);
  height: calc(100vh - 140px); /* subtract navbar height */
  overflow: hidden;
  min-height: 0;
  transition: grid-template-columns 0.25s ease;
  margin: auto;
  width: 100%;
}

/* 3-column grid: Sidebar | Content | Coverage */
.tip-page-layout--3col {
  display: grid;
  grid-template-columns: 355px 1fr 265px;
  height: calc(100vh - 140px);
  overflow: hidden;
  min-height: 0;
  transition: grid-template-columns 0.25s ease;
}

/* 2-column grid: Sidebar | Content  */
.tip-page-layout--2col {
  display: grid;
  grid-template-columns: 355px 1fr;
  height: calc(100vh - 140px);
  overflow: hidden;
  min-height: 0;
  transition: grid-template-columns 0.25s ease;
}

/* collapsed states — shrink left column to icon-strip (48px), right to 0 */
.tip-page-layout--left-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) !important;
}

.tip-page-layout--3col.tip-page-layout--left-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) 265px !important;
}

/* hidden mode override — ถ้า panel ใช้ collapsedMode='hidden' ให้ column เป็น 0 */
.tip-page-layout--left-collapsed:has(.tip-panel--collapsed-hidden) {
  grid-template-columns: 0 minmax(0, 1fr) !important;
}

.tip-page-layout--3col.tip-page-layout--left-collapsed:has(.tip-panel--collapsed-hidden) {
  grid-template-columns: 0 minmax(0, 1fr) 265px !important;
}

.tip-page-layout--3col.tip-page-layout--right-collapsed {
  grid-template-columns: 355px minmax(0, 1fr) 0 !important;
}

.tip-page-layout--3col.tip-page-layout--left-collapsed.tip-page-layout--right-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) 0 !important;
}
.tip-page-layout--3col.tip-page-layout--left-collapsed.tip-page-layout--right-collapsed .photo-gallery-grid {
  grid-template-columns: 1fr 1fr 1fr 1fr;
}

.tip-page-layout--2col.tip-page-layout--left-collapsed {
  grid-template-columns: 48px minmax(0, 1fr) !important;
}

/* ทุก direct child ของ grid ต้องมี min-height: 0 เพื่อให้ overflow-y: auto ทำงานได้ใน grid context */
.tip-page-layout > *,
.tip-page-layout--3col > * {
  min-height: 0;
  min-width: 0;
}

/* Toggle button container — needs relative context on layout */
.tip-page-layout,
.tip-page-layout--3col {
  position: relative;
}

/* Center column — must reset flex properties for grid context */
.tip-page-content {
  height: 100%;
  min-width: 0; /* prevent grid blowout */
  min-height: 0;
  overflow-y: auto;
  padding-bottom: 80px; /* footer clearance */
  background: #fff;
  /* Non-Batch mobile-only empty state — ให้กล่อง full width ไม่ถูกบีบไว้กลางจอ */
}
.tip-page-content:has(.inspector-mobile-only-state) {
  width: 100%;
  overflow: hidden;
}

/* Photo gallery — responsive grid matching Figma design
   desktop (≥1400px): 3 col | mid (≥1180px): 2-3 col auto | narrow/mobile: 1 col */
.photo-gallery-grid {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 16px;
}

/* Breadcrumb embedded inside center column — sticky, left-aligned, custom bg */
.tip-page-content app-breadcrumb {
  display: block;
  position: sticky;
  top: 0;
  z-index: 10;
}

.tip-page-content app-breadcrumb nav {
  justify-content: flex-start !important;
  height: 48px;
  padding: 0 16px;
  background: var(--color-background-background_white, #FFF);
  border-bottom: 1px solid var(--color-border-normal, #D8D8D8);
}

.tip-page-content app-breadcrumb nav ol.breadcrumb {
  width: auto !important;
  margin-bottom: 0;
  background: var(--color-background-background_white, #FFF);
}

.task-info-center-section {
  display: flex;
  flex-direction: column;
  min-height: min-content;
}

.task-info-center-title {
  display: flex;
  padding: var(--sizing-size-16, 16px) var(--spacing-padding-16, 16px);
  align-items: flex-start;
  align-self: stretch;
  color: var(--color-text-on_light-heading, #000);
  /* h6 */
  font-family: "Noto Sans Thai";
  font-size: 20px;
  font-style: normal;
  font-weight: 600;
  line-height: 150%; /* 30px */
  letter-spacing: 0.2px;
  border-bottom: 1px solid var(--color-border-normal, #D8D8D8);
  background: var(--color-default-white, #FFF);
}

.task-info-center-subheader {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 16px;
  background: #fff;
  border-bottom: 1px solid var(--color-border-normal, #D8D8D8);
  border-top: 0;
  font-size: 16px;
  font-weight: 600;
}

.task-info-center-body {
  display: flex;
  flex-direction: column;
}

.task-info-review-notes {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 16px;
  background: #fff;
  border-top: 1px solid #d8d8d8;
}

.task-info-review-note {
  min-width: 0;
}

.task-info-review-note__label {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.task-info-review-note__hint {
  margin-top: 4px;
  color: rgba(0, 0, 0, 0.6);
  font-size: 14px;
}

.task-info-review-confirm {
  padding: 0 16px 16px;
  background: #fff;
  border-top: 1px solid #d8d8d8;
}

/* Right coverage column — match sidebar behaviour */
app-task-info-ai-coverage {
  display: block;
  min-width: 0;
  height: 100%;
  overflow: visible; /* ให้ toggle button ยื่นออกได้ */
}

/* Panel toggle buttons อยู่ใน component SCSS ของแต่ละ panel แล้ว */
/* host elements — overflow visible เพื่อให้ toggle button ยื่นออกได้, min-width: 0 เพื่อให้ grid shrink ได้ */
app-task-info-left-panel {
  display: block;
  position: relative;
  overflow: visible;
  height: 100%;
  min-width: 0;
}

app-task-info-ai-coverage {
  position: relative;
  min-width: 0;
}

/* เมื่อ collapse — panel เต็ม 48px column (icon strip mode) */
.tip-page-layout--left-collapsed app-task-info-left-panel .tip-panel,
.tip-page-layout--3col.tip-page-layout--left-collapsed app-task-info-left-panel .tip-panel {
  width: 48px;
  min-width: 48px;
  overflow: visible; /* flyout ต้องยื่นออกนอก panel ได้ */
}

/* hidden mode override */
.tip-page-layout--left-collapsed app-task-info-left-panel .tip-panel--collapsed-hidden,
.tip-page-layout--3col.tip-page-layout--left-collapsed app-task-info-left-panel .tip-panel--collapsed-hidden {
  width: 0 !important;
  min-width: 0 !important;
  border-right: none !important;
}

.tip-page-layout--3col.tip-page-layout--right-collapsed app-task-info-ai-coverage .acp-panel {
  width: 0;
  min-width: 0;
  border-left: none;
  overflow: hidden;
}

/* ตอน left collapsed — content ไม่ต้อง margin เพราะ icon strip ใช้ grid column แล้ว */
.tip-page-layout--right-collapsed .tip-page-content {
  margin-left: 0;
  margin-right: auto;
}

.tip-page-layout--left-collapsed .tip-page-content {
  margin-left: 0;
  margin-right: 0;
}

.tip-page-layout--left-collapsed.tip-page-layout--right-collapsed .tip-page-content {
  margin: auto;
}

.tip-page-layout--2col.tip-page-layout--left-collapsed .tip-page-content {
  margin: auto;
}

@media only screen and (min-width: 1536px) {
  .tip-page-layout {
    grid-template-columns: 400px minmax(0, 1fr);
  }
  /* 3-column grid: Sidebar | Content | Coverage */
  .tip-page-layout--3col {
    grid-template-columns: 400px 1fr 355px;
  }
  /* 2-column grid: Sidebar | Content  */
  .tip-page-layout--2col {
    grid-template-columns: 355px 1fr;
  }
}
@media (max-width: 767px) {
  .tip-page-layout,
  .tip-page-layout--3col {
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
  }
  .tip-page-layout app-task-info-left-panel {
    width: 100%;
    min-width: 0;
  }
  .tip-page-content {
    overflow: visible;
    padding-bottom: 96px;
  }
  .task-info-review-notes {
    grid-template-columns: 1fr;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[4].rules[0].oneOf[0].use[2]!./node_modules/ngx-spinner/animations/ball-clip-rotate.css?ngGlobalStyle ***!
  \****************************************************************************************************************************************************************************************************************************************************************/
/*!
 * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/)
 * Copyright 2015 Daniel Cardoso <@DanielCardoso>
 * Licensed under MIT
 */
.la-ball-clip-rotate,
.la-ball-clip-rotate > div {
    position: relative;
    box-sizing: border-box;
}

.la-ball-clip-rotate {
    display: block;
    font-size: 0;
    color: #fff;
}

.la-ball-clip-rotate.la-dark {
    color: #333;
}

.la-ball-clip-rotate > div {
    display: inline-block;
    float: none;
    background-color: currentColor;
    border: 0 solid currentColor;
}

.la-ball-clip-rotate {
    width: 32px;
    height: 32px;
}

.la-ball-clip-rotate > div {
    width: 32px;
    height: 32px;
    background: transparent;
    border-width: 2px;
    border-bottom-color: transparent;
    border-radius: 100%;
    animation: ball-clip-rotate .75s linear infinite;
}

.la-ball-clip-rotate.la-sm {
    width: 16px;
    height: 16px;
}

.la-ball-clip-rotate.la-sm > div {
    width: 16px;
    height: 16px;
    border-width: 1px;
}

.la-ball-clip-rotate.la-2x {
    width: 64px;
    height: 64px;
}

.la-ball-clip-rotate.la-2x > div {
    width: 64px;
    height: 64px;
    border-width: 4px;
}

.la-ball-clip-rotate.la-3x {
    width: 96px;
    height: 96px;
}

.la-ball-clip-rotate.la-3x > div {
    width: 96px;
    height: 96px;
    border-width: 6px;
}

/*
 * Animation
 */
@keyframes ball-clip-rotate {
    0% {
        transform: rotate(0deg);
    }
    50% {
        transform: rotate(180deg);
    }
    100% {
        transform: rotate(360deg);
    }
}